Stanford Modern Templates

From Web Services Wiki

1 Installation
2 Create a new web page using the Dreamweaver template
3 Known Dreamweaver Issues and Solutions
4 Change Log
5 Help Resources

Installation

General Use:
Download the appropriate Stanford Modern template zip file and extract the contents to your desktop or pre-production web space.

Dreamweaver Users Only:
Download the appropriate Stanford Modern template zip file and extract the contents to your local Dreamweaver site directory.

Create a new web page using the Dreamweaver template

Create a new site or edit an existing site within Dreamweaver.
Download and extract the zip package to the local file folder of your Dreamweaver site.
Open Dreamweaver
1. Go to File > New...
2. Create a new page by selecting Page from Template
3. Select the appropriate primary, secondary, or tertiary template.

Known Dreamweaver Issues and Solutions

Issue: Dreamweaver fails to update the relative path to the IE stylesheets in conditional comments within the <head> section. When you create a new page from template, you'll notice html code similar to the following after saving the html file:

<!--[if IE 6]>
  <style type="text/css">
    @import url(file:///C|/Users/username/Documents/site_name/css/ie/ie_global.css);
    @import url(file:///C|/Users/username/Documents/site_name/css/ie/ie_tertiary.css);
  </style>
<![endif]-->
<!--[if IE 7]>
  <style type="text/css">
	@import url(file:///C|/Users/username/Documents/site_name/css/ie/ie7.css);
  </style>
<![endif]-->

Solution: Before you publish the html file, open the corresponding Dreamweaver template (e.g. tertiary.dwt) by making a small change, reverting the change, then re-saving the template file. All html files that are based on the template will be updated.

<!--[if IE 6]>
  <style type="text/css">
    @import url(css/ie/ie_global.css);
    @import url(css/ie/ie_tertiary.css);
  </style>
<![endif]-->
<!--[if IE 7]>
  <style type="text/css">
	@import url(css/ie/ie7.css);
  </style>
<![endif]-->

Change Log

Version 1.4 (17 Jul 09) Minor adjustments in reset.css and layout.css
- Removed the <sub> and <sup> references in reset.css
- Added a style for preventing the red banner background from appearing on multiple pages when printing in layout.css

Version 1.3 (2 Jul 09) Minor adjustment in tertiary template
- Updated sidebar navigation bullet styles in tertiary.css

Version 1.2 (17 Jun 09) Minor adjustment in tertiary template
- Added heading for sidebar navigation and updated page heading location
- Updated sidebar image bullet styles in primary.css, secondary.css, and tertiary.css

Version 1.1 (18 Dec 08) Dreamweaver template update
- The IE conditional style sheet paths now update properly (with a minor bug - see Issues and Solutions)
- Added editable area in <head> section
- Added <label> tag to search box in header section