Cornell University Website Templates

Overview

These templates have been created to enable Cornell University units to build websites in the cornell.edu style. The step-by-step instructions and extensive inline documentation (HTML and CSS comments) are written so that webmasters with a basic understanding of HTML and CSS can quickly and easily deploy readymade pages that conform to the Cornell University identity guidelines and integrate seamlessly with Cornell's online presence.

32 sets of templates are available for download in various Cornell University banner sizes and colors. Each set contains templates for seven types of pages.

Banner Sizes and Colors

The four Cornell University banner sizes are:

45 pixels tall with small Cornell University logo and Search Cornell link
75 pixels tall with large Cornell University logo and either search form or Search Cornell and Search Unit links
75 pixels tall with two-line Cornell University unit signature and either search form or Search Cornell and Search Unit links
88 pixels tall with three-line Cornell University unit signature and either search form or Search Cornell and Search Unit links

Each banner size is available with any of four background colors:

Search Options

Every Cornell University banner type contains search functionality in the right-hand side. The search options are as follows:

The 45 pixel Cornell University logo banners all require a "Search Cornell" link.
The 75 pixel Cornell University logo banners all require a form that allows users to search for pages and people within cornell.edu.
The 75 and 88 pixel unit signature banners offer three options each: (1) a form that allows users to search either the unit website or all of cornell.edu, (2) a form that allows users to search for pages and people within cornell.edu, or (3) links to search either the unit website or all of cornell.edu.

Page Types

Each set of templates includes seven page types, which account for the majority of pages found within cornell.edu. Within each set, all seven page types share the same combination of banner size and color. The page types are:

One Column: The One Column template provides code to create a generic page containing a header, content area, and footer. This template sets the framework for all of the other templates.
Hub: The Hub template provides code to create a page like About Cornell. The Hub template should be used as an umbrella page for a set of related sub-sites.
Bridge/Overview: The Bridge template provides code to create a page like Cornell Research. The Bridge template should be used as a portal to a variety of decentralized information.
Two Column: The Two Column template provides code to create a page like Cornell Academics. The Two Column template should be used to implement a section of a site, complete with section-specific navigation.
Photo Gallery: The Photo Gallery template provides code to create a page like the Office of the President Photo Gallery. The Photo Gallery template should be used as an index of several large, related photos.
Photo: The Photo template provides code to create a page like any of the photos in the Office of the President Photo Gallery. The Photo template should be used to display a large photo with a caption and credit.
Banner Only: The Banner template provides an empty page with the Cornell University banner at the top. This template should be used as the basis of a site that uses a Cornell University banner but not the cornell.edu style.

Coding Standards and Tested Browsers

All of the templates are coded using valid, semantic XHTML 1.0 Transitional for structure and valid CSS for presentation. For each set of templates, the look and feel of all seven page types is controlled by a single stylesheet.

All of the templates have been tested for consistency in the following browsers: