- A framed page is actually made
up of multiple HTML pages. There is one HTML document that describes how
to break up the single browser window into multiple windowpanes. Each
windowpane is filled with an HTML document.
Frame
Page Architecture
§ A <FRAMESET> element is
placed in the html document before the <BODY> element. The <FRAMESET> describes the amount of screen real estate given
to each windowpane by dividing the screen into ROWS or COLS.
§ The <FRAMESET> will then contain <FRAME> elements,
one per division of the browser window.
§ Note: Because there is no BODY container, FRAMESET pages can't have background
images and background colors associated
with them.
Frame Page Architecture
<HTML>
<HEAD>
<TITLE> Framed Page </TITLE>
<FRAMeSET COLS=“23%,77%”>
<FRAME SRC=“Doc1.html”>
<FRAME SRC=“Doc2.html”>
</FRAMeSET >
</HEAD>
</HTML>
The Diagram below is a graphical view of the document
described above
<FRAMESET> : The FRAMESET element
creates divisions in the browser window in a single direction. This allows you
to define divisions as either rows or columns.
§ ROWS : Determines the size and number of
rectangular rows within a <FRAMESET>. They are set from top of the
display area to the bottom.
Possible values are:
§ Absolute pixel units,
I.e. “360,120”.
§ A percentage of
screen height, e.g. “75%,25%”.
§ Proportional values
using the asterisk (*). This is often combined with a value in pixels , e.g.
“360,*”.
§ <Frameset
cols=“200,20%,*,2*”>
§
NORESIZE: Optional – prevents viewers from resizing the frame. By default the
user can stretch or shrink the frame’s display by selecting the frame’s border
and moving it up, down, left, or right.
<NOFRAMES>
- <NOFRAMES>:
Frame – capable browsers ignore
all HTML within this tag including the contents of the BODY element. This
element does not have any attributes.
<HTML>
<HEAD>
<TITLE>
Framed Page </TITLE>
</HEAD>
<NOFRAMES>
<FRAMESET COLS="23%,77%">
<FRAME SRC="" NAME="left_pane“>
<FRAME SRC="" NAME="right_pane">
<NOFRAMES>
<P> This is a Framed Page. Upgrade your browser to support
frames.</P>
</NOFRAMES></FRAMESET>
Compound FRAMESET
Divisions
§ In this case a second FRAMESET element will be inserted in
the place of the FRAME element
that would describe the second row.
§ The second FRAMESET element will divide the remaining screen real estate into
2 columns.
§ This nested FRAMESET will then be followed by 2 FRAME elements to describe each of the subsequent frame
divisions created.
Compound FRAMESET Divisions
<html>
<head>
<title> Compound Frames Page</title>
</head>
<frameset
rows=“120,*”>
<frame src=“banner_file.html” name”banner”>
<frameset
cols=“120,*”>
<frame
src=“links_file.html” name=“links”>
<frame
src=“content_file.html” name=“content”>
Compound FRAMESET
Divisions
You may want to create a frames design with a combination of rows and columns.
You may want to create a frames design with a combination of rows and columns.
Compound FRAMESET Divisions Example
<HEAD>
<FRAMESET ROWS="25%,50%,25%”
<FRAME
SRC="">
<FRAMESET COLS="25%,*">
<FRAME SRC="">
<FRAME
SRC="">
</FRAMESET>
<FRAME
SRC="">
</FRAMESET>
</HEAD>
Comments
Post a Comment