Your First Web Page

CS 297

Jan. 9, 1997

Work through these exercises. There is nothing that needs to be handed in. You will, however, need to have some pages by Friday when we practice transferring files from you N: drive to the Web server. (We will take some time Friday for you to finish this.)

These instructions are a little sketchy. (I hope they're not too sketchy.) I've done this on purpose. Some of you need just a little bit of direction to get started and will be able to help those around you. Others will have a question or two and a few might need more help. Just call me over if you get stuck, or if you don't think your system is doing what it's supposed to.

Step-by-Step Guide

1. Start DOS/Windows. You will not be able to edit Web pages from OS/2.

2. Make a folder (directory) for your set of Web pages:
   1. Open an MS-DOS window.

   2. Type the command N:.

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

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

   5. 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.

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 one 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 image.

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. If you want to begin experimenting further, go right ahead.