SiteBuilder 2 Banner

Description of Necessary Frames

SiteBuilder 2 is frame-based. There are 4 frames on every page. A good way to think about frames are that they are like parts of a separated picnic plate. The potato salad is kept separate from the chicken, is separated from the jello. Each frame can display different things and a frame's content can change while other frames remain constant. This gives a great deal of stylistic control and simplifies the process of maintaining the site.

Labeled frames

Description of frames:

  • index.html (links in this section are to tutorial pages) -- This document provides the frameset for the whole site. Think of it as a sectioned window through which you see the pages of your site. Do not give this name to any other file in the top level of your directory.
  • localnav -- This frame is automatically loaded with your localnav.html file, which provides the local navigation within your site and acts like a hyperlinked Table of Contents. You will learn to create links to different parts of your site.
  • main -- This frame is the largest and is your display frame. The file main.html will be loaded automatically on first view and so is your Home page. As you click on links to your site's pages, they will appear in this frame.
  • bottomleft -- This frame pulls a centrally-maintained file, bottomleft.html, from the top of the server. You won't need to make any changes to this frame or file.
  • bottomnav -- This frame pulls a centrally-maintained file, bottomnav.html, from the top of the server that contains links to the SoM 'Home' page, the 'What's New' page, A 'Feedback' Page, and a 'Features' page. You won't need to make any changes to this frame or file.

You Are Responsible For...

To create the appropriate layout for your website, you will be responsible for having the following four files in the top level of your local directory.

index.html
localnav.html
main.html

frames_style.css

You will need to modify and/or provide the content for localnav.html and main.html frames. You can modify the frames_style.css to change or add font settings, but this is not required.

IRT Is Responsible For...

IRT globally maintains bottomleft.html and bottomnav.html. Every SoM site will share these frames so you won't have to worry about the content or making any changes to them.

View a live mocked up site here.
This will create a new browser window with the mocked up site in it. It may be helpful to keep this open for reference through the rest of the tutorial.

Feel free to click around and find out how frames and the various pieces in the new redesign work. Then come back to the tutorial.

<--Previous | Next-->

JavaScript Pop-up IconPrinter-friendly page HomeHome Icon

This document was last modified: Thursday, 13-Mar-2003 12:47:47 PST
Copyright © 2003, Stanford University School of Medicine. All rights reserved.