index.html
<HTML>
<HEAD>
<TITLE> Welcome to my Web site! </TITLE>
</HEAD>
<FRAMESET FRAMEBORDER=0 COLS="150,*">
<FRAME NAME="menu" NORESIZE SRC="mainmenu.html">
<FRAMESET FRAMEBORDER=0 ROWS="50,*">
<FRAME NAME="title" SRC="welcometitle.html" NORESIZE SCROLLING=NO>
<FRAME NAME="main" SRC="welcome.html">
</FRAMESET>
</FRAMESET>
<NOFRAMES>
<H1>Welcome!</H1>
<P>This site was designed to use frames to provide a menu bar to ease navigation; however, your browser does not support frames. Please upgrade your browser then try again.
</NOFRAMES>
</HTML>
mainmenu.html
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
function welcome() {
parent.frames["title"].document.location = "welcometitle.html";
parent.frames["main"].document.location = "welcome.html";
}
function products() {
parent.frames["title"].document.location = "productstitle.html";
parent.frames["main"].document.location = "products.html";
}
function order() {
parent.frames["title"].document.location = "ordertitle.html";
parent.frames["main"].document.location = "order.html";
}
function support() {
parent.frames["title"].document.location = "supporttitle.html";
parent.frames["main"].document.location = "support.html";
}
function info() {
parent.frames["title"].document.location = "infotitle.html";
parent.frames["main"].document.location = "info.html";
}
//-->
</SCRIPT>
</HEAD>
<BODY BGCOLOR="DarkSlateBlue" BACKGROUND="menuback.gif" TEXT="white" LINK="LightSkyBlue" ALINK="Orange" VLINK="#FF9900">
<BASEFONT SIZE=2 FACE="Arial, Helvetica, sans-serif" SIZE=-1>
<H3>Main Menu</H3>
<HR NOSHADE>
<A HREF="javascript:welcome()">Welcome</A>
<P><A HREF="javascript:products()">Products</A>
<P><A HREF="javascript:order()">Order</A>
<P><A HREF="javascript:support()">Support</A>
<P><A HREF="javascript:info()">Info</A>
<HR NOSHADE>
</BODY>
</HTML>
welcometitle.html
<HTML>
<BODY>
<FONT SIZE="+2" FACE="Arial, Helvetica, sans-serif" COLOR="DarkSlateBlue"><B>WELCOME!</B></FONT>
</BODY>
</HTML>
etc.