This template is to assist individual departments or programs creating departmental Web pages. Before downloading this template, please review IU's Web Standards.

If you have questions about this template or need assistance, contact the College Web department using this form.

Download: dept_template.zip
View Example Site

About the Templates        

The template consists of four files: a header file, a footer file, a left navigation file, 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 Veritas or Champion. For more information, please see IU Webmaster site.

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.

Template Elements

• 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 Header includes a link to the IU Bloomington College of Arts and Sciences home page.



• A page include (header.html) contains IUB Banner, College Header, the Department name and search area.
  
  Things to do:
  • Replace DEPARTMENT NAME in the header.html with your department name. Or you can create an image file to represent the name of your department.
  • Put the web address of your site in the search code



• Meta Tags: Customize title, keywords, and description for each page you create to ensure your pages will be found by the search engine.



• The Dreamweaver template for this site is included: index.shtml and page1.shtml are based on the template. If you wish to develop the site without using the Dreamweaver template, use either newindex.shtml or newpage1.shtml, change the contents, and save it with a different name.



• Departmental Navigation: The navigation file, leftnav.html, should be customized to show your site's navigation.



• Footer: The footer contains the Block IU image as required by IU's Web Standards. It also includes (i) the contact information of your department; (ii) the links to IU home page, IU Bloomington home page, College home page, and your site's home page; (iii) the copyright statement.



• Page Header and Page Text: Every second-level page should be titled with a page header. Use <h3> for headings, <h4> for subheadings, and <p> for paragraphs.