Fermilab at Work


Fermilab Web Site Style Guide
style guide home  |  general site information  |  guidelines and conventions
resources  |  Fermilab site graphics and code  |  step-by-step tutorial  |  help

Step-by-Step Tutorial

1. The first step in adding a page to the Fermilab public web site is to determine the main hub within which your content belongs. View a listing of all main hubs.

2. If you would like the selected Fermilab public web site link colors and fonts to be easily used in your HTML files simply put a link to the stylesheet within your head tags. You can do this by copying the text below and pasting it in between the <head> and </head> tags.

<link rel="stylesheet" type="text/css" href="/fnalincludes/style.css">

3. After your <body> tag, insert the appropriate header include tag which can be found within the graphics and code section. There is a unique include tag for each of the different hubs.

4. Insert your content after the include tag. If you would like your content to be displayed in a fixed page width, insert the content within an HTML table containing width tags. In the graphics and code section there are page templates set up with appropriate table tags in place.

5. Add a modified date and an email link after the content. This should be updated after each noteworthy page edit or addition.

6. Insert the standard Fermilab site footer on the bottom of the page. This step is very important because the footer contains the necessary link to the Legal Notices page. You can easily add the footer to your pages by placing the text below on the bottom of your page directly above the </body> tag.

<!--#include virtual="/fnalincludes/footer.html" -->

7. This step is only necessary for pages that are not on the main www.fnal.gov server. Click here to download a zip file that contains all of the necessary include files and a stylesheet. Unzip this, and put all of the files in a directory called "fnalincludes" on your server. As long as you name the directory fnalincludes then you will be able to use the code from the provided templates. If you name the directory anything other than that you will need to modify the path to the include with the appropriate directory name. Lastly, you will need to make sure that parsing is turned on for your particular server.


last modified 8/26/2002   email Fermilab