when i was learning all this stuff about HTML, My teacher said that frames were really good to use. However, later i found out that frames are not good to have in public pages. Meaning its not a good design for search engines.But if you have a webpage where its private. meaning its not open to the public frames are a great way to create shortcuts.So if you want to learn how to create frames, i will show you some examples you can use as a template to create some html web pages with frames. these are simple steps you can use when creating your websites.example
TOP - BOTTOM FRAME PAGE EXAMPLEThis is how the page will look like:Top Frame
Bottom Framek, 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.
<!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>
<!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>
<!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>