- Dreamweaver 使用手冊
- 簡介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作區和檢視
- 設定網站
- 管理檔案
- 版面和設計
- CSS
- 頁面內容和資產
- 設定頁面屬性
- 設定 CSS 標題屬性和 CSS 連結屬性
- 處理文字
- 尋找和取代文字、標籤和屬性
- DOM 面板
- 在即時檢視中編輯
- 在 Dreamweaver 中進行文件編碼
- 在文件視窗中選取並檢視元素
- 在屬性檢視窗中設定文字屬性
- 檢查網頁拼字
- 在 Dreamweaver 中使用水平線
- 在 Dreamweaver 中新增和修改字體組合
- 使用資源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中建立和管理最愛資源
- 在 Dreamweaver 中插入及編輯影像
- 新增媒體物件
- 在 Dreamweaver 中加入視訊
- 插入 HTML5 視訊
- 插入 SWF 檔
- 新增音效效果
- 在 Dreamweaver 中插入 HTML5 音效
- 使用圖庫項目
- 在 Dreamweaver 中使用阿拉伯文和希伯來文文字
- 連結和導覽
- jQuery Widget 和效果
- 撰寫網站程式碼
- 關於在 Dreamweaver 中撰寫程式碼
- Dreamweaver 的程式碼撰寫環境
- 設定程式碼撰寫偏好設定
- 自訂程式碼色彩標示
- 撰寫和編輯程式碼
- 程式碼提示和程式碼完成
- 收合和展開程式碼
- 利用片段重複使用程式碼
- Lint 程式碼
- 最佳化程式碼
- 在設計檢視中編輯程式碼
- 使用頁面的檔頭內容
- 在 Dreamweaver 中插入伺服器端包含
- 在 Dreamweaver 中使用標籤資料庫
- 匯入自訂標籤到 Dreamweaver
- 使用 JavaScript 行為 (一般說明)
- 套用內建的 JavaScript 行為
- 關於 XML 與 XSLT
- 在 Dreamweaver 中執行伺服器端 XSL 轉換
- 在 Dreamweaver 中執行用戶端 XSL 轉換
- 在 Dreamweaver 中新增 XSLT 字元實體
- 格式化程式碼
- 跨產品工作流程
- 範本
- 行動裝置和多螢幕
- 動態網站、網頁和網站表單
- 以視覺化方式建立應用程式
- 測試、預覽和發佈網站
- 疑難排解
如果您要設定在文件中顯示內容的條件,請在 Dreamweaver 中使用範本的選擇性區域。
選擇性區域是範本中的一塊區域,用戶可以設定在以範本為架構的文件中要顯示或隱藏此區域。如果您要設定在文件中顯示內容的條件,請使用選擇性區域。
當您插入選擇型區域時,可以替範本參數設定特定值,或替範本區域定義條件陳述式 (If...else statements)。可使用簡單的 true/false 作業,或者定義較複雜的條件陳述式和運算式。如有需要,您也可以在稍後修改此選擇性區域。依據您定義的條件,範本用戶可以在他們以範本為架構建立的文件中編輯參數,並自行控制是否要顯示這個選擇性區域。
您可以將多個選擇性區域連結到一個命名參數。在以範本為架構的文件中,兩種區域都會顯示或隱藏為一個單位。例如,您可以對銷售項目顯示「大拍賣」的影像和售價文字區域。
插入選擇性區域
請使用選擇性區域,控制在以範本為架構的文件中要顯示或不要顯示的內容。選擇性區域有兩種類型:
- 不可編輯的選擇性區域,可讓範本用戶顯示和隱藏特殊標記的區域,但不讓他們編輯內容。
選擇性區域的「範本」標籤前面一定有單字 if。依據範本中設定的條件,範本用戶可以在他們建立的頁面中定義這個區域是否可以檢視。
- 可編輯的選擇性區域,可讓範本用戶設定是要顯示或隱藏該區域,並可讓他們編輯區域的內容。
例如,如果選擇性區域包含影像或文字,範本用戶可以設定這個內容是否要顯示,並且可以視需要編輯這個內容。可編輯區域是由條件陳述式所控制。
插入不可編輯的選擇性區域
-
在「文件」視窗中,選取您要設定為選擇性區域的元素。
-
請執行下列其中一項作業:
選取「插入 > 範本 > 選擇性區域」。
在「插入」面板的「常用」類別中,從下拉式清單中選取「範本」,然後選取「選擇性區域」。
-
輸入選擇性區域的名稱,如果您想要設定其他值,那麼請按一下「進階」索引標籤,然後再按一下「確定」。
插入可編輯的選擇性區域
-
在「文件」視窗中,將插入點置於您要插入選擇性區域的位置。註解:
您不能圈選一個選取範圍來建立可編輯選擇性區域。插入區域,然後將內容插入區域中。
-
請執行下列其中一項作業:
選取「插入 > 範本 > 可編輯的選擇性區域」。
在「插入」面板的「範本」類別中,選取「可編輯的選擇性區域」。
-
輸入選擇性區域的名稱,如果您想要設定其他值,那麼請按一下「進階」索引標籤,再按一下「確定」。
設定選擇性區域的值
將區域插入範本中後,您可以編輯選擇性區域設定。例如,您可以變更是否要顯示內容的預設設定、將參數連結到現有的選擇性區域,或者修改範本運算式。
為範本區域建立範本參數和定義條件式陳述式 (If...else statements)。您可以使用簡單的 true/false 作業,或者定義較複雜的條件陳述式和運算式。
在「進階」索引標籤中,您可以將多個選擇性區域連結到一個命名參數。在以範本為架構的文件中,兩種區域都會顯示或隱藏為一個單位。例如,您可以對銷售項目顯示「大拍賣」的影像和售價文字區域。
您也可以使用「進階」索引標籤來撰寫範本運算式,用來評估選擇性區域的某個值,並且依據這個值來決定顯示或隱藏它。
-
在「文件」視窗中,執行下列其中一項作業:
在「設計」檢視中,按一下您要修改之選擇性區域的範本標籤。
在「設計」檢視中,將插入點置入範本區域中;然後在「文件」視窗底部的標籤選取器中選取 <mmtemplate:if> 範本標籤。
在「程式碼」檢視中,按一下您要修改的範本區域的註解標籤。
-
在「屬性」檢視窗中 (視窗 > 屬性),按一下「編輯」。
-
在「基本」索引標籤的「名稱」方塊中輸入參數的名稱。
-
選取「預設顯示」核取方塊,以便將選取的區域設定成要在文件中顯示。取消選取核取方塊,將預設值設定為 false。
註解:若要將參數設定成其他的值,請在「程式碼」檢視中從文件區段找出參數,並且編輯它的值。
-
(選擇性) 按一下「進階」索引標籤,然後設定下列選項:
如果您想要連結選擇性區域參數,請按一下「進階」索引標籤、選取「使用參數」,然後再從彈出式選單中選取您要將所選內容連結到的現有參數。
如果您想要撰寫範本運算式來控制選擇性區域的顯示方式,請按一下「進階」索引標籤、選取「輸入運算式」,然後再將運算式輸入方塊中。
註解:Dreamweaver 會在您輸入的文字前後插入雙引號。
-
按一下「確定」。
當您使用「選擇性區域」範本物件時,Dreamweaver 就會將範本註解插入程式碼中。範本參數是定義在 head 區段中,如下面範例所示:<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->
在插入選擇性區域的位置,會出現類似下列的程式碼:
<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->
<!-- TemplateBeginIf cond="departmentImage" --> <p><img src="/images/airfare_on.gif" width="85" height="22"> </p> <!-- TemplateEndIf -->
您可以在以範本為架構的文件中存取和編輯範本參數。