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

8.1.4 创建模板可选区域 使用模板创建的可选区域有两种类型： 可选区域：用户可以自己设定是否显示标注的区域。在这个区域内，用户可以对可选区域的内容进行选中的操作，但无法编辑该区域的内容。 可编辑的可选区域：用户可以自己设定是否显示标注的区域。在这个区域内，用户可以编辑该区域的内容。 1、插入可选区域 （1）在文档的【编辑区域】窗口中，选择想要设置为可选区域的元素。 （2）启用【新建可选区域】对话框，执行下列任意一种操作均可： 方法一：在菜单栏中选择【插入】→【模板对象】→【可选区域】命令，如图所示。 方法二：在【插入】面板的【常用】模式中，单击【模板】展开式按钮 ，选择【可选区域】按钮，如图所示。 方法三：在文档【编辑区域】窗口中，单击鼠标右键，在弹出的右键菜单中选择【模板】→【新建可选区域】命令，如图所示。 （3）在【新建可选区域】对话框中，为可选区域指定选项，然后点击【确定】按钮，如图所示。 2、插入可编辑的可选区域 （1）在文档【编辑区域】窗口中，将插入点放置在要插入可选区域的地方。注意：不能环绕选定内容来创建可编辑的可选区域。应插入区域，然后在该区域内插入内容。 （2）启用【新建可选区域】对话框，执行下列任意一种操作均可： 方法一：在菜单栏中选择【插入】→【模板对象】→【可编辑的可选区域】命令。 方法二：在【插入】面板的【常用】模式中，单击【模板】展开式按钮 ，选择【可编辑的可选区域】按钮。 （3）在【新建可选区域】对话框中，为可选区域输入名称，然后单击【确定】按钮。 8.1.5 模板的应用 前面学习了创建模板，下面就来学习如何将创建好的模板应用到页面中。 1、使用新建命令创建基于模板的新文档 在菜单栏中选择【文件】→【新建】命令，打开【新建文档】对话框，单击“模板中的页”标签，在“站点”列表中选择本网站的站点，如：“好可工作室”，再从右侧“模板”的列表中选择一个模板文件，单击【创建】按钮，创建基于模板的新文档，如下图所示。 编辑完文档后，在菜单栏中选择【文件】→【保存】命令，保存所创建的文档。在文档窗口中按照模板中的设置建立一个新页面，并可向编辑区域内添加信息。 2、应用【资源】面板中的模板创建基于模板的网页 新建HTML文档，在菜单栏中选择【窗口】→【资源】命令，启用【资源】面板，如图所示。 在【资源】面板中，单击左侧的【模板】按钮，再从模板列表中选择相应的模板，最后单击面板下方的【应用】按钮，在文档中应用该模板，如图所示。 3、将模板应用于现有文档 当将模板应用到包含现有内容的文档时，Dreamweaver CS4会尝试将现有内容与模板中的区域进行匹配。步骤如下： （1）打开要应用的模板的文档。 （2）在菜单栏中选择【修改】→【模板】→【应用模板到页】命令，启用【选择模板】对话框。如下图所示。 （3）出现【选择模板】对话框后从列表中选择要套入模板的文档，并单击【选定】按钮，如图所示。 （4）为对话框中显示的每一项未解析内容选择好新区域后，单击【确定】按钮，将套用模板，得到一个新文档；或单击【取消】按钮，取消将模板应用到文档的操作。如图所示。 4、更新应用模板的文档 可以更新站点的所有页面，也可以只更新特定模板的页面。步骤如下： （1）在菜单栏中选择【修改】→ 【模板】→【更新页面】命令，如图所示。 （2）在【更新页面】对话框中，如图8-28所示，执行下列操作之一： 若要按相应模板更新所选站点中的所有文件，可选择“整个站点”，然后从相邻的弹出菜单中选择站点名称。 若要针对特定模板更新文件，请选择“文件使用”，然后从相邻的弹出菜单中选择模板名称。 5、把页面从模板中分离出来 如果要对应用了模板的页面的锁定区域进行修改，必须先把页面从模板中分离出来。一旦页面被分离出来，就可以象没有应用模板时一样，编辑页面。但当模板被更新时，该页面将不能被更新。从模板中分离页面的步骤如下： （1）打开要分离的页面文档。 （2）在菜单栏中选择【修改】→【模板】→【从模板中分离】命令，即可把页面从模板中分离出来，如下图所示。 $$