TOP - BOTTOM FRAME PAGE EXAMPLE
This is how the page will look like:
ok, in this example, i will create a page with a top frame and a bottom frame. to make all this work, you will create three files.
index.html - The first file is going to be called index.html this file co-ordinates and arranges the other two file (top.html and bottom.html)
top.html - This file is the top portion of the page.
bottom.html - This file will be the bottom part of the web page, in this case, this is were all the content is going to go in.
So all you have to do now, is copy and save the HTML code below for each file.
Instructions: open you favorite text editor. if you have windows (like windows XP) you can use notepad. I will be using notepad for this example. So open notepad and copy and paste all the code for each file and save it as each file. You should end up with three files, index.html top.html bottom.html Now upload the three files to your website. The best way to do this is to create a directory. and upload these three files into that new directory. Once you have uploaded the three files to the new folder, open index.html with your browser and see the whole thing come together.
Index.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Top To Bottom Fames - Index.html </title>
</head>
<frameset rows="80,*" frameborder="NO" border="0" framespacing="0">
<frame src="top.html" name="topFrame" scrolling="NO" noresize >
<frame src="bottom.html" name="mainFrame">
</frameset>
<noframes><body>
</body></noframes>
</html>
|
top.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>TOP FRAME</title>
</head>
<body>
<p>Remember to visit us at: <a href="http://www.wallpaperama.com">WWW.WALLPAPERAMA.COM</a></p>
<p>HELLO - THIS IS THE TOP FRAME - This is the <strong>top.html</strong> file
</p>
</body>
</html> |
bottom.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>BOTTOM FRAME</title>
</head>
<body>
<p>Hi, This is the bottom frame, this is the <strong>bottom.html</strong> file </p>
<p>Frames are cool to make, you can use frames in alot of special design to make an easy to use web applications </p>
<p> </p>
<p align="center"><img src="http://webune.com/images/logo4.jpg"></p>
<p align="center">HTML , PHP and MYSQL Web Hosting at <a href="http://www.webune.com">Webune.com</a> </p>
</body>
</html> |