Skip Navigation.

Dreamweaver: Templates

Dreamweaver comes with some features designed to help you avoid repeating your work. The most useful of these is the Template feature, which allows you to use a single template file that Dreamweaver keeps updated on all your pages.

Templates are files that are "applied" to other documents. Dreamweaver keeps track of which documents use which template and updates them for you. The advantage to such templates is that you can use them to give a consistent look to your site without having to waste a lot of time repeating the same code over and over.

Make a template

  1. Make a page that you want to be your template. Make all the parts of the page that you want to be fixed, then decide which parts you want to be alterable.

  2. Once you've made your page that will serve as a template, click "File" and choose "Save as Template...." A dialog window will open, asking what you want to name your template (below).

    Dreamweaver Save Template Dialog
    Dreamweaver Save Template Dialog

  3. Now place your cursor in one of the areas you want to be an "editable area." Click the "Modify" window, select the "Templates" submenu, and choose "New Editable Region." A dialog window will open, asking what you want to name the editable area (below).

    Dreamweaver New Editable Region Dialog
    Dreamweaver New Editable Region Dialog

Use a Template

Edit a template

  1. Open your template as if it were a normal web document. Edit and save your changes.

  2. When you save your changes, Dreamweaver will ask if you want to update your files (below). Clicking "Update" will change all the files that draw from that template.

    Dreamweaver Update Files Dialog
    Dreamweaver Update Files Dialog

Using templates can be an efficient and handy way to manage your web pages. The only down side is that editing template pages by hand can be a real bother.

Back