SSU Web Standards - How the Templates Work

Body Elements

Parts of a page - click to zoom.

The body of most HTML pages has 4 major areas. Each is represented in the HTML as a <div> with a unique ID.

Some page types don't have all of these areas, or have additional major areas.

  • The Landing page has #header and #footer, but does not have #navigation. Instead of #content, it uses #content-nonav.
  • The Banner page has an additional area, #banner, just below #header.
  • The Slider page has an additional area, #slider, just below #header.
  • The Emblem page has an additional area, #emblem, above #navigation.
  • The Audience has #header and #footer. Instead of #navigation, it uses #audience-profile. Instead of #content, it uses #audience-content.
  • The Blank page has #header and #footer, but does not have #navigation. Instead of #content, it uses #content-nonav.

Head Elements

These templates also use a vareity of other files which are linked in the <head>.

Other Elements

  • Directory Structure
  • .htaccess
  • Google Analytics
  • Search