Creating a Resume Web PageFTP Web Pages

Creating a Web Page Resume inMicrosoft Word2007
with Tables and HyperlinksPrepared by Floyd WintersLast Revision 10/02/08

Basically there are three steps to creating a Web Page Resume:

1. Create your Resume in Word using a Table instead of Tabs

(HTML, the language of the Web, does not recognize Tabs)

2. Save your Resume as a Web Page (File, Save as Web Pageand choose Web page, Filtered on the Save as type box to make your file size smaller.) (Do not use spaces in the Web file names.)

3. FTP (File Transfer Protocol) your resume to your Web site.

In the following exercise, you will use a table, hyperlinks, bookmarks (also called anchors), and an image to create a resume that you can post on the Web.

1.Start Microsoft Word 2007, click the Office Button, select New, and select Blank document.

2. Click the Insert Tab, clickTable,andin the Insert Table dropdown, highlight 3 columns and 8 rows.

3.Hover your mouse over the vertical table grid lines in one of the rows, until the cursor changes to the resize-crosshair (). Left-click and drag the resize-crosshair to the left to make the 1st column smaller; then resize the 3rd column to make it smaller as well.

4.Type in your name in row one, column two. Enter your street address in row two, column two, and enter your City, State and Zip code in row three. Enter your phone number in row 4 and Email addressin row 5. (Notice that when you tap enter after your email address it automatically becomes a hyperlink.)

5.Select your name, address, city, state, Zip code, and phone. Click the Bold button. Set the font size to 18 or 22; if you want, change the color of your name, address and phone number. Click the Center button on the Formatting toolbar.

6.Place the insertion point in the top-left cell of row 7 in the table. Type Education, and make sure it is aligned left. Press [Tab] three times to go to the next row, leaving the last two column cells of the current row blank.

7.In the first column of the next row and under the word Education, type in the dates that you attended. Right-align the dates. Tab to the second column, and type the name of the school that you attended. Left-align the school name. Tab to the third column, and type the city and state. (Use the normal two-letter abbreviation for the state. Ex: FL not Fl or Fla.) Tab to move to the next row. Add additional educational data such as your major, important courses, GPA. When you are finished, tab to skip to the following row, leaving a blank row between the Education and Work Experience sections.

8.In the first column, type Work Experience, and left-align it. Press [Tab] three times to leave the next two column cells blank and create a new row.

9.In the first column and under the words Work Experience, type in the dates that you worked. Right-align the dates. Tab to the second column, and type the name of the business that you worked for. Left-align the business. Tab to the third column, and type the city and state. (Use the normal two-letter abbreviation for the state.) Add additional employment data such as job description. When you are finished, tab to skip the following row, leaving a blank row between the Work Experience and Award sections.

10.In the first column, type Awards (or what other third category you want), and left-align it. Leave the rest of this row blank. Enter your Award information following the format previously used for Education. (If Awards is not appropriate, select a topic such as Certificates or Personal)

11.Hover your mouse near the upper-left corner of the table and click the [+] that appears – this selects the table.Choose thePage Layout Tab, click Page Borders, click the Borders tab, in the Apply to: box select Table, and select your desired border Color and border Width. Make sure only the Top, Bottom, Left and Right border buttons are selected. (See red underlines in figure below). Then click OK.

12.Select the table again. Choose the Page Layout Tab, click the Shading tab and chose a light background for the table. Light colors make dark text easier to read. (The background color displays on the screen, but it does not print.)

13.To insert an “external” hyperlink: Highlight the name of your college. Click theInsert Tab, and click theHyperlink icon. Enter the Web address of your college’s Web site in the Address box and type your college name in the Text to display box.

Your Name
Your Street Address
City, State, Zip

Education
2005-2007 / Manatee Community College / Bradenton, FL
Major: Computer Information Administrator. 3.8 GPA

14.a. To insert an image or business logo into your resume, it is wise to merge several adjacent cells in a column by highlighting the top four or five cells in the upper right corner of the table and then choose Table Tools. (When you select a table, the Table Tools option appears above and to the right side of the menu bar.) Click the Layout Tab and click the Merge Cells icon. This will give you a fixed place to insert the image so that it can be attractively lined up with the text in the table.

