Creating a Website Using Frames

    HTML Code for the Index Page Created Using WordPad or NotePad

     Be sure to save as index.html

  1. <html>
  2. <head>
  3. <title>Palm Harbor Tigers</title>
  4. <!Create two columnwise frames>
  5. <frameset cols="140,*">
  6. <!Define left frame>
  7. <frame name="toc"
  8.  src="toc.htm"
  9.  marginwidth=5
  10.  marginheight=5
  11.  scrolling="yes">
  13. <!Define right frame>
  14. <frame name="main"
  15.  src="main.htm"
  16.  marginwidth=10
  17.  marginheight=10
  18.  scrolling="yes">
  19. </frameset>
  20. </head>
  21. <body>
  22. &nbsp;
  23. </body>
  24. </html>

    The Table of Contents Page

     Save As toc.htm

  1. <html>
  2. <head>
  3. <title>Tigers</title>
  4. <base target="main">
  5. </head>
  6. <body>
  7. <br><b><font size=-1>Contents</font></b>
  8. <li>
  9. <font size=-1><a href="main.htm">Home</a></font></li>
  10. <li>
  11. <font size=-1><a href="about.htm">Our League</a></font></li>
  12. <li>
  13. <font size=-1><a href="players.htm">Players</a></font></li>
  14. <li>
  15. <font size=-1><a href="schedule.htm">Schedule</a></font></li>
  16. <li>
  17. <font size=-1><a href="links.htm">Links</a></font></li>
  18. </body>
  19. </html>

    The Main Page – The First Page Appearing in the Right Frame

     Save As main.htm

  1. <html>
  2. <head>
  3. <title>Palm Harbor Tigers Little League Team</title>
  4. </head>
  5. <body>
  6. <h1>
  7. Meet the Tigers</h1>
  8. General information about the Palm Harbor Tigers. Includes e-mail address of coach.
  9. </body>
  10. </html>

    All the Other Pages in the Framed Website

     Save each with a different name not using main, toc, or index. Following example saved as about.htm but could be any name.

  1. <html>
  2. <head>
  3. <title>Tigers' League</title>
  4. </head>
  5. <body>
  6. <h1>
  7. About our League</h1>
  8. Information about the Little League in Florida
  9. </body>
  10. </html>
Hosted by www.Geocities.ws

1