Exercise 6 Demo Part A

Exercise 6 Demo: Part A : Frames

This is the HTML you will need for Part A of the Frames Demo

As you can see there are many examples linked above. Be sure to look at them all to see more frameset possibilities.

Frames : Fundamentals

Think of a frameset page as a structure, made of separate frames, where each 'frame' of the structure can display a different HTML document. This frameset has two frames.

Here's the left frame. We'll name this frame 'control'. Inside of this frame we'll place an html page called "control.html".

Here's the right frame. We'll name this frame 'display'. Inside of this frame we'll start with an html page called "display.html".

Now we need to create the frameset which will provide the structure for viewing the two pages. In Part 2 of the demo we will make the two HTML pages which are in the frames.

Name this file frame.html.

The code is on the left, the results of the code are displayed on the right.

<html> <head> <title> A two-part frame </title> </head> <frameset cols="200,*"> <frame name="control" src="control.html"> <frame name="display" src="display.html"> <noframes>
This document uses frames.
If you get this message,
you need a new browser!
</noframes> </frameset> </html>

CONTROL

DISPLAY

There are a couple of special things you need to notice about the frames page.

There is NO BODY TAG ! This is just a "frame" so there is no body in the html document.
You must add the <noframes> </noframes> tag. This is for people who have older browsers that will not display frame pages.
Make sure you assign a NAME to each frame window. This is crucial when you want to target a particular frame of your frameset. We'll see how this works in the next part of the demo.

Go to Part B of Demo 6.

Go back to the Exercise 6 page.