Student and teacher in computer lab

Taft STEM Web Design Guide

The appearance of all the text and links in this website are controlled by the stylesheet.

Body Text - Verdana, 0.75 em

This is what the body text looks like. The size is specified in ems -- a variable size specification that enables users to change the text size if they wish.


  • Heading One - Verdana, 1.4 em

  • Heading Two - Verdana, 1.3 em

  • Heading Three - Verdana, 1.2 em

  • Heading Four - Verdana, 1.1 em

  • Heading Five - Verdana, 1.0 em


  • The purple is: #6c1d61
  • The blue is: #64a0b1
  • The gray is: #eaeaea

Link Styles

  • The default unvisited link is purple. Visited links are blue.

  • The appearance of the left navigation links is determined by the style "LeftLinks" applied to the table column that contains the navigation. The gray bar comes from a style called "graybox" applied to each individual link (in the <p> tag).

  • The appearance of the top navigation links is determined by the style "TopLinks."

Header, Footer and Navigation "Library" files

The site navigation and footer information are in Dreamweaver "Library" files. To change those links, edit the Library files. EVerything about the Library files is the same as what you see on the website -- except for the type faces. Library files do not show the styles in the css stylesheet and appear as plain html. When you save changes to a Library file, you will be asked to update all files that contain that Library. YOu should do this, then upload all the updated files, including the LIbrary files, to your web server.

  • "leftnav.lbi" contains the left navigation.

  • "header.lbi" contains the top navigation as well as all the design elements in the header.

  • "footer.lbi" contains the school name and address and a link back to the CPS home page.

  • The links in the inside-template pages are determined by Libnrary files for those specific pages.