You are on page 1of 1

CREATING A DREAMWEAVER TEMPLATE (*.

DWT FILE)
1. Open the template.html file if it is not already open (Or create a new one). 2. From
the File menu, select Save As Template. 3. In the Save As Template dialog box:

a. Make sure that the Site box points to your site.


b. In the Save As text field, give your Template a name.
c. Click on the Save button.

Notice that in the title bar, you are told you are now working with a <<Template>>.
Also note in your Site Window that a folder/directory called Templates has been
created, where your new Template (*.dwt) file resides.

After creating a Template, you must then make the Template Editable in the places
appropriate for your content. The remainder of the Template, the Uneditable parts,
will be unchangeable from any of the HTML pages, and can only be changed in the
*.dwt files themselves.

4. Click your cursor beside the "Text goes here . . . " statement, and then, press the
Enter key a few times. 5. Then, click so that your cursor is in front of your course
title. 6. Then, select the entire area where your content will go. 7. From the Modify
menu, select Templates -> Mark Selection as Editable. 8. In the New Editable Region
dialog box, give this area a name. I suggest naming it Content. 9. Click anywhere in
the document window, and notice that the text you selected is now highlighted,
indicating that it is part of a modifiable region. 10. Save your *.dwt file by selecting
File -> Save. 11. A pop-up window aks you if you want to Update all documents in you
local site that use this template?. 12. Click NO.

USING THE NEW TEMPLATE:


When you go to create a new HTML page in Dreamweaver (FILE > NEW) click the
"Templates" button or tab at the top. • If you have multiple sites, click on the site
that has the template that you want. • Select the template file and click ok. • Save
this file in your HTML site folder. • Now when you update your DWT or template file,
it will prompt you if you would like to update the files that use this template...

Professional Website Templates

You might also like