[ acky.net logo ]




HTML

How to Create Frames:

Header Frame | Content Frame | Footer Frame | Combination Frames

Frames enable you to create documents with multiple windows and in doing so, open the odor for an entirely new way to publish on the web. They can be used for permanent headers and footers and menubars.


Footer Frame:  > Back > Top

This frameset has a smaller frame at the bottom of the page and the larger one at the top and allows you to place the content in the larger one and use the bottom for navigation and such.

ex:

footer.htm

<html>
<head>
<title>Footer example</title>
</head>
<frameset rows="*,64">
<frame name="main" src="footer1.htm">
<frame name="footer" scrolling="no" noresize target="main" src="footer2.htm">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>

footer1.htm

<html>
<head>
<title>Footer example</title>
</head>
<body>
</body>
</html>

footer2.htm

<html>
<head>
<base target="main">
<title>Footer example</title>
</head>
<body>
</body>
</html>

preview:

Click For Preview


Header Frame:  > Back > Top

This frameset has a smaller frame at the top of the page and the larger one at the bottom and allows you to place the content in the larger one and use the top for navigation and the bottom will reload the links.

ex:

header.htm

<html>
<head>
<title>Header Example</title>
</head>
<frameset rows="64,*">
<frame name="header" scrolling="no" noresize target="main" src="header1.htm">
<frame name="main" src="header2.htm">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>

header1.htm

<html>
<head>
<base target="main">
<title>Header Example</title>
</head>
<body>
</body>
</html>

header2.htm

<html>
<head>
<title>Header Example</title>
</head>
<body>
</body>
</html>

preview:

Click for Preview


Content Frame:  > Back > Top

Display a frame to the left of the page where you can place links which will open in the right frame.

ex:

content.htm

<html>
<head>
<title>Content Example</title>
</head>
<frameset cols="150,*">
<frame name="contents" target="main" src="content1.htm">
<frame name="main" src="content2.htm">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>

content1.htm

<html>
<head>
<title>Content Example</title>
<base target="main">
</head>
<body>
<p>content1.htm</p>
</body>
</html>

content2.htm

<html>
<head>
<title>Content Example</title>
</head>
<body>
<p>content2.htm</p>
</body>
</html>

preview:

Click Here for a preview


Combination Frames:  > Back > Top

This one is an example of all three of the frames above all in one.

ex:

combi.htm

<html>
<head>
<title>Combination Example</title>
</head>
<frameset rows="64,*,64">
<frame name="top" scrolling="no" noresize target="contents" src="combi1.htm">
<frameset cols="150,*">
<frame name="contents" target="main" src="combi2.htm">
<frame name="main" src="combi3.htm">
</frameset>
<frame name="bottom" scrolling="no" noresize target="contents" src="combi4.htm">
<noframes>
<body>
<p>This page uses frames, but your browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html>

combi1.htm

<html>
<head>
<title></title>
<base target="contents">
</head>
<body>
<p>combi1.htm</p>
</body>
</html>

combi2.htm

<html>
<head>
<title></title>
<base target="main">
</head>
<body>
<p>combi2.htm</p>
</body>
</html>

combi3.htm

<html>
<head>
<title></title>
</head>
<body>
<p>combi3.htm</p>
</body>
</html>

combi4.htm

<html>
<head>
<title></title>
<base target="contents">
</head>
<body>
<p>combi4.htm</p>
</body>
</html>

preview:

Click here for a preview