Two-Frame Template
-- Front Page --

Welcome to the Front Page of my Two-Frame Template. This template uses two frames -- a sidebar menu in the left-side frame that will revolve Web pages in the right-side frame.

The following diagram shows how this frame setup works. INDEX.HTML is the frameset page that defines the frame setup. TOC.HTML is a sidebar menu with links that control the content of the right-hand frame (the "page" frame). FRONT.HTML is the initial page in the "page" frame ( Links in TOC.HTML control the content of the "page" frame (PAGE1.HTML, PAGE2.HTML, and PAGE3.HTML are the other pages that can be pulled up into the "page" frame from TOC.HTML.

Frame Diagram

     _______________________________
     |-----------------------------|
     || TOC.|      FRONT.HTML     ||
     || HTML|  (Frame Name=page)  ||
     ||(toc)|                     ||
     ||     |                     ||
     ||     |                     ||
     ||     |                     ||
     ||     |                     ||
     ||     |                     ||
     ||_____|_____________________||
     |         INDEX.HTML          |    
     |_____ (Frameset Page)________|

Instructions

1. Drag and drop this template's folder from the CD-ROM to your Desktop or to your hard drive.
2. INDEX.HTML: This is the parent Frame page for all of the rest of the Frame pages.
   • If you leave this file named as it is (index.html), you shouldn't have to include the file name in the URL. If that doesn't work, find out "index" pages should be named on your server (may be default.html, welcome.html, etc.)
   • Insert a title in the TITLE element.
   • Adjust the column dimensions, if you wish. Currently, the setting, "130,*", locks the left column in at 130 pixels wide, no matter what the screen resolution. Feel free to increase or decrease this value, depending on how much space you'll need for your sidebar menu. The "*" causes the right frame to extend across the remainder of a browser's window, regardless of the screen resolution.
   • Change SCROLLING="auto" to SCROLLING="no" in the first FRAME tag if your TOC Frame displays unwanted scroll bars.
3. TOC.HTML: This is your sidebar menu.
   • Add additional links to your pages, if you wish. Just copy and paste the last row and edit it to make a new link.
   • Feel free to change the generic link text (Front Page, Page 1, etc.) to be more descriptive.
   • If you change the file names of your content pages, you'll need to edit the HREF filenames to match.
   • Feel free to substitute another bullet icon for redball.gif. If you do, you may have to adjust the VSPACE value in the IMG tags to get your bullet icons to line up with the text.
4. FRONT.HTML, PAGE1.HTML, PAGE2.HTML, and PAGE3.HTML: These are your "content" pages.
   • Substitute the actual "content" you want to have included in your Frame pages in these pages. Use this page, front.html, for instance, as a model for creating your own "front page."
   • If you rename these pages, make sure you edit the links in toc.html so they link to your pages.
   • I've included loop-back links on each of the subpages (page1.html, page2.html, etc.) that links back to the front page (front.html). If you change the name of the front page from front.html to some other name, you'll need to edit the loop-back links to match.

Go to Page 1.