Dreamweaver Templates (dwt) Home » Dreamweaver Templates (dwt) PageDiscussionHistoryEdit Visual Text Dreamweaver Template or .dwt files are a great way for people new to the world of web design to exercise maximum control over their sites. Where using <a title="CSS" href="http://code.emrysproductions.com/wiki/css/">CSS</a> helps to control the look of your site, the .dwt file can give you control over some of the content or <a title="HTML" href="http://code.emrysproductions.com/wiki/html/">HTML</a>. Particularly the elements which are constant through a website such as links. When your website has a lot of pages and you want them to share certain design features, you can create and apply a template to them. If you have a group of pages with an applied template to it, you can change the information of the group by editing the template and then reapplying it to those pages. You can do that while keeping the unique element of each page unchanged. Define your site and create a page which will be used to create your template. Once you finish select <em>File -> Save as template</em>. A small window will pop up. Choose the site for which you want to create this template and type the name of the template to be saved with. <a href="http://code.emrysproductions.com/wp-content/uploads/2015/01/1-template.gif"><img class="alignnone size-medium wp-image-163" src="http://code.emrysproductions.com/wp-content/uploads/2015/01/1-template-300x185.gif" alt="1-template" width="300" height="185" /></a> Now you have to create an editable region in your template. These regions are placeholders for content that is unique for each page the template is applied to. Select <em>Insert -> Template Objects -> Editable Regions</em>: <a href="http://code.emrysproductions.com/wp-content/uploads/2015/01/2-template.gif"><img class="alignnone size-medium wp-image-166" src="http://code.emrysproductions.com/wp-content/uploads/2015/01/2-template-300x277.gif" alt="2-template" width="300" height="277" /></a> Type the region name in the pop-up window: <a href="http://code.emrysproductions.com/wp-content/uploads/2015/01/3-template.gif"><img class="alignnone size-medium wp-image-167" src="http://code.emrysproductions.com/wp-content/uploads/2015/01/3-template-300x121.gif" alt="3-template" width="300" height="121" /></a> Now you have a template with an editable region in it. You have to apply this template to a page. Open an existing page to apply the template to it. Select <em>Modify -> Templates -> Apply Template to Page</em>. <a href="http://code.emrysproductions.com/wp-content/uploads/2015/01/4-template.gif"><img class="alignnone size-medium wp-image-168" src="http://code.emrysproductions.com/wp-content/uploads/2015/01/4-template-300x289.gif" alt="4-template" width="300" height="289" /></a> Choose the template that you want to apply to your page and click on the Select button: <a href="http://code.emrysproductions.com/wp-content/uploads/2015/01/5-template.gif"><img class="alignnone size-medium wp-image-169" src="http://code.emrysproductions.com/wp-content/uploads/2015/01/5-template-300x132.gif" alt="5-template" width="300" height="132" /></a> On the Inconsistent Region Names window choose template region and click on "Use for all" button. Then click on OK. <a href="http://code.emrysproductions.com/wp-content/uploads/2015/01/6-template.gif"><img class="alignnone size-medium wp-image-170" src="http://code.emrysproductions.com/wp-content/uploads/2015/01/6-template-300x190.gif" alt="6-template" width="300" height="190" /></a> Your page is now the same as the template with its components placed in the editable region. You can now save it. Cancel