St. Olaf Web Templates

What are Dreamweaver templates?
A template is a document that you can use as a foundation for other documents. When you create templates in Dreamweaver, you can indicate which elements of a page should remain constant (non-editable) and which elements can be changed (editable). For example, the non-editable (locked) regions of the St. Olaf templates include the header, the left-hand navigation and the footer.

Six different templates have been developed to use in any combination for your web site. In addition, The templates are to be used with Macromedia's Dreamweaver, a "WYSIWYG" (What You See Is What You Get) web design application. While they will also work with other web design applications (e.g., Netscape Composer), not all of the features will be as easily accessible.

To download the templates:
You may download only the templates you need below.

PC Users: Right click and select "Save Target As ..."
Mac Users: Click and hold, then select "Download link to ... "

Template Options
Each template is 754 pixels wide and will fit comfortably within most browsers and screen resolutions. The width of the navigation column and white space on the left totals 160 pixels; the remaining 594 pixels are divided into several different orientations.

The descriptions to the right of each template are only suggestions; use the templates in any combination with your text and photos to create a unique web site. The width of each column is given below so that you will know the maximum size of an image that will fit into that column.


Template A: Two Columns with News Box

1-column-with-photo.dwt

This is a single column page with a random photo generated at the top.  The photo is dependent on your selection in the Web System Tools. The single column is 600 pixels wide.

» Preview template in browser

» Download template


Template A2: Two Columns with News Box and Bottom Row

1-column-no-photo.dwt

This is a single column page without the random photo at the top of the page.  It can be used to replace 1-column-with-photo if a page already contains many photos or appears cluttered with a large photo generated at the top.  It can also be used if current photos do not match the photos on your site. The single column is 600 pixels wide.

» Preview template in browser

» Download template


Template B: Two Column Left

1-column-no-photo-no-nav.dwt

This template is for pages that are meant to be printed. While all St. Olaf web pages are printer-friendly, the left navigation and top picture on this template are removed. The single column is 600 pixels wide.

» Preview template in browser

» Download template


Template B2: Two Column Left with Bottom Row

2-column-with-photo.dwt

This page contains 2 columns.  The left column is 385 pixels wide and has a white background.  The right column is 200 pixels wide and has a gray background.  This is commonly used as a homepage with the right column set up with news or current updates.

» Preview template in browser

» Download template


Template C: Two Column Center

2-column-no-photo.dwt

This page contains 2 columns.  The left column is 385 pixels wide and has a white background.  The right column is 200 pixels wide and has a gray background.  It does not have a randomly generated photo at the top.

» Preview template in browser

» Download template


Template D: Two Column Right

2-column-with-photo-all-white.dwt

This page has two columns and both columns have a white background.  The left column is 385 pixels wide and the right column is 200 pixels wide.

» Preview template in browser

» Download template