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

上次更新時間 2021年4月27日

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

您可以允許範本使用者修改從範本建立的文件中指定的標記屬性。

例如,您可以在範本文件中設定背景顏色,但啟用範本使用者為他們建立的頁面設定不同的背景顏色。使用者只能更新您指定 為可編輯的屬性。

您也可以在頁面中設定多個可編輯的屬性,讓範本使用者能在以範本為基礎的文件中修改屬性。支援以下資料類型:文字、布林值 (/)、顏色和 URL。

建立可編輯標記屬性會在代碼中插入範本參數。屬性的初始值在範本文件中設定;當建立以範本為基礎的文件時,它會繼承該參數。模板使用者隨後可以在基於模板的文件中編輯 該參數。

備註

如果您將 樣式表的連結設為可編輯屬性,那麼該樣式表的屬性 將無法在模板檔案中檢視或 編輯。

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

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

將屬性設為可編輯
將屬性設為可編輯

在「屬性」方塊中,輸入名稱或在「可編輯標記屬性」對話框中選取屬性,方法如下:
  • 如果您要設為可編輯的屬性 列在「屬性」彈出選單中,請選取它。

  • 如果您要設為可編輯的屬性未 列在「屬性」彈出選單中,請按一下「加入」,然後在開啟的對話框 中輸入您要加入的屬性名稱, 接著按一下「確定」。

請確定已選取「將屬性設為可編輯」選項。
在「標籤」方塊中,為這個屬性輸入唯一的名稱。
備註

為了之後更容易識別特定的 可編輯標記屬性,請使用能識別元素 和屬性的標籤。例如,您可以為來源可編輯的影像加上 logoSrc 標籤,或為 body 標記的可編輯背景顏色加上 bodyBgcolor 標籤。

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

  • 文字:選取這個選項可讓用戶輸入屬性的文字值。 例如,您可以對文字使用 align 屬性;然後用戶就可以將這個屬性值設定為 leftrightcenter

  • URL:選取這個選項可插入元素的連結,例如影像的檔案路徑。 使用此選項以自動更新連結中所使用的路徑。 如果用戶將影像移到新的資料夾,「更新連結」對話方塊就會開啟。

  • 顏色:選取這個選項可讓檢色器出現以便選取值。

  • True/False:選取這個選項可讓用戶在頁面上選取 true 或 false 值。

  • 數字:選取這個選項可讓範本用戶輸入數值來更新屬性 (例如,變更影像的高度或寬度值)。

「預設值」方塊顯示模板中所選取 標記屬性的值。在此方塊中輸入新值,以 為基於模板的文件中的參數設定不同的初始值 。
(選用) 如果您想要變更所選取標記的另一個屬性 ,請選取該屬性並為 該屬性設定選項。
按一下「確定」。

將可編輯標記屬性設為 不可編輯

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

在模板文件中,按一下與 可編輯屬性相關聯的元素,或使用標記選擇器選取該 標記。

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

在「屬性」彈出選單中,選取您 要影響的屬性。
取消選取「將屬性設為可編輯」,再按一下「確定」。
依據範本來更新文件。

更多類似項目