Frames 2

Basic Frames

Lesson 2

Now that you have to two pages that will be displayed in your frame created, it's time to create the third page. This page will only be to instruct your browser where to display that pages that you have created.

create a new html. name it frame.html

Add the html, head and body tags (both opening and closing for each)

We are not going to add anything to the body section here. This page is instructional only.

please make a space UNDER your closing head tag.

You will need to add a set of frameset tags both opening and closing

</head>

</frameset>

<body>

Now we need to add a statement to your opening frameset tag to tell it two things.

1. This frame will have COLUMNS rather than rows.

2. The width of each of the columns

here is the statement

cols=190,*

Lets look at that for a second.

cols means columns

190 is the width of the column on the left (the menu column)

* simply means that anything not used by the menu will be used by the content.

Here is what my frameset tag will look like

</head>

</frameset>

<body>

Now we need to inform the browser of the names of each of the sections of our frame.

We do this by adding frame tags. Frame tags do NOT need closing counterparts but they DO need statements

Since our frame has two sections we will need two frame tags one right under the other

Now we need to add statements to each that informs the browser of the names of both of the frame sections

do this by adding name statements

We're almost done. We still have to tell the browser what page will be displayed in each of the frame sections

we'll do this by adding source (src) statements

Lets quickly examine the information that we have provided so far.

The browser knows that

1. we are using a frame

2. The frame is using columns

3. The frame section on the left is called menu

4. The menu section will be 190 in width and will have our menu.html displayed in it

5. The other section is called content.

6. The content section will be the full width of the page MINUS the width of the menu section

7. The content section will have content.html displayed in it.

That's all the info that we need.

Save and refresh your page.

If you have a working frame, You are SOOO good!

Pat yourself on the back!