OBJECTIVE

Use frames to create web pages

DISCUSSION

Frames

Display more than one page in a browser window
Convenient for navigation
Potential disadvantages - real or perceived?

Example to Set Up Frame Page

    <html>
    <head>
      <title>Frame Example </title>
    </head>
    <frameset framespacing="0" rows="66,*" frameborder="0">
        <frame name="banner" src="banner.htm" noresize="noresize" scrolling="no" />
        <frameset cols="33%,*">
           <frame name="contents" src="toc.htm" scrolling="auto" />
           <frame name="main" src="home.htm" scrolling="yes" />
        </frameset>
    </frameset>
    </html>

Example Link in Frame Page

    <a href = "newpage.htm" target = "main">New Page</a>

EXERCISES

Create a Frameset page that has three frames: a table of contents down the left side, a banner across the top, and a main area on the right. You will need to create four web pages: (1) the frameset page, (2) the toc.htm page, (3) the home.htm page, and (4) the banner.htm page. You can/should use the code above to create the frameset page. Add a link to the toc.htm page that displays another page in the main frame. Your page should look as shown on the following link: Example Exercise
Experiment with the frameset page that you created in #1. Explain how to modify the code so that ...
1. The banner takes up half the height of the window.
2. None of the frames have scrollbars.
3. The width of the table of contents is fixed at 120.
Create a Frameset page with three vertical frames. Make the left frame 25% of the width, the middle frame 50% of the width, and the right frame 25% of the width.
Create your personal web site for this class using frames.
- Your website should have a table of contents that displays links to all lessons and other pages as necessary.
- Your site should have a home page that is displayed when the site loads.
- Each lesson should have a brief summary and links to the solutions for each exercise.
- You should have a page for storing your grades. The grades page should list the date of the assignment, the type of assignment, a brief description of the assignment, the possible value, and your score.

LINKS AND HELP

Frames: http://www.w3schools.com/html/html_frames.asp