In Code view, editable regions of a document derived from a template appear in a different color than code in the non-editable regions. You can make changes only to code in the editable
regions or editable parameters; Dreamweaver prevents you from typing in locked regions.
Editable content is marked in HTML with the following Dreamweaver comments:
<!-- InstanceBeginEditable>
and <!-- InstanceEndEditable -->
Everything between these comments is editable in a template-based document. The HTML source code for an editable region might look like this:
<body bgcolor="#FFFFFF" leftmargin="0"> <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> <!-- InstanceBeginEditable name="LocationList" --> <tr> <td>Enter name</td> <td>Enter Address</td> <td>Enter Telephone</td> </tr> <!-- InstanceEndEditable --> </table> </body>
The default color for non-editable text is gray; you can select a different color for the editable and non-editable regions in the Preferences dialog box. For more information, see Customizing code coloring preferences for a template.