Exercise One

In this exercise, you will create a simple, two-frame frame page, and two basic HTML pages to display within those frames. You will then expand your frame page from two to three frames, creating another HTML page along the way.

  1. Create two simple HTML pages containing any content (an H2 and a paragraph would be sufficient content for the BODY of each page); you will be displaying these pages in your frames momentarily.
  2. Create another HTML page, a frame page, with a two column FRAMESET.
  3. Set your two HTML pages as the default content for the columns in your FRAMESET using FRAME tags.
  4. Test your frame page. Make corrections, as needed.
  5. Change the two-column layout of your frame page to a two-ROW layout.
  6. Test your frame page. Make corrections, as needed.
  7. Create a third row for your frame page. Create another HTML page to use as a default page for that frame. Add an additional FRAME tag to your frame page, calling your new HTML page as the default page for the frame.
  8. Test your frame page. Make corrections, as needed.

Note: Web browsers will not completely reload frame pages when you hit the "Reload" or "Refresh" buttons. To FORCE a browser to completely reload a frame page (or any page, for that matter), you must take the following steps:

Netscape Communicator: Hold down the "shift" key while pressing the "Reload" button to initiate a "force" reload.
Internet Explorer: Hold down the "option" key (Mac) or the "control" key (PC) while pressing the "Refresh" button to initiate a "force" reload.

Main Menu