网页设计与制作实用技术电子教案－齐建玲 CH12.PPTVIP

12.1 利用模板创建网页 * * 通过本章学习，应该掌握以下内容： 模板原理 创建、使用和管理模板的方法 利用模板更新网页 创建管理库项目 利用库更新网页 第12章 利用模板和库设计网页 Dreamweaver 模板是一种特殊类型的文档，也可以说是一种用来制作具有相同风格页面的“模子”，用户利用模板可以在短时间内设计大量风格相同或相近的页面。 12.1.1 模板原理 利用Dremweaver MX的模板技术可以创建具有相同页面布局的一系列文件，模板最大的好处还在于后期维护方便，可以快速的改变整个站点的布局和外观。 将现有的文档保存为模板的操作步骤： （1）在Dreamweaver MX中打开已有的网页。 （2）选择“文件”|“另存为模板”命令，打开“另存模板”对话框，如图所示。 （3）在“站点”下拉列表框中选择站点名称，在“另存为”文本框中输入模板名称。如果选择“现存的模板”列表中的模板，则可用新的模板覆盖已有的模板。 （4）单击“保存”按钮，就把当前页面保存为模板。 12.1.2 创建模板 1. 将现有的文档保存为模板 2. 通过“资源”面板创建新模板 （1）选择“窗口”|“资源”命令或按F11键，打开“资源”模板。 （2）单击左边的“模板”按钮，打开“资源”面板的模板类别。 （3）单击“资源”面板右下角的“新建模板”按钮，这时在模板列表框中添加了一个“无标题”的模板。 （4）输入模板名称，并保存模板，就创建了一个空白模板。 创建嵌套模板的方法如下： （1）创建一个基于模板的文档。 （2）选择“文件”|“另存为模板”命令，或单击插入“模板”面板上的“创建嵌套模板”按钮，打开“另存模板”对话框，将新文档另存为模板。 （3）在新模板中可编辑区域添加其他内容。 （4）保存该模板。 3. 创建嵌套模板 模板创建完成后，就要为模板定义可编辑区域，没有定义可编辑区域的模板是不能被使用的，因为它的所有部分都是锁定的。“可编辑区域”是指基于模板的页面中可以更改的内容，而基于模板的页面中不可更改的部分为“不可编辑区域”或“锁定区域”。 12.1.3 定义可编辑区域 定义可编辑区域有两种方法。一种是选择已有的一部分页面内容将它指定为可编辑区域，另一种是在当前光标处插入一个空的可编辑区域。(演示) 1. 定义可编辑区域 2. 删除可编辑区域 如果已经将模板文件的一个区域定义为可编辑区域，而现在想要再次锁定它，使其为不可编辑区域，可执行“删除模板标记”操作。 （1）在文档或标签选择器中，选择想要更改的可编辑区域。 （2）按Delect键，即可删除该可编辑区域；如果选择“修改”|“模板”|“删除模板标记”命令，可以删除可编辑区域的标记，但区域还保留。 创建基于模板新页面的方法是：选择“文件”|“新建”命令，打开“新建文档”对话框，选择“模板”标签，打开“从模板新建”对话框，在对话框中选择需要的模板，单击“创建”按钮即可。 12.1.4 应用模板 1. 创建基于模板新页面 示范演示 在很多时候，已经有了大量未使用模板的页面，现在想要将其转换为统一的外观，此时就可以利用将模板应用到现有文档的方法来统一这些页面的风格。 2. 将模板应用到现有文档 示范演示 12.1.5 管理模板 重新命名模板的方法如下： （1）打开“资源”面板的模板类别，选中要重命名的模板，在模板名称上再单击一次，即可激活其文本编辑状态；右击要重命名的模板，在打开的快捷菜单中选择“重命名”命令，同样可以激活其文本编辑状态。 （2）输入模板的新名称。 （3）单击模板名称区域外的任何位置，或按回车键，即可修改模板名称。 1. 重命名模板 2. 删除模板 在进行模板管理时，对于已经毫无用处的模板，应该及时删除。 3. 将文档与模板分离 如果要将文档与模板分离，可进行如下操作： （1）打开使用了模板的文档。 （2）选择“修改”|“模板”|“从模板中分离”命令，就可以将文档与模板分离。 12.2 利用模板更新网页 12.2.1 修改页面附着的模板 示范演示 12.2.2 更新附着模板的页面 示范演示 库是一种特殊的Dreamweaver文件，其中包含已创建的单独的网页“资源”或资源拷贝的集合。如果只是想让页面具有相同的标题和脚注，而又具有不同的页面布局，可使用库项目存储标题和脚注。库项目是可以在多个页面中重复使用的存储页面元