To Homework

HCI 201 -- Ex5 -- Table of Contents
 

Goal: Create a Table of Contents for Exercises and Projects.

IMPORTANT: Choose a common font and background color for all pages. Later we will see how to do this with document-level or external cascading style sheets.

1. Create a FrontPage one-page web named ex5smithweb

2. Change the name of index.htm to contents.htm

3. Create pages ex6-stub.htm, ex8-stub.htm, ex11-stub.htm, hobbywebsite-stub.htm and businesswebsite-stub.htm. You do not create a stub page for Ex3 because you have already uploaded it.

4. Here are the contents of a sample stub page:
   

   ---

   Stub Page for Ex6

   Color and Images with Tables and/or Layers

   Exercise Ex6 is practice using tables and/or layers that contain text, background colors and images.

   ---

5. Go back to the page contents.htm. Design the page so that it looks something like the following. Note that the links on these sample page do not actually work.
   

   ---

   Table of Contents

   Exercises

   Ex3 Upload Page
   Ex6 Colors and Images with Tables and Layers
   Ex8 Using CSS Stylesheets
   Ex11 Using Cut and Paste JavaScript

   Projects

   HobbyWebsite Project
   BusinessWebsite Project

   External Link

   External Link to IBM
   

   ---

   To create a hyperlink, select the text you wish to convert to a hyperlink with the mouse. Then right click and select Hyperlink. If you are linking to a page in the same web, select the page. If you are linking to an external site (as in Step 6), type the site address into the Address textbox. You will also have to type in the relative address for the Exercise Ex3 page because it does not exist in your web.

6. Add an external link to a site of your choice. Do NOT choose IBM or DePaul.