Your First Web Page

CS 102

Oct. 5, 1997

Step-by-Step Guide

1. Login to your workstation.

2. Start Microsoft FrontPage.

3. Choose Blank FrontPage Web.

4. For File Location type: G:\<yourusername>\web . For example: G:\kelliher\web .

5. For Name type: first .

6. When the dialog box to create a new folder appears, go ahead and create the folder.

7. Double click on the home page icon that will appear in the FrontPage browser. The FrontPage editor will appear.

8. Start using the editor. Notes:
   1. The editor's formatting features are similar to those of any other GUI word processor.

   2. You can cut-and-paste text from a window into the editor.

   3. You can drag an image from Internet Explorer into the editor.

9. I want you to put two things on your first page:
   1. The words ``My First Web Page,'' centered at the top of the page, using the Heading 1 style.

   2. A link to a second page. The link text should be ``Here's a link.'' Highlight the text and use the link button on the toolbar to make the link point to the file second.htm.

   Save your first page as index.htm. You have to use this name for your main page in any set of pages. This name will probably be the default.

10. Create a new, second web page using the filename second.htm. Put an image on this page:
    1. Using Internet Explorer, go to Goucher's home page.

    2. Drag the campus photo into the page you're editing.

    3. Center the image, using the formatting buttons.

    4. Save the page.

11. Let's see if it all worked. Go back to your first page in the editor and choose Preview in Browser, either from the toolbar icon or from the File menu. Test your link to make sure it works and make sure the second page image is loaded by the browser.

12. Some resources on HTML:
    1. A Beginner's Guide to HTML.

    2. The Bare Bones Guide to HTML.

    3. Guidelines for Web Document Style & Design

    (These links are directly available from the copy of this handout on the class home page.)