These templates are offered in conjunction with the revised CMU Web
Style Guide.
(Note that the main cmich site, including this subsite, has not yet been updated
to the new CSS template.)
CSS based cmich generic page templates (centered and
full-width)
Table based banner area templates
Footer area
Frequently asked questions
CSS (Cascading Style Sheet) Based Cmich Generic Page
Templates
 |
 |
|
centered template |
full-width template |
These are very basic template page examples:
centered page and
full-width page (the templates open in new windows). They are
example template and were not
constructed to meet the needs of all cmich sites. You may wish to use
one of these template pages as a starter template for your cascading style
sheet (CSS) based page/site. Your page/site does not have to look like
one of these templates, although you must follow the guidelines, especially for
the banner and footer areas, as provided in the
CMU Web Style Guide.
You do not have to use CSS on your page/site. Banner area files
that do not use CSS are provided below. For other site style specifications
(banner and footer area content, recommended fonts, colors, etc.) see
the CMU Web Style Guide.
You do not have to use these templates. Use a method and layout that
works for your site. Just be sure to comply with the
CMU Web Style Guide
requirements.
|
This template validates against CSS2, XHTML 1.0 transitional markup,
and section 508 Priority 1. You do not have to use either CSS or XHTML
markup. Table-based banner templates are provided below.
This Template's Requirements:
- resizable text (using ems for text; and px or ems for margins, padding)
- liquid page
- XHTML 1.0 transitional
- designed for IE/Netscape 5 and above
- plays nicely with 4.x browsers (but not too nicely because people
should upgrade their browsers)
- alternate CSS for print
- ADA Priority 1 compliant
- no Javascript needed for generic template except where "date modified"
is used
- structure such that interface updates/redesigns are quick, fairly
painless
- template easily modifiable by individual units for their specific
needs
The templates use CSS for both layout and presentation. They also
use FrontPage include files for the banner, optional top menus, left
menu, and footer areas; replace the include files with your content, making
sure to adhere to the style guidelines for the banner and footer.
Note the following:
- The left column is fixed width, the optional right column is fixed
width (both widths can be changed by your webmaster), and the center
column is variable width, depending on the width of the browser window.
- There is no fixed 740px width template (although the banner minimum
width remains 740 px). If you prefer a fixed width template, you will
need to set the wrapper <div> width, then modify the interior
<div>s.
- The banner is made with table structure. Webmasters can choose and
modify one of the banner templates. The banner
stretches if the browser window width exceeds 740px.
Browser Tests: These templates have been tested on the following browsers.
| PC |
Mac |
| IE 6.0.28, 5.5, 5, 4 |
IE 5.2 -- issue: vert maroon bar does not appear |
| Netscape 7.02, 7.1, 4.7 |
Netscape 7.02, 4.77 |
| Opera 7.11 |
Mozilla 1, 1.6 |
| Mozilla 1.4 |
Safari 1.0.2 |
| Firefox 0.8 |
Firefox 0.8 |
Table Based Banner Area Templates
These pre-assembled banner templates are style guide compliant. You can
use one as the basis for your page/site banner. Just modify the left side
as needed. More detailed information about the banner area is given in
the
CMU Web Style Guide.
Footer Area
More detailed information about the footer area style and content is given
in the
CMU Web Style Guide.
Here is the basic code, with optional time-date stamp. Copy and paste
the following
into a text editor such as Notepad, then copy and
paste from there into your template or included footer file, and modify
in accordance with the
CMU
Web Style Guide.
<p>
<a href="mailto:your-unit-email-address@cmich.edu">Contact Us (Unit
Administration)</a> /
<a href="mailto:your-webmaster@cmich.edu">
Contact This Site's Webmaster</a></p>
<p>
<a href="http://www.cmich.edu/">Central Michigan University</a>,
Mount Pleasant, Michigan 48859 - (989) 774-4000
<br>
<a href="http://search.cmich.edu/">Search</a> /
<a href="http://www.cmich.edu/directories/"> Directories</a> /
<a href="http://www.cmich.edu/contact-us.htm">
Contact CMU's Webmaster</a> /
<a href="http://www.cmich.edu/aaeo/"> AA/EO</a> /
<a href="http://www.cmich.edu/privacy.htm"> Privacy Policies</a> /
<a href="http://www.cmich.edu/web-policy/default.htm">
Web Policy</a><br>
<a href="http://www.cmich.edu/copyright/default.htm">
Copyright © Central Michigan University</a>
</p>
<p>
<script language="javascript" type="text/javascript">
if (Date.parse(document.lastModified) !=0)
document.write('Last modified: '+ document.lastModified );
</script>
</p>
|
Frequently Asked Questions
Read the
FAQs if you have additional questions.