Directions

Improve your Table of Contents so that it uses frames to make a heading and a navigation bar always visible.

1. Make a copy of your TableofContents.html file. Name the copied file left.html and make sure that it is in the assignments folder.
2. Create a new file called NewTableofContents.html. This will be your frameset.
3. Make this file so that it has three frames. First it should be split into two rows. The first frame should be 75 pixels and called top and the source should be top.html.
4. Your second frame of your page needs to be the remaining space and split into two columns. Make the first column 200 pixels wide and name it left (with the source linked to left.html). Make the second column use the rest of the available space and name it main.
5. Turn off the ability to resize the panes.
6. Remove the scrollbar from the top pane.
7. Make this top.html file with your full name centered in a level-1 heading. Change either the background color or add a background picture.
8. Specify the main frame to load a new page called main.html.
9. Write code for main.html that includes a simple paragraph that says: “Click on one of the links on the left to view that assignment in this frame.”
10. Remove your level-2 heading (of your name) on the left.html page. Also change the background is the same as the top pane.
11. Change all the links on the page so that they will load in the main frame.
12. Raise your hand and ask your teacher to grade your assignment on screen.