了解如何在 Dreamweaver“设计”视图和“代码”视图中识别模板和基于模板的文档。
在“设计”视图中识别模板
在“设计”视图中，可编辑区域出现在“文档”窗口的矩形外框中。 查看“文档”窗口中的底部窗格可看到区域的名称。
通过查看“文档”窗口中的标题栏，可以识别模板文件。 文件的文件扩展名为 .dwt。
在“代码”视图中识别模板
在"代码"视图中，可编辑内容区域\n在 HTML 中使用以下注释标记：
<!-- TemplateBeginEditable> 和 <!--\nTemplateEndEditable -->
您可以使用代码颜色偏好设置来设置自己的\n颜色方案，这样当您在"代码"视图中查看文档时，\n就能轻松区分模板区域。
这些注释之间的所有内容在基于模板的文档中\n都是可编辑的。可编辑区域的 HTML 源代码\n可能如下所示：
<table width=\"75%\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\">
<tr bgcolor=\"#333366\">
<td>姓名</td>
<td><font color="#FFFFFF">地址</font></td>
<td><font color="#FFFFFF">电话号码</font></td>
</tr>
<!-- TemplateBeginEditable name=\"LocationList\" -->
<tr>
<td>输入姓名</td>
<td>输入地址</td>
<td>Enter Telephone</td>
</tr>
<!-- TemplateEndEditable -->
</table>
在"代码"视图中编辑模板代码时，请务必不要\n更改任何 Dreamweaver 依赖的模板相关注释标记。
在“设计”视图中识别基于模板的文档
在基于模板的文档中，“文档”窗口的“设计”视图中的可编辑区域周围会以虚线显示矩形外框。 窗口底部将显示区域的名称。
除可编辑区域的外框之外，整个页面周围也会显示其他颜色的外框，右上角的选项卡给出该文档的基础模板的名称。 这一高亮矩形提醒您相应文档基于某个模板，您不能更改可编辑区域之外的内容。
在“代码”视图中识别基于模板的文档
在\n"代码"视图中，从模板派生的文档的可编辑区域\n显示的颜色与不可编辑区域中的代码不同。\n您只能更改可编辑区域或可编辑参数中的代码，但不能在锁定区域中进行输入。
在 HTML 中使用以下 Dreamweaver 注释标记可编辑内容：
<!‑‑ InstanceBeginEditable> 和 <!‑‑\nInstanceEndEditable ‑‑>
基于模板的文档中，这些注释之间的所有内容均可编辑。可编辑区域的 HTML 源代码可能如下所示：
<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>
非可编辑文本的默认颜色为灰色；您可以在"偏好设置"对话框中为可编辑和非可编辑区域选择不同的颜色。
