in the document window whenever you open a new page for your site? Wish granted! A Dreamweaver template does exactly this. A Dreameaver template is a special document that contains all the permanent elements of your site, like the layout, the logo, the banner, the main navigation, and whatever else fits into this category for your particular project. You add these elements to the template, and Dreamweaver locks them in. Open a new document window from this template, and Dreamweaver places all the permanent content exactly where you want it. What about the sections that change from page to page, like the middle part of the main content area? You can easily make room for these in your template by defining them as editable regions: variable areas with no fixed content. Inside an editable region, you're free to add whatever content best suits the page in question. It gets better. Assume that you're halfway through production, and you realize that you need to increase the width of your main content area. This change is easy enough to make in Dreamweaver, but it's still a hassle to go through every page of your site and adjust the same values in the Property Inspector. Or maybe you want to change the image in the banner area. Again, this is a simple Dreamweaver procedure, but to change the same image 70 times on 70 different pages? Who has the time for that? But when you build your site from a template, you can make these kinds of changes once, in the template document itself, and with a click of the mouse, Dreamweaver updates all the pages of your sitewithout affecting any of the variable content in the editable regions. TECHTALK A Dreamweaver template is a document that locks down all the permanent elements of your site while providing editable regions for content that changes from page to page.   Dreamweaver templates are so helpful and so conducive to lightning-fast A Dreamweaver template is a production that one wonders why anyone would build a Dreamweaver site document that locks down all without them. This chapter shows you how to convert your index.html the permanent elements of your document into a template, which you will then use to produce new pages. TIP This chapter concentrates on the main design template, or the one that controls the look and feel for the majority of your pages. However, some sites, particularly larger ones, use different layouts for different content areas or different levels of pages. If this describes your site, you can easily create a separate template document for every one of your layouts.             11.1. Getting Ready To begin, fire up Dreamweaver, and open your index.html document from Chapter 9 or Chapter 10. This page contains the skeleton layout for your site. Knowing which content is fixed and which is variable is the secret to designing effective templates, so it's worth reviewing the plan for your site and setting up the template document accordingly. By way of example, Figure 11-1 shows the general mockup for your new client's web site, and Figure 11-2 shows the corresponding tables-based layout that you've created so far and saved as