Create a template in Dreamweaver CS4

This entry is part 3 of 19 in the series Dreamweaver CS4 Tutorials

Creating a template in Dreamweaver CS4 will form the basis of your website. It will give your site a consistent look and make it easy to manage.

Using the layout you designed in Fireworks as a basis we will recreate it in Dreamweaver as html files.

  • From the Dreamweaver Menu select File > New
  • Select ‘Blank Template’ > Template Type: ‘HTML Template’ > Layout: ‘none’dreamweaver-template
  • You will get a blank document. Save it [ File> Save].
  • You will get a message that the template does not have any editable regions. This is ok. Give it a name. I have given it the name ‘template’.
    save-dreamweaver-template
  • If you look in your Files panel you will see that your template has been saved as template.dwt within a new folder entitled ‘Templates’
    save-dreamweaver-template


Dreamweaver CS4 Tutorials

  1. Dreamweaver CS4 Tutorial
  2. Define a New Site in Dreamweaver CS4
  3. Create a template in Dreamweaver CS4
  4. Design your template in Dreamweaver CS4
  5. Design the CSS Style Sheet in Dreamweaver CS4
  6. Insert Images in Dreamweaver CS4
  7. Creating the Menu in Dreamweaver CS4
  8. Content in Dreamweaver CS4
  9. Insert Editable Regions in the Dreamweaver Template
  10. Dreamweaver CS4 Template Based Web Pages
  11. Formatting Headings in Dreamweaver CS4
  12. Formatting Images in Dreamweaver CS4
  13. Linking pages in Dreamweaver CS4
  14. Forms in Dreamweaver CS4
  15. Dreamweaver CS4 Form Validation Tutorial
  16. Tables in Dreamweaver CS4
  17. Testing the Website in the Browser
  18. Upload your site with Dreamweaver CS4
  19. How to validate your Contact PHP form in Dreamweaver CS4
Series Navigation Define a New Site in Dreamweaver CS4Design your template in Dreamweaver CS4

Tags: ,
Posted in Dreamweaver | No Comments »