当您要设置用于显示文档中的内容的条件时,在 Dreamweaver 的模板中使用可选区域。

可选区域是模板中的区域,用户可将其设置为在基于模板的文档中显示或隐藏。当想要为在文档中显示内容设置条件时,请使用可选区域。

插入可选区域以后,既可以为模板参数设置特定的值,也可以为模板区域定义条件语句(If...else 语句)。可以使用简单的真/假操作,也可以定义比较复杂的条件语句和表达式。如有必要,可以在以后对这个可选区域进行修改。模板用户可以根据您定义的条件在其创建的基于模板的文档中编辑参数并控制是否显示可选区域。

您可以将多个可选区域与一个已命名的参数链接起来。在基于模板的文档中,两个区域将作为一个整体显示或隐藏。例如,可以显示销售产品的“出清存货”图像和销售价格文本区域。

插入可选区域

使用可选区域可以控制不一定在基于模板的文档中显示的内容。可选区域分为两类:

  • 不可编辑的可选区域,使模板用户能够显示和隐藏特别标记的区域但却不允许编辑相应区域的内容。

    可选区域的模板选项卡在单词 if 之后。根据模板中设置的条件,模板用户可以定义该区域在他们所创建的页面中是否可见。

  • 可编辑可选区域,使模板用户能够设置是显示还是隐藏区域并能够编辑相应区域的内容。

    例如,如果可选区域中包括图像或文本,模板用户即可设置该内容是否显示,并根据需要对该内容进行编辑。可编辑区域是由条件语句控制的。

插入不可编辑的可选区域

  1. 在“文档”窗口中,选择要设置为可选区域的元素。
  2. 执行下列操作之一:
    • 选择“插入”>“模板”>“可选区域”。

    • 在“插入”面板的“常用”类别中,从下拉列表中选择“模板”,然后选择“可选区域”。

  3. 输入可选区域的名称;如果要设置可选区域的值,请单击“高级”选项卡;然后单击“确定”。

插入可编辑的可选区域

  1. 在“文档”窗口中,将插入点置于要插入可选区域的位置。

    注意:

    不能环绕选定内容来创建可编辑的可选区域。插入区域,然后在该区域内插入内容。

  2. 执行下列操作之一:
    • 选择“插入”>“模板”>“可编辑的可选区域”。

    • 在“插入”面板的“模板”类别中,选择“可编辑的可选区域”。

  3. 输入可选区域的名称;如果要设置可选区域的值,请单击“高级”选项卡;然后单击“确定”。

设置可选区域的值

在模板中插入可选区域之后,可以编辑该区域的设置。例如,可以对是否显示内容的默认设置进行更改,可以将参数与现有可选区域相关联,还可以修改模板表达式。

为模板区域创建模板参数并定义条件语句(If...else 语句)。可以使用简单的真/假操作,或定义更复杂的条件语句和表达式。

在“高级”选项卡中,可以将多个可选区域链接到一个已命名的参数。在基于模板的文档中,两个区域将作为一个整体显示或隐藏。例如,可以显示销售产品的“出清存货”图像和销售价格文本区域。

您还可以使用“高级”选项卡来编写一个求可选区域的值的模板表达式,然后根据求出值来显示或隐藏该可选区域。

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

    可以在基于模板的文档中访问和编辑模板参数。

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略