在 Dreamweaver 範本中定義可編輯的標籤屬性

在 Dreamweaver 範本中指定可編輯的標籤屬性。同時也了解如何使可編輯標籤成為不可編輯。

您可以允許範本用戶修改從範本所建立之文件中所指定的標籤屬性。

例如，您可以在範本文件中設定背景顏色，同時允許範本用戶為他們自己建立的頁面設定不同的背景顏色。用戶只能更新您指定為可編輯的屬性。

您也可以在頁面中設定多個可編輯的屬性，以便範本用戶可以在以範本為架構的文件中修改這類屬性。以下是支援的資料類型：文字、Boolean (true/false)、顏色和 URL。

建立可編輯標籤屬性會在程式碼中插入範本參數。屬性的初始值是在以範本為架構的文件中設定的；建立範本架構式文件時，它會繼承這參數。然後範本用戶就可以在以範本為架構的文件中編輯這個參數。

註解：

如果您將樣式表連結設為可編輯屬性，那麼您將無法在範本檔案中檢視或編輯這個樣式表的屬性。

在「文件」視窗中，選取您要設定可編輯標籤屬性的項目。

選取「工具 > 範本 > 將屬性設為可編輯」。

將屬性設為可編輯

在「屬性」方塊中輸入名稱，或依照下列其中一種方式在「可編輯的標籤屬性」對話方塊中選取屬性：

請確定已選取「將屬性設為可編輯」選項。

在「標籤」方塊中，為這個屬性輸入唯一的名稱。

註解：

為方便您日後辨識特定的可編輯標籤屬性，請使用能夠識別元素和屬性的標籤。例如，您可以將來源可編輯的影像標示為 logoSrc，或將背景顏色可編輯的 body 標籤標示為 bodyBgcolor。

在「類型」選單中，請選擇下列其中一個選項，來選取這個屬性允許值的類型：

文字：選取這個選項可讓用戶輸入屬性的文字值。例如，您可以對文字使用 align 屬性；然後用戶就可以將這個屬性值設定為 left、right 或 center。
URL：選取這個選項可插入元素的連結，例如影像的檔案路徑。使用此選項以自動更新連結中所使用的路徑。如果用戶將影像移到新的資料夾，「更新連結」對話方塊就會開啟。
顏色：選取這個選項可讓檢色器出現以便選取值。
True/False：選取這個選項可讓用戶在頁面上選取 true 或 false 值。
數字：選取這個選項可讓範本用戶輸入數值來更新屬性 (例如，變更影像的高度或寬度值)。

「預設值」方塊會顯示範本中所選標籤屬性的值。請在這個方塊中輸入新值，為以範本為架構之文件中的參數設定不同的初始值。

(選擇性) 如果您想要變更所選取標籤的其他屬性，請選取屬性，並且針對該屬性來設定選項。

按一下「確定」。

先前標記為可編輯的標籤可以標記為不可編輯。

請在範本文件中，按一下與可編輯屬性關聯的元素，或使用標籤選取器選取標籤。

選取「工具 > 範本 > 將屬性設為可編輯」。

在「屬性」彈出式選單中，選取您想要改變的屬性。

取消選取「將屬性設為可編輯」，再按一下「確定」。

依據範本來更新文件。

Creative Commons 條款未涵蓋 Twitter™ 與 Facebook 文章。

在 Dreamweaver 中定義可編輯的標籤屬性