Fram E AND FRA Mese T: For Web Tec Hnol Ogy
Fram E AND FRA Mese T: For Web Tec Hnol Ogy
FRA
AN D ET
ME S
FR A
or ol ogy
F chn
Te
Web
DEFINITIONS
Frameset defines the layout of a multiple
frame presentation in a browser’s
application window.
Frames is an HTML layout feature that
renders multiple documents (HTML files) on a
Web page at the same time.
The frame element defines properties of an
individual window space that is some
fractional portion of the entire browser
window.
FRAMES
It enables static data to be visible all the time while other
data are scrolled.
The frame may contain content from a different site, just
like links on Web sites can retrieve Web pages from any
server.
Frames automatically provide scroll bars if the content is
larger than the frame window.
A Frame element must be defined within the context of a
frameset elements .
Eg:
<FRAMESET cols="150,*">
<FRAME name="navbar" src="nav.html">
<FRAME name="main" src="page1.html">
</FRAMESET>
FRAMESET ATTRIBUTES
Border
<FRAMESET cols="150,*" border="0">...</FRAMESET>
Bordercolor
<FRAMESET cols="150,*" bordercolor="salmon">...</FRAMESET>
Cols
<FRAMESET cols="25%,50%,25%">...</FRAMESET>
Frameborder
<FRAMESET cols="25%,50%,25%" frameborder="no">...</FRAMESET>
Framespacing
<FRAMESET cols="25%,50%,25%" framespacing="7">...</FRAMESET>
Rows
<FRAMESET rows="25%,50%,25%">...</FRAMESET>
FRAME ATTRIBUTES
Longdesc
<FRAME longdesc="navDesc.html" title="Navigation Bar"
src="navbar.html">
Marginheight & Marginwidth
<FRAME src="navbar.html" marginheight="20" marginwidth="14">
Name
<FRAME name="navbar" id="navbar" src="nav.html">
Noresize
<FRAME src="navbar.html" noresize>
Scrolling
<FRAME src="navbar.html" scrolling="no">
Security
<FRAME src="navbar.html" security="restricted">
Src
<FRAME src="navbar.html">
Height & Width
<FRAME src="navbar.html“ height=200 width=200>
FRAME EXAMPLE
<HTML>
<HEAD>
<TITLE>A Basic Example of Frames</TITLE>
</HEAD>
<NOFRAMES>
<H1>No Frames? No Problem!</H1>
Take a look at our
<A HREF="noframes.html">
no-frames</A>
version.
</NOFRAMES>
</FRAMESET>
</HTML>
NESTED FRAME
<HTML> <HEAD> <TITLE>Great Recipes
</TITLE>
</HEAD>
<FRAMESET ROWS="15%,*">
<FRAME SRC="recipetitlebar.html"
NAME=TITLE SCROLLING=NO>
<FRAMESET COLS="20%,*">
<FRAME SRC="recipesidebar.html"
NAME=SIDEBAR>
<FRAME SRC="recipes.html"
NAME=RECIPES>
</FRAMESET>
<NOFRAMES> <H1>Great Recipes</H1>
No frames? No Problem! Take a look at
our <A HREF="recipes.html">
no-frames</A> version. </NOFRAMES>
</FRAMESET>
</HTML>
TARGETING FRAME
<HTML>
<FRAMESET ROWS="15%,*">
<FRAME SRC="title.html"
NAME=TITLE SCROLLING=NO MARGINHEIGHT=1>
<FRAMESET COLS="20%,*">
<FRAME SRC="sidebar.html“ NAME=SIDEBAR>
<FRAME SRC="main.html" NAME=MAIN>
</FRAMESET>
<NOFRAMES>NOFRAMES stuff </NOFRAMES>
</FRAMESET>
</HTML>
To target one of these frames, the link should have a
TARGET attribute set to the name of the frame where the
linked page should appear.