Services > Web Services > Web Authoring > Web Style Guide

WHOI Web Style Guide

You can give your web pages the WHOI "look and feel" by using some or all of the following:

Background, text and link colors
If you are editing the HTML code directly, add the following attributes to the <body> tag of your document:

<body bgcolor="#ffffff" text="#000000"  link="#003366" alink="#666666" vlink="#6699cc">

In Netscape Composer, click your right mouse button over the page and select Page Colors and Properties from the menu.  The following table will give you the color codes (in hexadecimal or decimal) you will need to modify the page properties.
 

HTML Property
HTML code
Color
Hexadecimal
code
Decimal 
RGB code
Background bgcolor=[color] white #ffffff R=255 G=255 B=255
text text=[color] black #000000 R=0 G=0 B=0
links link=[color] dark WHOI blue #003366 R=0 G=51 B=102
active links alink=[color] grey #666666 R=102 G=102 B=102
visited links vlink=[color] medium WHOI blue #6699cc R=102 G=153 B=204

Use WHOI icons and logos

Use the WHOI collection of web icons and logos to give your pages the WHOI "look and feel".  If you would like to hire the CIS web team to create a banner for your site, contact webgeek@whoi.edu.

Use Meta Tags to provide keywords and a description of your site
 

Use Meta tags to provide keywords and a description of your site.  Most search engines will use the meta information that you provide.  The description tag will be used for the summary that the search engine would normally create itself.  The keyword tag provides keywords for the search engine to associate with your page and gives you greater control over how your page will appear.  Try to use specific keywords rather than more general keywords.

For example, the meta tags for the WHOI Marine Operations web pages are:
 

<meta name="description" 
content="Woods Hole Oceanographic Institution's (WHOI) Marine Operations home page, providing information on our our research vessels (ATLANTIS, KNORR, OCEANUS, ASTERIAS), the submersible ALVIN, remotely operated vehicles (ROVs) Jason and Argo, and the autonomous vehicle ABE">

<meta name="keywords" content="ALVIN, Jason, Argo, ATLANTIS, KNORR, OCEANUS, ships, research vessels, submarine, submersible, ROV, AUV">
 

For more detailed information on using meta tags, try these resources (which contain links to even more meta tag sites):
 

META Tagging for Search Engines
How To Use Meta Tags
Meta Medic