Frames Tutorial
Frames contain extension HTML tags that tell the browser how to divide it's main display window into frames and what documents go inside the frames. There are three HTML tags used by both Netscape and Internet Explorer to create frames: <frameset>, <frame>, and <noframes>. Also Internet Explorer provides the <iframe> tag to make inline frames.
About Frames

A frameset is basically the collection of frames that make up the browser's window. The column (cols) and rows attributes for the <frameset> tag lets you define the number and sizes for the columns (cols) and rows of the frames.

The <frame> tag defines which document goes into each frame within that frameset, and is also where you can give a particular frame a name to use for targeting links to load in that specific frame. Once named you have given that particular frame the location in which to display a linked document. To have links load in that frame you need to add a special target attribute to the link you want to have load in that specific frame. For example if you wanted to link a page called home.html to load in a frame named "main", then the link would look like this:                                                                 .

Although Netscape and Internet Explorer both support frames it may be possible that other browsers may not. That's why you should add a <noframes> tag within your frameset so those browsers that don't support frames will see what is between the <noframes> tag. You could explain that your site requires frames it would look something like this: <noframes>You need a frames capable browser to view this page.</noframes>.
<html>
<title> Your Title Goes Here </title>
<head></head>
<frameset cols="20,80" border="0">
<frame src="left.html" name="left" border="0" scrolling="no" noresize>
<frame src="right.html" name="right" border="0" scrolling="auto">
</frameset>
<noframes>
You need a frames capable browser to view this page.
</noframes>
</html>
When making frames you need to first make and index.html page with the frame code below. Just copy and paste the code into notepad or your favorite html editor (Do not use a WYSIWYG editor). Then change the words that are in bold to be what you want. Once you've finished changing the parts of the code to fit your needs then save it as index.html and upload it to your webspace. Then upload the pages you are using for that frameset to the same place you just uploaded your index.html.
cols look like this (going left to right)



rows look like this (going top to bottom)
Here is a basic frameset with two cols.
Note: When using the <frameset></frameset> tags they take the place of the <body></body> tags. Do not put the <body></body> tags or you will just get a blank screen.
<a href="home.html" target="main">
To learn how to target links to your frames please click here.
Copyright 2005- CasandysDesigns.com
All Rights Reserved