“可选区域”是在模板中指定为可选的部分，用于保存有可能在基于模板的文档中出现的内容（如可选文本或图像）。可将其设置为在基于模板的文档中显示或隐藏。当想为在文档中显示内容设置条件时，使用可选区域。可以为模板参数设置特定值，或在模板中定义条件语句。根据在模板中定义的条件，可以在创建的文档中编辑参数，并控制可选区域是否显示。

可编辑的可选区域让模板用户可以在可选区域内编辑内容。例如，如果可选区域中包括图像或文本，模板用户可设置该内容是否显示，并根据需要对该内容进行编辑。可编辑区域是由条件语句控制的，可以在新建可选区域对话框中创建模板参数和表达式，或通过在代码视图中键入参数和条件语句来创建。

下面以一个示例介绍在模板文档中插入可选区域的具体步骤：

新建一个HTML模板文件，在“设计”视图中，插入一张图像，效果如图10-11所示。

选中图像，执行“插入”|“模板对象”|“可选区域”命令，或单击“插入”栏“常用”面板上图标中的下拉箭头，在弹出菜单中单击，弹出“新建可选区域”对话框。对话框中各选项介绍如下：

“名称”：用于设定新可选区域模板参数的名称。

“默认显示”：选中该项则，可选区域默认为显示，否则隐藏。

取消选中“默认显示”，即默认状态下将要创建的可选区域在网页中是不可见的，“名称”采用默认值OptionalRegion1。单击“高级”标签，显示对话框。对话框中各选项功能介绍如下：

“使用参数”：用于设置控制本可选区是否隐藏所使用的参数，在右边的下拉列表框中可选择要将所选内容链接到的现有参数。

“输入表达式”：用于输入控制本可选区是否隐藏所使用的表达式，表达式值为真，显示可选区；表达式值为假，则隐藏可选区内容。Dreamweaver自动在输入的文本两侧插入双引号。

单击“确定”按钮，完成可选区的插入。最终制作结果，如图10-12所示。

图10-11 插入图像

图10-12 实例效果(www.daowen.com)

在代码区可以找到关于可选区的代码。模板参数在head部分定义：

在插入可选区域的位置，将出现类似于下列代码的代码：

从模板创建的网页head区中也将插入模板参数部分代码。如果网页中需要显示可选区内容时，只需在网页文档代码head部分找到上述代码，把其中的value值设置为true即可。

使可选区域可编辑的操作如下：

（1）在文档窗口中，将光标放在想要插入可选区域的地方。

（2）打开“新可选区域”对话框，对各选项进行设置。

（3）单击“确定”完成插入可选区域。

（4）把光标定位于可选区域内部插入可编辑区。

可选区域内的编辑区和可选区一样显示和隐藏。当可选区隐藏时因为看不到它，内部的可编辑区是不可编辑。

另外，可直接单击“插入”栏“常用”面板图标中的下拉箭头，在弹出菜单中单击插入“可编辑的可选区域”。

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