Creating a Resume Web Page FTP Web Pages

Creating a Web Page Resume in Microsoft Word XP/2003
with Tables and Hyperlinks Prepared by Floyd Winters Last 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 Page and 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, choose File, and select New.

2. Click Table, Insert, Table and enter 3 for the number of columns and 20 for the number of rows.

3. Hover your mouse over the vertical table grid lines in one of the 20 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 address in 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 used for Education previously. (If Awards is not appropriate, feel free to select another topic such as Certificates, Personal, or Hobbies.)

11. In Print Layout view, hover your mouse near the upper-left corner of the table and click the [+] that appears – this selects the table. Choose Format, Borders and Shading, click the Borders tab, in the Apply to: box select Table, and select None to hide the gridlines. Then click OK. (Or select the entire table, then click the Border Icon on the toolbar and choose the icon for no borders to hide the gridlines.) Select the Table again, and again Choose Format, Borders and Shading, click the Borders tab, in the Apply to: box select Table. Choose your desired Color and border Width, then in the Preview pane, click the top, bottom, left and right border icons (see red arrows in figure below).

12. Choose Format, point to Background, and choose the color you want. 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. Choose Insert, and select Hyperlink. 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.

14. a. To insert an image or business logo into your resume, it is wise to merge several adjacent cells in a column by choosing Table, Merge Cells. (See the upper-right corner of the figure below.) 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. Choose Insert, Picture, From File to insert an image. 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 Format Picture, click the Web tab, and enter the Alternate text.

Your Name
Your Street Address
City, State, Zip

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

15. a. In the upper-left corner of your Resume Web page, choose Insert, 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 Top of the page: In the lower-left corner of your Resume Web page, choose Insert, 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. Choose File, Save As Web Page, and name the file Resume-YourLastName, substituting your own name for YourLastName. (Do not use spaces in Web file names.) Under Save as type: 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_files images folder if you Save As a Web Page. You must upload both the .htm file and the associated image folder to the same location on your Web site so your .htm file will automatically open the images.

Some FTP sites or FTP programs allow you to upload the whole corresponding images folder at one time. Other FTP sites or FTP programs require you to make a folder with the same name as the images folder that Word automatically created (such as resume.htm_files). Then you open or browse to that newly created folder and upload each image one at a time.

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 http://home.tampabay.rr.com/ and simply click the create link to create the location. (For some simple FTP Tutorials see: http://ftphelp.secureserver.net/index.html, 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 www.Godaddy.com. 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: http://geocities.yahoo.com/ . 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_files images folder if you Save As a Web Page. You must upload both the .htm file and create/or upload the contents of the associated image folder to the same location on your Web site so your .htm file will automatically open the images. In Geocities you must you open or browse to that newly created resume_files images 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 Page FTP Web Pages Top