8.1.2 创建模板可编辑区域(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

8.1.2 创建模板可编辑区域 在设计模板时，设计者可以决定模板中的哪些部分是可编辑的，而哪些是不可编辑的，这就要通过创建可编辑区域来实现上述功能。 模板的不可编辑区域是指，基于模板创建的网页中固定不变的元素，模板的可编辑区域是指基于模板创建的网页中用户可以编辑的区域。 当创建一个模板，或将一个网页另存为模板时，Dreamweaver CS4默认将所有区域标志为“锁定”，因为用户要根据具体要求定义和修改模板的可编辑区域。  1、选择区域 首先，要指定将哪块区域设置为可编辑区域。选择区域有以下几种方法。 方法一：在文档窗口中，选择要设置为可编辑区域的文本或内容。 方法二：在文档窗口中，将插入点放在要插入的可编辑区域的地方。 2、启用【新建可编辑区域】对话框 创建可编辑区域，是通过【新建可编辑区域】对话框来进行的。启用这个对话框，有以下几种方法。 方法一：在【插入】面板的【常用】模式中，单击【模板】展开式按钮 ，选择【可编辑区域】按钮，如图所示。 方法二：按 < Ctrl + Alt + V >快捷键。 方法三：在菜单栏中选择【插入】→【模板对象】→【可编辑区域】命令，如图所示。 3、执行创建可编辑区域功能 在“名称”选项的文本框中为该区域输入唯一的名称，单击【确定】按钮，创建可编辑区域，如图所示。 可编辑区域在模板中，由高亮显示的矩形边框围绕（如图所示），该边框使用在【首选参数】对话框中设置的高亮颜色，该区域的左上角的选项卡显示该区域的名称。 4、使用可编辑区域的注意事项 （1）不要在“名称”选项的文本框中使用特殊字符。 （2）同一模板中的多个可编辑区域，不能够同名。 （3）可将整个表格或单独的表格单元格标志为可编辑的，但不能将多个表格单元标志为单个可编辑区域。如果选定 <td> 标签，则可编辑区域内，包括了单元格周围的区域；如果未选定，则可编辑区域只影响单元格的内容。 （4）层和层内容是单独的元素。使层可编辑时，可以更改层的位置及内容；而当使层的内容可编辑时，只能更改层的内容，而不能更改层的位置。 （5）在普通网页文档中插入一个可编辑区域，Dreamweaver CS4会提示该文档将自动另存为模板。 （6）可编辑区域不能嵌套插入。 8.1.3 创建模板重复区域 重复区域是可以根据需要，在基于模板的页面中复制任意次数的模板部分。重复区域通常用于表格，但也可以为其他页面元素定义重复区域。但是，重复区域不是可编辑区域，若要使重复区域中的内容可编辑，必须在重复区域内插入可编辑区域。 1、选择区域 首先，要指定将哪块区域设置为重复区域。在文档窗口中，选中要设置的内容，如下图所示。 2、启用【新建重复区域】对话框 创建重复区域，是通过【新建重复区域】对话框来进行的。启用这个对话框，有以下几种方法。 方法一：在【插入】面板【常用】模式中，单击【模板】展开式按钮 ，选择【重复区域】按钮，如下图所示。 方法二：在菜单栏中选择【插入】→【模板对象】 →【重复区域】命令，如图所示。 方法三：在文档窗口中，单击鼠标右键，在弹出的右键菜单中选择【模板】→【新建重复区域】命令，如图所示。 3、执行创建重复区域功能 在“名称”选项的文本框中为该区域输入唯一的名称，最后单击【确定】按钮，将重复区域插入到模板中。最后选择重复区域或其一部分，如：表格、行或单元格，定义为编辑区域。 $$