Evolution of a template

1. Create HTML and CSS without Content (or strip out Content of existing page)
2. Determine "universal" elements and turn into SSI statements. These are usually header or banner, footer, navigation at minimum
   1. cut statements and paste into separate html files
   2. replace with <!--#include statements
3. Save as Template in Dreamweaver (.dwt in Templates folder)
4. Add editable regions into likely areas:
   1. before <link statements to add new css
   2. after <link statements to add new css or scripts
   3. around <title> so user can change title
   4. content areas
   5. just before </body> statement to put google analytics (if used)

Stages

(examples - right click and save to desktop for reviewing)

1. HTML and CSS
2. With #include statments added: HTML, nav.html, header.html, footer.html
3. and 4. HTML as dwt with editable regions labeled

OR get entire directory as zip file (right click as save as, then unzip into local directory named marie or something so you don't wipe out your own files.