Dreamweaver CS3 Templates

Step 2: Dreamweaver CS3 Tutorial - Create a Dreamweaver Template

[This is Step 2 of the Dreamweaver CS3 Tutorial]

If most of the pages in your web site have the same look and feel it is advisable to create a Dreamweaver template.

The advantages of creating a dreamweaver template include:

All pages will look consistent
When you want to make changes that effect the layout of the entire site you can simply make the changes to the template and update all the pages automatically

The dreamweaver template file has a .dwt extension and will get saved in a folder entitled "Templates". To create a dreamweaver template follow these steps:

File > New
Page Type > HTML template
Layout - select from one of the pre-built layout options and customize it or select and create your own from scratch

Go to Step 3 >>

Dreamweaver CS3 Tutorial for Beginners

Step 1: Define a new site in Dreamweaver

Step 2: Create a Dreamweaver Template

Step 3: Create the Page Layout in the Dreamweaver Template

Step 4: Create the CSS Style Sheet

Step 5: Insert Common Elements into the Dreamweaver Template:Text & Images

Step 6: Create Libraries or Server Side Includes

Step 7: Define the Editable Regions of the Template

Step 8: Create the HTML Pages of the Site with Content/ Forms

Step 9: Link the Pages

Step 10: Test the Site Locally and Upload Online to the Hosting Server

Project 1: Table Based Layout Website

Project 2: DIV/ CSS/ Tableless Layout Based Website

Project 3 : Website with Server Side Includes

Spry Tutorial

Free Dreamweaver CS3 Templates

Dreamweaver CS4 Tutorial

Suggestions for Improvement? If you have a suggestion to improve this tutorial please contact us. We would love to hear from you.

Dreamweaver is part of Creative Suite 3 Web Standard
Streamline web design, development, and maintenance. Order Now!