Every page layout on the Web is composed of elements, from headings and text blocks to promotions, navigation, and branding. Careful alignment and space allocation polishes your layout to give your pages an overall clear and confident appearance. Without it, scattered elements can detract from the message your site is trying to present. Knowing your elements is the first step in the layout process.
There are six content areas that make up the university page layout design –header, navigation, breadcrumb, main content, sidebar(s) and footer regions. The header and footer each contain required content elements.
- Header
A banner that includes the unit logotype and search.
- Main Navigation
The main navigation of your site.
- Breadcrumbs
Shows the location of the current page in relation to other site pages. Breadcrumbs are not to be used on welcome page layouts.
- Main Content
Contains your site-specific information and images.
- Sidebar Region
May contain local navigation, call-to-actions or other types of information.
- Footer
Contains the mandatory university links and branding. Each unit may add their own custom footer above the university footer.