Colby | Colby General Layout Guidelines


	General Web Policies Permissions to Sites Requesting Directory Style Guides: >Colby Seal >HTML and Layout >Email newsletters >Naming Links Colby's Site Organization

A Colby College header has been designed to identify official College sites and pages. The header helps users to identify the page as a part of the Colby site and also reinforces the identity of the College.

The Colby header looks like this:

> How To Put the Header on Your Page

This bar must be used on official Colby pages. This includes academic departments and programs, administrative sites and clubs and organizations. Online services such as admissions status and registration are also included. Personal pages may not use this bar. The bar is optional on course work pages that are owned/maintained by professors.

Using the bar may change the look of your pages. It is recommended that page design considers the bar as part of the design.

This bar frees up your site because it encompasses the word ³Colby² in the College¹s official typeface. It also is a link back to the home page as well as links to the search, directory, and commonly accessed sites. You need not repeat the word ³Colby² or ³College² in your pages. The use of the seal is optional in your pages but if you do use the seal, you must follow the guidelines created for use of the seal on the Web.

Pages that are in frames must accomodate the bar in some way.

How to Code the Header Into Your Page
Level of Difficulty: understanding of HTML
This is quite easy to do. It takes advantage of the Web server's ability to add information to your page. If you preview the page off of your hard drive, you will see everything else, but the Colby bar. You will only be able to see the final result after you load your page onto the server.

Directly under the <BODY> tag of your HTML document, copy and paste this line of code:

Do not put these lines inside of any other HTML code (such as within a table).

note: If you "view source" from your browser of a page that contains the bar, you will see the entire code. Do not cut and paste from the "view source" because it will permanently paste the code for the bar into your page. If we need to update the bar, your page will not be using the include virtual file.

If you want the bar to be flush to the edges of the browser (like on this page), add this to the BODY tag:

This sets the default margin (usually 8 to 10 pixels) of your page to 0 for both Netscape and Explorer. Remember, however, that the rest of the page will also have a 0 pixel margin and you will have to adjust for that.

So your BODY tag will look like this:

Need help?

last modified on 08/20/03 1:03:42 PM