b. Click theInsert Tab, click the Picture icon, and browse to the desired picture that you want to insert, and click [Insert]. After the image is inserted you should set Alternate text for the image that can be read by screen readers which are used by the visually impaired – right-click the image, choose Size, click the Alt Text tab, and enter the Alternate text.

15.a. Click in the upper-left corner of your Resume Web page, choose the Insert Tab, and select Bookmark. In the Bookmark name field, name the bookmark Top. (You can NOT use spaces in bookmark names.) Click Add. Bookmarks (also called anchors) signify a location that you want internal hyperlinks to jump to.

b. To insert an “internal” hyperlink to the Topof the page: In the lower-left corner of your Resume Web page, choose the Insert Tab, and select Hyperlink. In the Insert Hyperlink dialog box, choose Bookmark (or Place in This Document on older versions of Word). Choose the name of the bookmark the hyperlink will jump to. (The bookmark was called Top.) Click ScreenTip, and add a text description (such as: Go to Top of Page) for the hyperlink. Click OK, and click OK again to close the Insert Hyperlink dialog box. You can click the Top hyperlink in the figure below to see how this works.

Top

16.a. Click the Office Button, choose Save As, and name the file resume.(Do not use spaces in Web file names.) Under theSave as type dropdown box, choose Web Page, Filtered - to keep your file size small. Pay attention to the location or path that you save to.

b. Click the Change Title button to set the Web page Title that will appear in the Title bar.

c. Click the Save button, and close Word.

17.Open the Windows Explorer, locate your resume.htm file, and double-click on it to view your Resume Web page in your default browser.

Note:When you use Word to create your Web Page and the page has graphics (such as the picture inserted above in the upper-right corner of the table), it will automatically create a corresponding images folder. For instance, if you name your file resume, Word will create a resume.htm file AND a resume_filesimages folderif you SaveAs a Web Page. You mustFTP or upload both the .htm file and the associated image folderto the same location on your Web siteso your .htm file will automatically open the images.

FTP (File Transfer Protocol)

Once you are done with your Web page, you need to upload or FTP your file to a remote Web server or hosting service, so that it can be accessed by other people from other locations. FTP(File Transfer Protocol) allows you to store documents like your personal resume, portfolio projects, and other Web pages on a remote Web server. Most ISPs (Internet Service Providers) like Roadrunner, Comcast, Verizon, AOL…) will give you several megabytes of free storage space to host your own Web site. For instance, to set up a Road Runner Web Page go to and simply click the create link tocreate the location. (For some simpleFTP Tutorialssee:, see especially IE)

For under $50 a year you can own your own domain name, a personalized email address, and have dependable banner-free hosting through a number of hosting services such as If you set up a GoDaddy account be sure to ask for the economy package that includes all three: domain name, email address, and hosting.

In the following graphical tutorial we will use a free hosting service called Geocities. It is free because it is supported by placing banners for advertisers on your Web page. There are numerous other services that offer banner supported free space, but Geocities is very popular because its banners are possibly the least intrusive banners in the field. To sign up for a Free Yahoo Geocites account click: . See below for a Geocities pictorial walkthrough.

Your screen may vary. Click [Sign Up Now] to sign up for your new account. Then Log in and use the File Manager to upload your files to your new site.

A few notes:

  1. Your Home Page is called index.htm. It is case sensitive on some servers, so it is strongly suggested that you keep it all lower case.
  2. Your Home Page(index.htm)should be attractive and say a little about your site. It should have hyperlinks to pages like your online resume, any online forms that you have, online PowerPoints, online portfolios…
  3. Files like index.htm, resume.htm, form.htm, powerpoint.htm should all be in the same folder on your server. If you name your file resume, Word will create a resume.htm file AND a resume_filesimages folderif you SaveAs a Web Page. You mustupload both the .htm file and create/or upload thecontents of the associatedimage folderto the same location on your Web siteso your .htm file will automatically open the images. In Geocities you must you open or browse to that newly created resume_filesimages folder and upload each image one at a time.
  4. To graphically see how your files are organized see the figures below:

Creating a Resume Web PageFTPWebPagesTop