Your First Web Page

CS 29

Mar. 11, 1997

Step-by-Step Guide

  1. Start Windows 95 and login. We will not be telnetting to unix1 today.

  2. Make a folder (directory) for your set of Web pages:
    1. Open an MS-DOS window. (Open the Start menu, choose Programs, then choose the DOS program.

    2. A DOS command shell window should pop-up. Work in that window.

    3. Type the command N:.

    4. Your command prompt should have N:\ in it at this point.

    5. Type the command md web to make the folder.

    6. Type the command exit to quit the MS-DOS window.

    This is very important: be careful to store your web pages, images, etc., into this folder on your N: drive. When you create a new page, use Save as to save it and make sure it's being saved in the correct drive and folder.

  3. Start Netscape Navigator Gold.

  4. Open the editor. From Navigator open the File menu. Choose New Document, then choose Blank. You should have two windows now: your original browser window and the editor window.

  5. 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 the browser into the editor.

  6. 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 must use this name.

  7. Create a new, second web page using the filename second.htm. Put an image on this page:
    1. Using your browser, go to Westminster's home page.

    2. Drag the large image into the page you're editing.

    3. Center the image, using the formatting buttons.

    4. Save the page.

  8. Let's see if it all worked. Go back to the browser and open the File menu. Choose Open File... and open the file index.htm you just created. Test your link to make sure it works and make sure the second page image is loaded by the browser.

  9. Some resources on HTML:
    1. Creating your first Web page.

    2. A Beginner's Guide to HTML.

    3. The Bare Bones Guide to HTML.

    4. Guidelines for Web Document Style & Design

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

  10. Now, start working on your own home page. You can have a look at CS297 Student Home Pages for some ideas of what to put on your home page.

Thomas P. Kelliher
Sun Mar 9 13:47:07 EST 1997
Tom Kelliher