|
The
Top/Left/Right/Bottom frame is perfect for placing
a banner at the top of the page, footer and copyright
statements at the bottom of the page and yet allows
your web site visitors traverse your web site
using the left an right frames. It's also
good to place the title of your web site and keep
the title visible throughout your entire site.
The
Frames code for a Top, Left, Right and Bottom
Frame consists of Five HTML files.
First, is the Control HTML file which also contains
the HTML for the web page to support browsers
that do not support frames. Second is the source
for the top frame. Third is the Source for the
Left Frame. Fourth is the source for the
Right Frame and finally the source for the bottom
frame. Below is an example of the HTML for
all five files to create this type of a frame:
Controller HTML
File:
<html>
<head>
<title>Controller HTML File</title>
</head>
<frameset rows="64,*,64">
<frame name="top-frame" scrolling="no"
noresize target="right-frame"
src="top-frame.html">
<frameset cols="150,*">
<frame name="left-frame" target="right-frame"
src="left-frame.html">
<frame name="right-frame" src="right-frame.html">
</frameset>
<frame name="bottom-frame"
scrolling="no" noresize target="right-frame"
src="bottom-frame.html">
<noframes>
<body>
<p>This page uses frames, but your
browser doesn't support them.</p>
</body>
</noframes>
</frameset>
</html> |
Top Frame HTML File (Save this file named top-frame.html):
<html>
<head>
<title>Top Frame</title>
<base target="right-frame">
</head>
<body>
<p>This is the Top Frame</p>
</body>
</html> |
Left Frame HTML File (Save this file named left-frame.html):
<html>
<head>
<title>Left Frame</title>
<base target="right-frame">
</head>
<body>
<p>This is the Left Frame</p>
</body>
</html> |
Right Frame HTML File (Save this file named right-frame.html)
<html>
<head>
<title>Right Frame</title>
</head>
<body>
<p>This is the Right frame</p>
</body>
</html> |
Bottom Frame HTML File (Save this file named bottom-frame.html)
<html>
<head>
<title>Bottom Frame</title>
<base target="right-frame">
</head>
<body>
<p>This is the Bottom Frame</p>
</body>
</html> |
The Web page you will call is going to be the
Controller Frame. The Controller frame will
load up the other two web pages into the left
and right frames based upon the src tag in the
Control Frame HTML. In the above example,
be sure all five web pages reside in the same
directory and are named accordingly.
Click
here for an example of what this web page
will look like
Left/Right
Frames
Top/Left/Right
Frames
Top/Left/Right/Bottom
Frames
Top/Middle/Bottom
frames
|
