menu_bld.gif (887 bytes)

Vital Signs Case Study Style Guide: Technical Page Formatting

This section describes in detail the HTML code to use in formatting your case study. Many examples of code are provided for reference, as well as links to and images of the Siegel House Case Study, which was formatted using this code.

Page Formatting

The HTML code at the beginning and end of a page is dedicated to general page formatting. Your case study page should begin and end with code as in this example.

<HTML>


<HEAD>
<TITLE>The Siegel House - Background: The Siegel House Design</TITLE>
</HEAD>

<BODY BGCOLOR="#C0C0C0">

(header section)
(body section)
(footer section)

</BODY>
</HTML>

The <HTML> and </HTML> tags should be the first and last ones on your page. They signal the beginning and end of the HTML code. Following the initial <HTML> tag should go the <HEAD> and <TITLE> tags with their corresponding ending tags. The text you place between the <TITLE> tags will be used by the browser as a title for the window in which your page will be viewed. This title should closely match the unique page title you will use in the header section. In this example, the text "The Siegel House - Background: The Siegel House Design" is used in the <TITLE> section and the text "Background: The Design of the Siegel House" is used as the title for the page. Choose the text to place with the <TITLE> tags carefully because this is what a user will see in the history list of their browser, as well as the text used by the browser when creating a bookmark for the page.


The last general page formatting tag to use is <BODY BGCOLOR=#C0C0C0>. This begins the main section of the HTML document and sets the background color of the page to a neutral gray. The </BODY> tag at the end of the document completes this main section of the document. Note that the <BODY> section, and the section this style guide refers to as "body" are different. The <BODY> section contains the header, body, and footer sections described in the Style Overview and Explanations section above.

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

PREVHOMENEXT

VITAL SIGNS
http://www-archfp.ced.berkeley.edu/vitalsigns/bld/case_study_style/tech_intro.html