- Dreamweaver 用户指南
- 简介
- Dreamweaver 和 Creative Cloud
- Dreamweaver 工作区和视图
- 设置站点
- 管理文件
- 布局和设计
- CSS
- 页面内容和资源
- 设置页面属性
- 设置 CSS 标题属性和 CSS 链接属性
- 使用文本
- 查找和替换文本、标签和属性
- DOM 面板
- 在实时视图中编辑
- 在 Dreamweaver 中对文档编码
- 在“文档”窗口中选择和查看元素
- 在属性检查器中设置文本属性
- 对网页进行拼写检查
- 在 Dreamweaver 中使用水平线
- 在 Dreamweaver 中添加和修改字体组合
- 使用资源
- 在 Dreamweaver 中插入和更新日期
- 在 Dreamweaver 中创建和管理收藏资源
- 在 Dreamweaver 中插入和编辑图像
- 添加媒体对象
- 在 Dreamweaver 中添加视频
- 插入 HTML5 视频
- 插入 SWF 文件
- 添加音频效果
- 在 Dreamweaver 中插入 HTML5 音频
- 使用库项目
- 在 Dreamweaver 中使用阿拉伯语和希伯来语文本
- 链接与导航
- jQuery 构件和效果
- 对网站进行编码
- 关于在 Dreamweaver 中编码
- Dreamweaver 中的编码环境
- 设置编码偏好设置
- 自定义代码颜色
- 编写和编辑代码
- 代码提示和代码完成
- 折叠和展开代码
- 使用代码片段重用代码
- 使用 linting 检查代码
- 优化代码
- 在设计视图中编辑代码
- 使用页面的头内容
- 在 Dreamweaver 中插入服务器端包含
- 在 Dreamweaver 中使用标签库
- 将自定义标签导入 Dreamweaver
- 使用 JavaScript 行为(一般说明)
- 应用内置 JavaScript 行为
- 关于 XML 和 XSLT
- 在 Dreamweaver 中执行服务器端 XSL 转换
- 在 Dreamweaver 中执行客户端 XSL 转换
- 在 Dreamweaver 中为 XSLT 添加字符实体
- 设置代码格式
- 跨产品工作流
- 模板
- 移动设备和多屏幕
- 动态网站、页面和 Web 表单
- 以可视化方式生成应用程序
- 测试、预览和发布网站
- 疑难解答
当您要设置用于显示文档中的内容的条件时,在 Dreamweaver 的模板中使用可选区域。
可选区域是模板中的区域,用户可将其设置为在基于模板的文档中显示或隐藏。当想要为在文档中显示内容设置条件时,请使用可选区域。
插入可选区域以后,既可以为模板参数设置特定的值,也可以为模板区域定义条件语句(If...else 语句)。可以使用简单的真/假操作,也可以定义比较复杂的条件语句和表达式。如有必要,可以在以后对这个可选区域进行修改。模板用户可以根据您定义的条件在其创建的基于模板的文档中编辑参数并控制是否显示可选区域。
您可以将多个可选区域与一个已命名的参数链接起来。在基于模板的文档中,两个区域将作为一个整体显示或隐藏。例如,可以显示销售产品的“出清存货”图像和销售价格文本区域。
插入可选区域
使用可选区域可以控制不一定在基于模板的文档中显示的内容。可选区域分为两类:
- 不可编辑的可选区域,使模板用户能够显示和隐藏特别标记的区域但却不允许编辑相应区域的内容。
可选区域的模板选项卡在单词 if 之后。根据模板中设置的条件,模板用户可以定义该区域在他们所创建的页面中是否可见。
- 可编辑可选区域,使模板用户能够设置是显示还是隐藏区域并能够编辑相应区域的内容。
例如,如果可选区域中包括图像或文本,模板用户即可设置该内容是否显示,并根据需要对该内容进行编辑。可编辑区域是由条件语句控制的。
插入不可编辑的可选区域
-
在“文档”窗口中,选择要设置为可选区域的元素。
-
执行下列操作之一:
选择“插入”>“模板”>“可选区域”。
在“插入”面板的“常用”类别中,从下拉列表中选择“模板”,然后选择“可选区域”。
-
输入可选区域的名称;如果要设置可选区域的值,请单击“高级”选项卡;然后单击“确定”。
插入可编辑的可选区域
-
在“文档”窗口中,将插入点置于要插入可选区域的位置。注意:
不能环绕选定内容来创建可编辑的可选区域。插入区域,然后在该区域内插入内容。
-
执行下列操作之一:
选择“插入”>“模板”>“可编辑的可选区域”。
在“插入”面板的“模板”类别中,选择“可编辑的可选区域”。
-
输入可选区域的名称;如果要设置可选区域的值,请单击“高级”选项卡;然后单击“确定”。
设置可选区域的值
在模板中插入可选区域之后,可以编辑该区域的设置。例如,可以对是否显示内容的默认设置进行更改,可以将参数与现有可选区域相关联,还可以修改模板表达式。
为模板区域创建模板参数并定义条件语句(If...else 语句)。可以使用简单的真/假操作,或定义更复杂的条件语句和表达式。
在“高级”选项卡中,可以将多个可选区域链接到一个已命名的参数。在基于模板的文档中,两个区域将作为一个整体显示或隐藏。例如,可以显示销售产品的“出清存货”图像和销售价格文本区域。
您还可以使用“高级”选项卡来编写一个求可选区域的值的模板表达式,然后根据求出值来显示或隐藏该可选区域。
-
在“文档”窗口中执行下列操作之一:
在“设计”视图中,单击要修改的可选区域的模板选项卡。
在“设计”视图中,将插入点放置在模板区域中;然后在“文档”窗口底部的标签选择器中选择模板标签 <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 -->
可以在基于模板的文档中访问和编辑模板参数。