Naming Files for the Web

Now is probably a good time to save the document locally (locally means "on your computer").

  1. go to the "File" menu
  2. choose the option "Save"
  3. call this page "index.html" - all lower case
  4. create a new folder on your hard drive
  5. name the folder "~yourinternetid" (e.g., "~breeves")
  6. open the folder if it is not already open
  7. click "Save"
Any page named "index.html" will be the default page of that directory.

Huh?

When you go to the UMD homepage with the url http://www.d.umn.edu/ you're actually going to the page at that directory location called "index.html." Many Web servers are set up to do this automatically. Each directory can have one index page for its default page. Otherwise you have to specify the page you want to see in your url. In the example of the UMD homepage, we would have to type in http://www.d.umn.edu/index.html. How would we know "index.html" is the homepage for UMD? We wouldn't necessarily which is why it's nice to take advantage of a default page.

So what does this mean for you? We're going to put your Web page in your directory. Your directory is http://www.d.umn.edu/~yourinternetid/ (e.g., http://www.d.umn.edu/~breeves/), and when people type in this url they should get your homepage without having to type anything else. In order for this to happen your homepage must be saved as "index.html" or "index.htm". If you'd like to see what a directory looks like when it has no "index.html" page just follow this link to a directory without an "index.html" page. Note the contents of the folder are displayed like a list.

What if you have other pages in your directory you want people to see? Link to them from your "index.html" page.

  1. create some text to be the link
  2. select the text
  3. go to the "Properties" panel
  4. click on the folder icon to the right of the "Link" text box called "Browse for File"
  5. browse to the file you want to link to
  6. double-click the file name to create the link

If you think this describes making a relative link, you're right!

When you're ready, move on to "Viewing Your Web Page in a Browser."