How to use the templates

Each template is already posted on the web as a fully working web site. You will download (or copy to your computer) all of the files that make-up the web site and alter the files to create your own web site.

Directions to modify the template will be given in two formats, HTML code and Dreamweaver step-by-step instructions. HTML code will work using any web development software, including adding the code in Dreamweaver.

If you have not used HTML before, it is really not that hard. Just remember to copy the code samples exactly. Use the commands "Copy" text from the Edit Menu of the browser window and "Paste" text from the Edit Menu of your text editor or from Dreamweaver into your HTML code. Pay close attention to spaces and punctuation. Parts of the code that need to be altered by you will appear in red.

File Names


All pages have been named consistently across all of the templates. Each file name begins with the template followed by the page title. For example:

Green-home.html

This name represents the home page for the Green template.

Text on the pages


Text has been inserted on the pages of the templates for two purposes. First, to show you where to insert text for your class and to give instructions on how to use the page. Second, to give content suggestions for the different areas of the pages and to suggest instructions for the students. Read through all of the text and make sure to remove anything you don't wish to use before posting your site.

Graphics on the pages

Graphics used on the template pages are just placeholders. The purpose for creating the graphics was to show where graphics could be used, how many graphics are appropriate and what types of graphics will work. Feel free to use the files for your site, but if you wish to create your own or to substitute text for the pictures, just delete the graphics or the <img> tags in the code.

Academy of Teaching Excellence, Metropolitan State College of Denver,C. 2002