Publication Standards: Components of the Web page templates
The Web templates use a hybrid layout. Most layout and styling is accomplished with pure CSS, but the two-column main content area is defined by a simple table with two columns. This page outlines the top-level structure of the pages.
This diagram shows the ID attributes associated with the major divisions of the template pages.
- Top banner (id="banner")
- UC Davis logo
- University of California label
- Search UC Davis link
- Unit name / site title bar (id="page_title")
- Primary navigation bars (class="primary_nav")
It is not required that you have two navigation bars here, but the option is provided so that you can provide navigation based on more than one navigational scheme. For example, the campus home page uses the top bar for audiences and the second bar for subject areas.
- Left sidebar (id="left_sidebar")
This is the left column of a two-column table and contains:
- Second-level navigation
- Quick links
- Site ownership
- Breadcrumb bar (id="breadcrumbs")
This shows users where they are in the hierarchy of your site and allows return navigation up to higher levels.
- Main content area (id="right_content")
This is where the main body of your content will go and is the right column of a two-column table.
- Footer (id="footer")
- Link for questions or comments; shouldn't be an individual's e-mail address, but rather an alias (e.g., deptartment@ucdavis.edu) that can be pointed by the campus e-mail postmaster to the appropriate person.
- Time stamp: last updated date
- Copyright info: The Regents. The copyright date should start with the date that the content first appeared on the Web and end with the current year.