Parkland College > Fine & Applied Arts > Graphic Design | Web Design >
Student Links > GDS 214 >Dreamweaver Templates

GDS 214 WEB DESIGN II
Dreamweaver Templates - Page 2
Instructor: Rob Higgins

1 > 2 > 3 > 4 > 5 > 6 > 7 > 8> 9 > 10 > 11 > 12 > 13

Next >

Viewing templates in Design view

In template files and documents based on templates, editable regions appear in the Document window’s Design view surrounded by rectangular outlines in a preset highlight color.

A small tab appears at the upper left corner of each region, showing the name of each defined region. Template regions are also include a highlighted outline. You can make changes to both editable and locked content.

Template files can be identified by the <<Template>> title and .dwt file extension in the Document window.

In a document based on a template (a template-based document), in addition to the editable-region outlines, the entire page is surrounded by a different-colored outline, with a tab at the upper right giving the name of the template that the document is based on. This highlighted rectangle is there to remind you that the document is based on a template and that you can’t change anything outside the editable regions.

Note: If you try to edit a locked region in a document based on a template when highlighting is turned off, the mouse pointer changes to indicate that you can’t click in a locked region.

Viewing templates in Code view

In Code view, you can make changes to both editable and locked HTML source code in a template. Editable content is marked in HTML with the comments <!-- TemplateBeginEditable> and <!-- TemplateEndEditable -->. Everything between these comments is editable in documents based on the template. The HTML source code for the editable region from the previous example might look like this:

<table width="75%" border="1" cellspacing="0" cellpadding="0">
<tr bgcolor="#333366">
<td>Name</td>
<td><font color="#FFFFFF">Address</font></td>
<td><font color="#FFFFFF">Telephone Number</font></td>
</tr>
<!-- TemplateBeginEditable name="LocationList" -->
<tr>
<td>Enter name</td>
<td>Enter Address</td>
<td>Enter Telephone</td>
</tr>
<!-- TemplateEndEditable -->
</table>

1 > 2 > 3 > 4 > 5 > 6 > 7 > 8> 9 > 10 > 11 > 12 > 13

Next >

______________________________

Last updated: 6/28/02 • Webmaster: Paul Young

Tips, Tricks
& Handouts

Student
Links