Frames

View the video tutorial on frames and follow the directions so that your site has a header, links, main, and footer, although, choose your own type of frames layout and do not copy the layout style in the video example. Here are just a few example layout choices you can choose from. If you want to create a narrow body for your main pages, create an extra column in your row and insert a blank html page.

You need to change your original index file to home.html since it will no longer be the sole homepage. Instead, name your frames page index.html and this will be your new homepage. Since you changed your file name, you will need to go back to your image map and change the "H" circle image map to home.html instead of index.html.

You need to enable your site so that when you click on a link on a link in its own frame (e.g. Inspire), the main body (home.html) needs to change to the inspire page but the other frames do not change.

Open your index.html page (contains your frames) and edit the page to add the names of each frames. It is good to name them in a unique way for what they are (e.g. header, footer, main) but use a unique name that others would not use (e.g. instead of just banner, use your name as part of it billbanner).

index.html file

<frameset cols="10,*" frameborder="yes" border="1" noresize="noresize" scrolling="yes(or no)">

<frame src="banner.html" name="billbanner">

 <frame src="home.html" name="billmain">

Once you've named your frames, use the target attribute on your anchor tags in your links.html page. Target the frame name where you want the links to open.

links.html file

<a href="inspire.html" target="billmain">Inspire</a>

Now go back and change the frameborder to ="no" border="0" for your frames.

Go to the detail page you previously created and write a couple of sentences about what you specifically like doing with your hobby.

Take a screenshot of the Inspire page with your frames around the page showing. Also take a screenshot of the frames HTML code and upload HTML file to your WPand the link to the spreadsheet.