使用手冊 取消

使用範本中的選擇性區域

 

 

如果您要設定在文件中顯示內容的條件,請在 Dreamweaver 中使用範本的選擇性區域。

選擇性區域是範本中的一塊區域,用戶可以設定在以範本為架構的文件中要顯示或隱藏此區域。如果您要設定在文件中顯示內容的條件,請使用選擇性區域。

當您插入選擇型區域時,可以替範本參數設定特定值,或替範本區域定義條件陳述式 (If...else statements)。可使用簡單的 true/false 作業,或者定義較複雜的條件陳述式和運算式。如有需要,您也可以在稍後修改此選擇性區域。依據您定義的條件,範本用戶可以在他們以範本為架構建立的文件中編輯參數,並自行控制是否要顯示這個選擇性區域。

您可以將多個選擇性區域連結到一個命名參數。在以範本為架構的文件中,兩種區域都會顯示或隱藏為一個單位。例如,您可以對銷售項目顯示「大拍賣」的影像和售價文字區域。

插入選擇性區域

請使用選擇性區域,控制在以範本為架構的文件中要顯示或不要顯示的內容。選擇性區域有兩種類型:

  • 不可編輯的選擇性區域,可讓範本用戶顯示和隱藏特殊標記的區域,但不讓他們編輯內容。

    選擇性區域的「範本」標籤前面一定有單字 if。依據範本中設定的條件,範本用戶可以在他們建立的頁面中定義這個區域是否可以檢視。

  • 可編輯的選擇性區域,可讓範本用戶設定是要顯示或隱藏該區域,並可讓他們編輯區域的內容。

    例如,如果選擇性區域包含影像或文字,範本用戶可以設定這個內容是否要顯示,並且可以視需要編輯這個內容。可編輯區域是由條件陳述式所控制。

插入不可編輯的選擇性區域

  1. 在「文件」視窗中,選取您要設定為選擇性區域的元素。
  2. 請執行下列其中一項作業:
    • 選取「插入 > 範本 > 選擇性區域」。

    • 在「插入」面板的「常用」類別中,從下拉式清單中選取「範本」,然後選取「選擇性區域」。

  3. 輸入選擇性區域的名稱,如果您想要設定其他值,那麼請按一下「進階」索引標籤,然後再按一下「確定」。

插入可編輯的選擇性區域

  1. 在「文件」視窗中,將插入點置於您要插入選擇性區域的位置。
    註解:

    您不能圈選一個選取範圍來建立可編輯選擇性區域。插入區域,然後將內容插入區域中。

  2. 請執行下列其中一項作業:
    • 選取「插入 > 範本 > 可編輯的選擇性區域」。

    • 在「插入」面板的「範本」類別中,選取「可編輯的選擇性區域」。

  3. 輸入選擇性區域的名稱,如果您想要設定其他值,那麼請按一下「進階」索引標籤,再按一下「確定」。

設定選擇性區域的值

將區域插入範本中後,您可以編輯選擇性區域設定。例如,您可以變更是否要顯示內容的預設設定、將參數連結到現有的選擇性區域,或者修改範本運算式。

為範本區域建立範本參數和定義條件式陳述式 (If...else statements)。您可以使用簡單的 true/false 作業,或者定義較複雜的條件陳述式和運算式。

在「進階」索引標籤中,您可以將多個選擇性區域連結到一個命名參數。在以範本為架構的文件中,兩種區域都會顯示或隱藏為一個單位。例如,您可以對銷售項目顯示「大拍賣」的影像和售價文字區域。

您也可以使用「進階」索引標籤來撰寫範本運算式,用來評估選擇性區域的某個值,並且依據這個值來決定顯示或隱藏它。

  1. 在「文件」視窗中,執行下列其中一項作業:
    • 在「設計」檢視中,按一下您要修改之選擇性區域的範本標籤。

    • 在「設計」檢視中,將插入點置入範本區域中;然後在「文件」視窗底部的標籤選取器中選取 <mmtemplate:if> 範本標籤。

    • 在「程式碼」檢視中,按一下您要修改的範本區域的註解標籤。

  2. 在「屬性」檢視窗中 (視窗 > 屬性),按一下「編輯」。
  3. 在「基本」索引標籤的「名稱」方塊中輸入參數的名稱。
  4. 選取「預設顯示」核取方塊,以便將選取的區域設定成要在文件中顯示。取消選取核取方塊,將預設值設定為 false。

    註解:

    若要將參數設定成其他的值,請在「程式碼」檢視中從文件區段找出參數,並且編輯它的值。

  5. (選擇性) 按一下「進階」索引標籤,然後設定下列選項:
    • 如果您想要連結選擇性區域參數,請按一下「進階」索引標籤、選取「使用參數」,然後再從彈出式選單中選取您要將所選內容連結到的現有參數。

    • 如果您想要撰寫範本運算式來控制選擇性區域的顯示方式,請按一下「進階」索引標籤、選取「輸入運算式」,然後再將運算式輸入方塊中。

    註解:

    Dreamweaver 會在您輸入的文字前後插入雙引號。

  6. 按一下「確定」。

    當您使用「選擇性區域」範本物件時,Dreamweaver 就會將範本註解插入程式碼中。範本參數是定義在 head 區段中,如下面範例所示:<!-- TemplateParam name="departmentImage" type="boolean" value="true" -->

    在插入選擇性區域的位置,會出現類似下列的程式碼:

    <!-- TemplateParam name="departmentImage" type="boolean" value="true" -->
    <!-- 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 -->
    <!-- TemplateBeginIf cond="departmentImage" --> <p><img src="/images/airfare_on.gif" width="85" height="22"> </p> <!-- TemplateEndIf -->
    <!-- TemplateBeginIf cond="departmentImage" --> 
    <p><img src="/images/airfare_on.gif" width="85" height="22"> </p> 
    <!-- TemplateEndIf -->

    您可以在以範本為架構的文件中存取和編輯範本參數。

更快、更輕鬆地獲得協助

新的使用者?