How to Do Frames on Web Sites

Dividing a web page into frames is quite simple. Frames

organize web pages by dividing them into rows or columns. The

basic concept of frames is that each frame is a regular, complete

html document. That means more than on one page is viewed in one

single screen. This allows the viewers to stay one page other than

having to keep on going to new pages.

If a person wanted to divide a page into 2 side by side frames,

he/she should put one complete html document in the left frame and

another complete html document in the right frame. In order to make

this happen, making an additional html document is needed. This

third html document contains the <FRAME> tags that specify what

goes where. That is actually its only function.

The two tags used are the <FRAMESET> and the <FRAME> tags.

A <FRAMESET> tag is a container tag, and a <FRAME> tag is not. For

those who don't know what that means, a container tag has an

opening <TAG> and a closing </TAG>. The <FRAME> tag specifies

the html documents and whether the frame should have a border or a

scrollbar for each html document. The <FRAMESET> tag does all the

dividing. It specifies a few things regarding how to divide them up.

(Note: If using web page providers such as angelfire and geocities,

make sure the page that the frames code is going on is set for

advanced html.)

The most popular way frames are organized is by using two

columns. One is simply being used for the menu of the web site, and

the other being used as the main page to view a specific page within

the web site. The examples used will include how to create frames

showing the division of the page into two columns and also showing

the division of the page into two rows.

First of all, name the three html documents index.html, the

page used for dividing it into frames; side1.html, the left column of the

page used for the menu; and main.html, the page for viewing a

specific page within the web site. Make sure the following html code is

used in the index.html page: <FRAMESET cols="100,*"> <FRAME

src="side1.html"> <FRAME src="main.html"> </FRAMESET>. The *

simply means the space that is left over on the web page. The 100

means that the first frame is 100 pixels wide. That code should be

used to divide a page into two columns. Be sure to adjust it to the

size