HTML
Working with FRAMES
I. Creating an HTML Frame Set.
<html>
<title>HTML AND JAVASCRIPT</TITLE>
<FRAMESET COLS=”180,*”> ‘* means “whatever is left’
<FRAME NAME=”LeftFrame” src=”navbar.html”>
<FRAME NAME=”RightFrame” src=”welcome.html”>
</FRAMESET>
</HTML>
II. Create Left Frame = Navigator Bar “navbar.html”
<html>
<title>HTML AND JAVASCRIPT</title>
<body>
<center><b>Web Pages</b></center>
<ul>
<li><a href=”page1.html” target=”RightFrame”>page1.html</a></li>
<li><a href=”page2.html” target=”RightFrame”>page2.html</a></li>
<li><a href=”page3.html” target=”RightFrame”>page3.html</a></li>
<li><a href=”page4.html” target=”RightFrame”>page4.html</a></li>
</ul>
</body>
</html>
III. Create initial Right Frame “welcome.html”
<html>
<title>HTML FRAMES</title>
<body>
<center><font size=6><b>Welcome</b></font></center>
<br>
<center><font size=6><b>to</b></font></center>
<br>
<center><font size=6><b>HTML FRAME DESIGN</b></font></center>
<br>
</body>
</html>
IV. CREATING AN UPPER “HEADER” FRAME
<html>
<title>HTML AND JAVASCRIPT</TITLE>
<FRAMESET ROWS=”60,*”>
<FRAME NAME=”UpperFrame” src=”title.html”>
<FRAMESET COLS=”180,*”> ‘* means “whatever is left’
<FRAME NAME=”LeftFrame” src=”navbar.html”>
<FRAME NAME=”RightFrame” src=”welcome.html”>
</FRAMESET>
</FRAMESET>
</HTML>
V. CREATING THE TITLE FRAME INSERT
<html>
<title>HTML FRAMES</title>
<body>
<center><font size=6><b>HTML FRAME DEMO</b></font></center>
</body>
</html>
VI. ADVANCED CONCEPTS - LOCKING DOWN THE FRAMES
<html>
<title>HTML AND JAVASCRIPT</TITLE>
<FRAMESET BORDER=0 ROWS=”60,*”>
<FRAME NAME=”UpperFrame” NORESIZE src=”title.html”>
<FRAMESET BORDER=0 COLS=”180,*”> ‘* means “whatever is left’
<FRAME NAME=”LeftFrame” NORESIZE src=”navbar.html”>
<FRAME NAME=”RightFrame” NORESIZE src=”welcome.html”>
</FRAMESET>
</FRAMESET>
</HTML>