How to Save any Page as a Dreamweaver Template

Sometimes you get partway through designing a page in Dreamweaver before you realize that you'll probably want more pages that are similar. If you turn the page into a template, you can create the rest of the pages a lot more efficiently.

Similarly, you may want to turn a page that someone else designed into a template that you can use throughout your website. No matter the page’s origin, creating a template from an existing page is almost as easy as creating a template from scratch.

To save a page as a template, follow these steps:

  1. Open the page that you want to turn into a template.

    Choose File→Open and browse to find your file. Or open the site in the Files panel and double-click the file to open it.

  2. Choose File→Save as Template.

    The Save dialog box appears.

  3. In the Site drop-down list, choose a site.

    The menu lists all the sites you’ve set up in Dreamweaver. By default, the site you’ve set up and opened in the Files panel is selected when the dialog box opens.

    You can use the Save as Template option to save a page as a template into any defined site, which makes it possible to save a page that you design for one site as a template in another site.

  4. In the Save As text box, type a name for the template.

    You don’t have to add a description. However, if you’re working on a big site with many templates, descriptions can help you keep track of which templates go with which sections of your site.

  5. Click the Save button.

    If you haven't disabled the warning (stating that the template doesn’t have any editable regions and asking whether you really want to save it), click Yes to continue.

    Note that the file now has the .dwt extension, indicating that it’s a template.

  6. Click OK in the Dreamweaver dialog box that appears to update links in the template.

    Because your original file probably wasn’t saved in the Templates folder, any links to other pages or images must be updated when the file is saved. After you click OK, Dreamweaver corrects any links in the file as it saves the file in the Templates folder.

  7. Make any changes that you want, and then choose File→Save.

    You edit a template just as you edit any other page in Dreamweaver.

  8. To create an editable region:

    1. Select any content area, image, or text.

    2. Choose Insert→Template→Editable Region.

      The New Editable Region dialog box opens.

    3. Give the new region a name.

      You can name the region anything you like — just don’t use spaces or punctuation. The region you define as editable becomes an area that can be changed in any page created from the template. You can create multiple editable regions in any template.

    4. Click OK.

      The editable region is enclosed in a highlighted area with a tab at the top left, identified by the name you gave the region.

  9. When you finish designing the page, choose File→Save to save your completed template.

  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Advertisement

Inside Dummies.com