As a reference tool, the University offers a resource kit containing Web files, sample pages, and CSS code that can be used as a model for considering how to implement the existing brand and identity into future Web designs and how to fabricate the recommended header and footer elements of the UM Web site design.

 

Please note: All University administrative and academic Web personnel should strongly consider participating in the central content management service. The University has web development resources in Information Technology who can help develop Web sites or can assist in migrating or upgrading existing pages. Those who would like to obtain the HTML templates and supported Web files, should contact Information Technology Web Services.

 

Regarding Header and Footer Regions

Attempts should be made to keep the height of the header the same as the one that appears on the top-tier Web site. The header region includes all materials from the top of the page including the orange, horizontal navigation bar. See the CSS document available for reference.

 

 

Similarly, the footer region, or the dark green area at the bottom of each page, should contain the University signature, utility links, and explore links referenced in the figure below. The UM signature can vary depending on the site's position organizationally. On college and school Web sites, this signature can contain the name of the college or school. The utility links and address information in the center of the footer can be changed to reflect the address of the college/school. The utility links can be specific to the college or school, but the "Emergency Preparedness," "Privacy Statement," "Technical Feedback," and "Copyright" links should remain. The "Explore Miami.edu" navigation should always point to the recommended general, top-tier UM pages and should not be changed.

 

 

 

The following layouts provide simple examples of Web page layouts using the header and footer. These examples can be obtained by contacting the Office of Web Development in IT.

 

Single Column Layout

 

 

 

Two-Column Layout