Lecture Notes

HCI201 -- Lecture 5

Note: This is one procedure you could use for making your pages.

For example, here's how it would work if you applied it to Homework 2.

Homework 2:  Step-by-Step

Start here to create the Homepage:

1. Copy generic.htm, homepage.txt, and aboutus.txt to your HCI201 folder on your PC.
2. Put all needed images into your images folder (under HCI201) on your PC.
3. Make a copy of generic.htm - name the copy hw2A-yourname.htm .
4. Double-click on hw2A-yourname.htm to display it in the browser.
5. View Source. Edit Source using text from homepage.txt and appropriate images from images folder.
6. When complete, hw2A-yourname.htm contains your Homepage .

In similar fashion, we create the About Us page:

1. Make a copy of generic.htm - name the copy hw2B-yourname.htm .
2. Double-click on hw2B-yourname.htm to display it in the browser.
3. View Source. Edit Source using text from aboutus.txt and appropriate images from images folder.
4. When complete, hw2B-yourname.htm contains your About Us page.

Completed Example page.

Posted: 4-12-2011