Dreamweaver Templates

Converting html files into Dreamweaver templates (DWT)



What is a template.dwt file?


A file ending in the extension .dwt is a Dreamweaver template that uses the same layout structure throughout your site. This structure is consistent and is seldom modified. A .dwt file usually incorporates top or side navigation elements and includes an editable region for the content, that can be changed in each seperate html file. The main structure of the .dwt file is locked in a html file that uses the .dwt file. Only the content is editable.

When you create a new page, all you need to do is to use the command 'modify > Templates > apply template to page.'


Dwt File Screenshot

Click on thumbnail to preview screenshot of template.dwt file


Html file using Dwt file

Click on thumbnail to preview html file


What are the Advantages of using .dwt files?


When you use .dwt files on each of your html files, you can edit the core .dwt file such as inserting a new navigation button or deleting an existing one, and the changes will be reflected sitewide, without having to do it manually on each html page, saving you considerable time and effort.


Steps for converting your html file into a template.dwt


Step 1 : Create an editable region.

Open your html document in Dreamweaver and highlight the area you wish to make an editable region for. This area can be an entire text, a table or a column.

Step 2 : With your area highlighted, select from main menu 'Insert > Template Objects > Editable Region'


Step 3 : In the 'New Editable Region' dialog box that appears assign an appropriate label for your editable region such as 'content'. Click 'OK'.

New Editable region


Step 4 : If you need to create additional 'editable regions' just follow the same steps as above but assign a new label for each new region.


Step 5: From main menu select 'File > Save As'. Save the file 'template' ending in .dwt format (template.dwt).


Step 6: To create a new page from the template select 'File > New'. In the dilaog box that appears select 'Page from Template'. A list of your defined sites will be displayed in the second column named 'Site'. Select a site and then 'template' listed in the thrid column as shown in the screenshot below.


New Page from Template


Please take a moment to Like, Tweet, or Share on this page if you found this tutorial/resource useful. Thankyou!












Home | Terms of Use | Private Policy | Refund Policy
Copyright 2002 - 2012 Dreamweaver-Templates.net - Dreamweaver© is a registered trademark of Adobe Systems Incorporated.