Department Website Template
This template is to assist individual departments, programs, or other units creating a web site. Before downloading this template, please review IU’s Web Standards.
If you have questions about this template or need assistance, contact the College Web team using this form.
About the Templates
The template consists of 4 files: a branding file (_branding.shtml), a header file (_header.shtml), a footer file (_footer.shtml), and a content file. Although these four files are separate, the content file contains programing that puts all of these elements together online using a utility called Server Side Include (SSI). The use of Server Side Include (SSI) statements greatly simplify Web site maintenance. You will need to use the .shtml extension if your page includes Server Side Includes and is hosted on Webserve.
The template styles are controlled by a Cascading Style Sheet (CSS) that is included with the download. It controls the general page look and layout.
- IUB Banner is "to be positioned at the top of a Web site and must appear on every page of official IU Web sites. All branding bars must extend across the top of the Web page with no added white space or additional colors" (From http://visualidentity.iu.edu/media/downloads.shtml). Banner includes a link to the IU Bloomington home page as required by IU’s Web Standards.
- College Identity includes a link to the IU Bloomington College of Arts and Sciences home page.
Things to do:
- Open template_title.psd using Photoshop. Replace Your Unit Name. To save, go to File » Save for Web & Devices. Save it as a transparent png file. and in the _header.shtml with your unit name.
- Replace "Your Unit" in the _footer.shtml with your unit name.
- The navigation included in the _header.shtml, should be customized to show your site’s navigation.
- Meta Tags: Customize title, keywords, and description for each page you create to ensure your pages will be found by the search engine.
- Footer: The footer contains the Block IU image as required by IU’s Web Standards. It also includes (i) links to IU home page, IU Bloomington home page, College home page, and your site's home page; (ii) the contact information of your department; (iii) the copyright statement.
- Page Header and Page Text: Every second-level page should be titled with a page header. Use <h1> for headings, <h2>, <h3>, or <h4> for subheadings, and <p> for paragraphs.