网页制作基础教程 第2版 教学课件 作者 邓振杰 第12章.pptVIP

第12章 利用模板和库设计网页;12.1 利用模板创建网页;12.1.2 创建模板;2．通过“资源”面板创建新模板 （1）选择“窗口”→“资源”命令或按F11键，打开“资源”模板。 （2）单击左边的“模板”按钮 ，打开“资源”面板的模板类别。面板的上方是模板的预览效果，下方是模板文件列表。 （3）单击“资源”面板上右下角的“新建模板”按钮 ，这时在模板列表框中添加了一个“无标题”的模板。 （4）输入模板名称，并保存模板，就创建了一个空白模板。 单击“资源”面板右下角的“编辑”按钮 ，就可在“文档”窗口中打开该模板文档。;3．创建嵌套模板 创建嵌套模板的方法如下。 （1）执行下列操作之一，创建一个基于模板的文档。 ● 用鼠标右键单击“资源”面板的模板类别上想要使用的模板，从弹出的快捷菜单中选择“从模板新建”命令。 ● 选择“文件”??“新建”命令，在“新建文档”对话框中，单击“模板中的页”选项卡，选择包含使用模板的站点，然后在文档列表中双击该模板来创建新文档。 （2）选择“文件”→“另存为模板”命令，或在“插入”面板的“常用”类别中选择“模板”，然后单击“创建嵌套模板”按钮 ，打开“另存模板”对话框，将新文档另存为模板。 （3）在新模板中可编辑区域添加其他内容。 （4）保存该模板。;12.1.3 定义可编辑区域;（3）在“名称”文本框中输入该区域名称，注意不能对特定模板中的多个可编辑区域使用相同的名称，也不要在“名称”域中使用特殊字符。 （4）单击“确定”按钮。可编辑区域在模板中由高亮显示的矩形边框围绕，该区域左上角的选项卡显示该区域的名称。;2．删除可编辑区域 如果已经将模板文件的一个区域定义为可编辑区域，而现在想要再次锁定它，使其为不可编辑区域，可执行“删除模板标记”操作。 （1）在文档或标签选择器中，选择想要更改的可编辑区域。 （2）按Delete键，即可删除该可编辑区域。如果选择“修改”→“模板”→“删除模板标记”命令，可以删除可编辑区域的标记，但区域还保留。;12.1.4 使用模板;2．将模板应用到现有文档 （1）选择“文件”→“打开”命令，打开想要应用模板的文档。 （2）执行下列操作之一。 ● 在“文档”窗口中单击，然后选择“修改”→“模板”→“应用模板到页”菜单命令，“选择模板”对话框。选择所需站点，并从“模板”列表中选择一个模板并单击“选择”按钮。 ● 在“资源”面板的“模板”类别中选择模板，然后单击面板底部的“应用”按钮。 ● 将模板从“资源”面板的“模板”类别中拖曳到“文档”窗口的设计视图。;（3）如果文档中有不能自动指定到模板区域的内容，则会出现“不一致的区域名称”对话框，如图所示。对话框中列出了可以应用到模板中的所有可编辑区域，可以通过这些可编辑区域来为内容选择目标。;（4）单击“取消”按钮，可以取消将模板应用到文档的操作，然后再添加与新模板文件中的区域同名的新区域。 在“不一致的区域”对话框中选择未解析的区域。在“将内容移到新区域”弹出式菜单中，选择新模板中的区域，或者选择“不在任何地方”，将该内容从文档中删除。;12.1.5 管理模板;2．删除模板 在进行模板管理时，对于已经毫无用处的模板，应该及时删除。删除模板的操作如下。 （1）打开“资源”面板的模板类别，选中要删除的模板。 （2）执行下列操作之一。 ? 按Delete键。 ? 直接单击“资源”面板右下角的“删除”按钮 。 ? 用鼠标右键单击该模板，从弹出的快捷菜单中选择“删除”命令。 （3）这时会打开一个询问对话框，提示是否删除模板，单击“是”按钮，即可删除模板。;12.2 利用模板更新网页;12.2.2 更新附着模板的页面 修改完模板后，就可以完成附着模板的文档的更新工作，步骤如下。 （1）打开附着模板的页面，选择“修改”→“模板”→“更新页面”菜单命令，打开“更新页面”对话框。 （2）在“更新”选项中选定“模板”。 （3）在“查看”弹出式菜单中执行下列操作之一。 ? 选择“整个站点”，然后从相邻的弹出式菜单中选择站点名称，将所选站点中的所有页面更新到相应的模板 ? 选择“文件使用”，然后从相邻的弹出式菜单中选择模板名称，将更新当前站点中使用所选模板的所有页面;（4）单击“开始”按钮。 （5）如果选择了“显示记录”选项，Dreamweaver CS3将提供关于更新页面文件的信息，在“显示记录”栏显示完成情况，在“状态”栏中显示详细的更新结果。如果不选择“显示记录”复选框，更新页面结束后，只显示完成情况。;12.3 利用库项目维护网页;2．创建库项目 将文档中的部分元素创建为库项目的方法如下。 （1）打开要创建库项目的网页文档，从中选择需要保存为库项目的内容。 （2）执行如下操作之一。 ? 选择“窗口”→“资源”