LEO: Web Design Tips

header.gif

Web Design Tips

Every LEO web page has a standard header and footer. If your web site is for an official LEO project you will need to insert the header and footer into every page.

Inserting the LEO Header and Footer

1. Find the <BODY> tag at the beginning of your HTML source.

2. Right after the <BODY> tag, type:

3. Find the </BODY> tag at the end of your HTML source.

4. Right before the </BODY> tag, type:

Note: The header and footer may not appear in your web page editor. They will appear when the web page is put on the web server and viewed in a browser. To edit a web page on the server, do not save the source though your web browser. You must download web pages using ftp.

There are a few guidlines to follow to make your web page's look and feel similar to other LEO pages. These are not required, but will make your web page easier to use.

Web Page Guidlines

1. Set the backgrond to white and the text to black.

2. Keep all content in a 600 pixel wide table.

3. Start your page title with "LEO:".

The structure of a web site is very important. These tips will make your web site easier to edit and use.

Site Structure Tips

1. Name the first page in your site "index.html"

2. Use lowercase letters for all filenames, and use an underscore for a space. Example:

river_data.html

3. Keep all images in a separate folder from your web pages. Name this folder "graphics".

4. Save all images in either JPEG or GIF format. Save all movies in MPEG or MOV format.