The header section contains four items. They are the header graphic, text describing the site and section to which this page belongs, the page title, and a five-point horizontal rule. The HTML for your header section should look like the following example. It contains code for all four header items.

<IMG SRC="../../img/vstit2.gif" WIDTH=480 HEIGHT=110><BR>

<B>The Vital Signs Project:</B> The Siegel House Case Study<BR>

<H2>Background: The Design of the Siegel House</H2>

<HR SIZE=5>

The first line in the header section should contain the code to display the graphic. We use the Vital Signs graphic "vstit2.gif." If you will post this page at your school, develop your own graphic with dimensions approximately 480 pixels by 110 pixels. If you will submit your study to Vital Signs, use the Vital Signs graphic.

Make sure to include the WIDTH and HEIGHT pieces of this tag. Doing so will allow the browser reading this page to leave a blank spot for the image when the page first loads then fill in the graphic later. Without the WIDTH and HEIGHT pieces included, the browser must load the entire graphic before moving on to the rest of the page. The effect of including these commands along with all the images on your page is all the text of the page will load first, then the images come later. This gives viewers something to read while a page loads, and will make the process more friendly to users.

The next line should identify the site and section to which this page belongs. The site should be in bold separated from the section with a colon. Use an abbreviated version of your case study title for this section description. This site and section information should be the same on all the pages of your case study.

The third line of the header should display the title of the page in <H2> heading style. The text you use should be unique to this page. If necessary, page titles may be more than one line. Specifically, use more than one line for the title on the first page of your case study. This title should read "A Some Kind of Study of a Specific Building" and below that "Home Page."

The last item in the header section is a five-point horizontal rule. Only use this width rule to separate the header and footer sections from the body section.

Comments to author: vitalsigns@
ced.berkeley.edu

All contents copyright (C) 1998. Vital Signs Project. All rights reserved.

Created: 08/26/96
Revised: 09/09/02

http://www-archfp.ced.berkeley.edu/vitalsigns/bld/case_study_style/tech_head.html