Unit 11. Using Dreamweaver Templates

Editable zones.


All of the elements of a template are blocked by default, and therefore they can not be modified.

It is compulsory to establish the zones that can be edited in the pages based on this template.

To edit a template you have to open it in Dreamweaver. A way to open it is through the Assets panel by double-clicking on it, or by selecting it and clicking on the button, as we have just seen.

Once the template is open it's possible to establish its properties through the Page properties.

As you can remember, it can be opened it this way:

Pressing a combination of the Ctrl+J keys.

Clicking on the Modify menu and selecting the Page properties option.

Right clicking on the opened file in Dreamweaver and selecting the Page properties option.

To insert an editable zone you need to place the mouse in the place in which you want to insert it, and then go to the Insert menu, Templates objects, and the Editable zone option.

You can also press the combination of the Ctrl+Alt+V keys...

In the new window you need to establish a Name for the editable zone.

There cannot be two editable zones inside the template with the same name.

Later on you would modify the name through the properties inspector of the editable zone.


An Editable zone is represented in Dreamweaver as a box with a blue label. The name of the editable zone appears in the label.

You can insert objects inside the window, and they will be appear by default in files based on those templates. The objects inside the editable zone can be modified.

All the objects of these editable zones will be in the site, but they will not be able to be changed.

In this case, the teacherClick logotype image would be in all the sites based on this template, while everything inserted inside the editable zone EmailForm will not.


  Go to the previous page page Content  Go to the nex page  

Page 11.2