了解如何在 Dreamweaver 的「設計」檢視和「程式碼」檢視中辨識範本和以範本為架構的文件。
辨識設計檢視中的範本
在「設計」檢視中，可編輯區域會出現在「文件」視窗中，周圍有矩形外框圍繞。 請查看「文件」視窗中的底部窗格，以檢視區域的名稱。
您可以查看「文件」視窗的標題列，以辨識檔案是否為範本檔。 檔案的副檔名為 .dwt。
在「程式碼」檢視中辨識範本
在程式碼檢視中，可編輯的內容區域 會在 HTML 中以下列註解標記：
<!-- TemplateBeginEditable> 和 <!-- TemplateEndEditable -->
您可以使用程式碼色彩偏好設定來設定自己的 色彩配置，以便在程式碼檢視中檢視文件時，輕鬆區分範本區域。
這些註解之間的所有內容在以範本為基礎的文件中都可以編輯。可編輯區域的 HTML 原始程式碼 可能如下所示：
<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>輸入電話號碼</td>
</tr>
<!-- TemplateEndEditable -->
</table>
在程式碼檢視中編輯範本程式碼時，請小心不要 變更 Dreamweaver 所依賴的任何範本相關註解標記。
辨識設計檢視中以範本為架構的文件
在以範本為架構的文件中，可編輯區域會出現在「文件」視窗的「設計」檢視中，周圍有矩形的虛線外框圍繞。 視窗底部會顯示區域的名稱。
除了可編輯區域的外框之外，整個頁面周圍也環繞不同顏色的外框，右上方會有一個標籤，顯示出該文件所依據之範本的名稱。 這個反白標示的矩形是希望提醒您，這個文件是以範本為架構，您無法變更可編輯區域外面的任何項目。
在「程式碼」檢視中辨識以範本為架構的文件
在 程式碼檢視中，從範本衍生的文件的可編輯區域 會以與不可編輯區域中程式碼不同的色彩顯示。 您只能對可編輯區域 或可編輯參數中的程式碼進行變更，但無法在鎖定區域中輸入。
可編輯內容是以下列 Dreamweaver 的 HTML 註解來標示：
<!‑‑ InstanceBeginEditable> 和 <!‑‑ InstanceEndEditable ‑‑>
在基於模板的 文件中，這些註解之間的所有內容都是可編輯的。可編輯區域的 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>輸入名稱</td>
<td>輸入地址</td>
<td>輸入電話號碼</td>
</tr>
<!-- InstanceEndEditable -->
</table>
</正文>
非可編輯文字的預設色彩為灰色；您可以在 「偏好設定」對話框中為可編輯和非可編輯區域選取 不同的色彩。
