Web Templates: MITS : IU Jacobs School of Music

All templates use CSS for maintaining consistent style across the site. The first three templates also use server side includes for creating a left navigation menu and "feature" items on the right of the page. The server side includes can be a real time saver. For example, you can use one to create a left navigation menu on the left of the page, and then use it on several pages.

Template 1 This template offers our most basic, classic look. It includes all of the standard features of our core templates, such as a spot for a photo with a caption, a search bar, the Jacobs School of Music Audio Player, and our custom footer. (Link \| Download Zip file)

Template 2 This template offers a slightly more modern look, tightening up the 'swoosh' at the top of the screen. This reveals the departmental title a bit more to the visitor, but maintains your identity with the school. It also includes all of the standard features of our core templates, such as a spot for a photo with a caption, a search bar, the Jacobs School of Music Audio Player, and our custom footer. (Link \| Download Zip file)

Template 3 This template is probably our most flexible while minimizing your workload. While offering a slightly different look with the straight edges, the unique thing here is that as a web browser window expands or shrinks, the content and images on the page will adjust to fit. Of course, it also includes all of the standard features of our core templates, such as a spot for a photo with a caption, a search bar, the Jacobs School of Music Audio Player, and our custom footer. (Link \| Download Zip file)

Template 4 Not much of a template, this option is ideal for those who wish to have more creative control. This header bar maintains your identity with the Jacobs School of Music and allows visitors quick access back to the main web site. Below the bar, you can easily design your own web site entirely, or implement this bar into your existing web site. (Link \| Download Zip file)

Template 5 A template often used for "portal" pages within the JSoM site. It should generally not be used for departmental pages. (Link \| Download Zip file)

Instructions

Using in Dreamweaver or Contribute:

Go to File > New
In Dreamweaver, select "Templates" tab. You should see the templates listed as new1.dwt, new2.dwt, etc. However, if you don't have a link to the Template folder in your home directory, you will not see this. Please contact musweb @ indiana.edu for assistance.
In Contribute, simply select the appropriate template in the "Templates" folder. If you don't see this folder, please contact musweb @ indiana.edu.
The folder in which you create the page should already have a _lnav.shtml file (the left navigation area). It should also have a _feature.shtml if you wish to use the "feature" on the right side of the page (a photo and caption).

Using other Web editors or coding by hand:

Download the zip file for the appropriate template,
Unzip the file,
Make changes as appropriate (only make changes in between the "Instance Begin Editable" and "Instance End Editable" comment tags),
Upload the files to the Web server.

All folders should have at least an index.shtml file and _lnav.shtml file. An "images" directory is also provided for images used on your pages.

Template 1 This template offers our most basic, classic look. It includes all of the standard features of our core templates, such as a spot for a photo with a caption, a search bar, the Jacobs School of Music Audio Player, and our custom footer. (Link \| Download Zip file)

Template 2 This template offers a slightly more modern look, tightening up the 'swoosh' at the top of the screen. This reveals the departmental title a bit more to the visitor, but maintains your identity with the school. It also includes all of the standard features of our core templates, such as a spot for a photo with a caption, a search bar, the Jacobs School of Music Audio Player, and our custom footer. (Link \| Download Zip file)

Template 3 This template is probably our most flexible while minimizing your workload. While offering a slightly different look with the straight edges, the unique thing here is that as a web browser window expands or shrinks, the content and images on the page will adjust to fit. Of course, it also includes all of the standard features of our core templates, such as a spot for a photo with a caption, a search bar, the Jacobs School of Music Audio Player, and our custom footer. (Link \| Download Zip file)

Template 4 Not much of a template, this option is ideal for those who wish to have more creative control. This header bar maintains your identity with the Jacobs School of Music and allows visitors quick access back to the main web site. Below the bar, you can easily design your own web site entirely, or implement this bar into your existing web site. (Link \| Download Zip file)

Template 5 A template often used for "portal" pages within the JSoM site. It should generally not be used for departmental pages. (Link \| Download Zip file)

JSoM Template Page

Instructions