Advanced Web Design: Frames


Rational:

One useful way to establish a navigation system is with frames. There are advantages and disadvantage, but in some instances a navigation system using frames is the best option.

Challenges:
  1. Create a frame set that divides the browser window into a column frame, which serves as the navigation bar, and two row frames (ones serves as a banner across the top and the other functions as the main content frame).
  2. Include an image in the navigation frame and the banner frame that seamlessly butt against each other. A curving graphic of some sort should flow uninterupted from the navigation bar to the banner.

Elements to include in the file that appear in the navigation bar
  1. At least four buttons that will target files to open in the main content frame.
  2. Part of a graphic which spans both the navigation bar and the banner without gaps or seems.
  3. No scrolling.
  4. Adjust frameborders, borders, margins to zero.

Elements to include in the file that appear in the banner
  1. Part of a graphic which spans both the navigation bar and the banner without gaps or seems.
  2. No scrolling.
  3. Adjust frameborders, borders, margins to zero.

Elements to include in the files that appear in the main content frame
  1. Scrolling automatic.
  2. A background image or color that complements the navigation bar and banner.
  3. The main file which loads first title home.htm.

Elements to include in the frame set file
  1. Specify the banner and navigation bar in pixels.
  2. Create a top row frame that spans the entire window of the browser.
  3. Create a second row frame that is divided into two columns.

Resources: