Making a Frames Page
Many people want to use "frames" in their website. This information will assist you in making simple "frames" pages. For more extensive and elaborate frames with more windows you should check an Advanced HTML Tutorial.
The beginning section explains the "basics" of "framed webpages." Below the "frame attributes" area are LINKS to a variety of different "framed page arrangements." (be sure to check them)
Your page, without frames, has the main page filename of "index.html." The first thing to do to create a frames page is to go to the File Manager and RENAME that "index.html " page "main.html."
Next, select an editor and make a new file by clicking on the Make New HTML File button and naming the file "index.html." You will need to define your frames in this document, the "frameset" file, by adding HTML tags. For purposes of simplicity the various HTML tags and attributes for frames are explained below:
|
TAG
<![CDATA[<frameset>...</frameset>
<frame>
<noframe>...</noframe>
]]>
|
ATTRIBUTE
<![CDATA[
ROWS="..."
COLS="..."
FRAMESPACING="..."
FRAMEBORDER="..."
BORDER="..."
SRC="..."
NAME="..."
MARGINWIDTH="..."
MARGINHEIGHT="..."
SCROLLING="..."
NORESIZE
]]>
|
FUNCTION
<![CDATA[
Divides the main window into a set of frames that
can each display a separate document.
Splits the window or framset horizontally into a
number of rows specified by a number (such as 7),
a percentage of the total window width (such as
25%), or as an asterisk (*) indicating that a
frame should take up all the remaining space, or
divide the space evenly between frames (if multiple
* frames are specified).
Works similar to ROWS, except that the window, or
frameset, is split vertically into columns.
Space between frames, in pixels. (Microsoft Internet
Explorer 3.0 only.)
Specifies whether or not to display a border for
the frames. Options are YES and no. (Microsoft
Internet Explorer 3.0 only.)
Size of the frame borders in pixels. (Netscape
Navigator only.)
Defines a single frame within a <FRAMESET>.
The URL of the document to be displayed in this
frame.
A name to be used for targeting this frame with
the TARGET attribute in <A HREF> links.
The amount of space (in pixels) to leave to the
left and right side of a document within a frame.
The amount of space (in pixels) to leave above and
below a document within a frame.
Determines whether or not a frame has scrollbars.
Possible values are YES, NO and AUTO.
Prevents the user from resizing this frame (and
possibly adjacent frames) with the mouse.
Provides an alternative document body in <FRAMESET>
documents for browsers that do not support frames
(usually encloses <BODY>...<BODY>).
]]>
|
Currently, there are five frames examples here. The first is a simple two (2) window page. The second example is similar with the addition of a full-width frame across the top and two (2) frames below for a total of three (3) windows and the third example is another three frame with the full-width across the bottom. The last two incorporate either a Java applet for buttons across the bottom of the page or a "drop-down menu" for navigation.
Lastly, there is a LINK to the Automatic Frame Maker which you can use to generate "basic" frames layouts and then "modify" to suit your specific needs. There are instructions for use both in text and by clicking on the Instructions button on the Frame Maker. Additionally, you can RETURN to this page to use the information above concerning the HTML attributes needed to FURTHER MODIFY your generated frames layout. Enjoy!
Two Window Frame (NAV frame/left and MAIN frame/right. ALSO information on TARGETING pages to frames.)
Three Window Frame (One across top and two below)
Three Window Frame (Two on top and one across bottom)
Two Window Frame (Main on top and Nav on bottom incorporating Java applet buttons)
Three Window Frame (Frames incorporating a Javascript 'Drop-Down' Menu)
Automatic Frame Maker (Automatically makes BASIC frames layouts which you can modify to suit your needs)
Main HTML Help
Site© 1996-2003 Copyright by dcrum@infionline.net