E2C offers this
help on how to do frames on a website.
The example shown below is
about how to lay out a page with
frames
as shown in the image to the right. It uses a headerframe ( blue
) a linkframe ( green ) and a mainframe ( red ). These
sizes can be altered as per instructions below as required but this is
more or less the most common layout used.
Keep in mind you will need
to have a page with the same file name for each frame made as well
because each frame is a complete HTML page in and of it's self. If you
were to use this example exactly you would need a page HEADERFRAME.HTML,
a LINKFRAME.HTML, and a MAINFRAME.HTML page already made
up of course keeping in mind that you will need to have them display
into the area of the frame you allow for on this page. In the example
there is also a provision to direct browsers that do not support frames
to a NON_FRAMES.HTML page which should contain the basics of your
site as well for those who use very old browsers or Internet appliances
that do not support the use of frames.
Frames can be very frustrating for new Webpage makers but they do offer
some options. Sadly some browsers ( even very current ones ) have some
problems with the correct display of frames on websites. AND
search engines do not like them!!! Worse still is many free host sites
treat pages that use frames poorly by placing banner adds in each frame
so you end up with all your screen area taken over with banners and
thereby making the use of frames worthless.
One last point about the
use of frames, you should keep in mind that you are sending 4 web
pages at once when you use them so you should make every effort
to keep the amount of content on your page within reason. Few people
will wait around for a page that takes 60 seconds to display on their
browser screen.
Sample index page
below....
Copy into NOTEPAD
and then paste as needed into your HTML directly from the page.
To alter frame sizes and other features.
-
Settings all have
scroll on and border set to zero width ( no border on frames unless
they require a scroll bar ).
-
To add border simply
change border-"0" to a value greater than zero and it will
make the border that width in pixels.
-
Changing scrolling to
no removes scrolling.
-
Resizing. Headerframe
height is currently set to 125 pixels, linkframe is set to 150
pixels width.
-
Mainframe is set to
use the rest of the available space ( 100% ) You can also use
percentage on the header by changing it to say 25%.* and it would
use one quarter of the height on the page.
-
Likewise the linkframe
could also be set in percentage say, 33%.* and it would use one
third of the width of the page after the header.