UH Web Templates

Templates

If you are interested in using the new UH Web templates, please contact Jonathan Bruder.

Headers & Footers

Using the UH headers and footers gives your users a more consistent experience, and allows you to reap the benefits of the extensive user testing done during the development of the new site.

Using the Headers & Footers

  1. See what the header and footer looks like by using the Preview links below. You'll need to include both the source and the appropriate stylesheet in your page.
  2. If your pages are on the central web server, you can use this SSI to include your header or footer in the body of your html document, and it will always be up-to-date.

    Put the relative path to your header or footer in the virtual parameter:
    <!--#include virtual="/ssi/static-header.html" -->
  3. Otherwise, right-click the links below and save-as to download the source files for the header and footer of your choice.
  4. Either way, you'll need to make sure href, action, and other URL dependencies are correct when you use these on your page. If you are not on the central web server, try inserting http://www.uh.edu before any paths in your header and footer:

    action="/search/" becomes
    action="http://www.uh.edu/search/"

Standard Header

Standard Footer

Deprecated Headers & Footers

These should not be used, but have been automatically substituted on pages that use old-style image-map headers and footers.