《网页设计与制作实用技术（第二版）》第13章利用模板和库设计网页.PPT

通过本章学习，应该掌握以下内容： 模板原理 创建、使用和管理模板的方法 利用模板更新网页 创建管理库项目 利用库更新网页 第13章 利用模板和库设计网页 13.1 利用模板创建网页 Dreamweaver 模板是一种特殊类型的文档，也可以说是一种用来制作具有相同风格页面的“模子”，用户利用模板可以在短时间内设计大量风格相同或相近的页面。 13.1.1 模板原理 利用Dreamweaver CS5的模板技术可以创建具有相同页面布局的一系列文件，模板最大的好处还在于后期维护方便，可以快速的改变整个站点的布局和外观。 将现有的文档保存为模板的操作步骤： （1）在Dreamweaver CS5中打开已有的网页。 （2）选择“文件”→“另存为模板”命令，打开“另存模板”对话框，如图所示。 （3）在“站点”下拉列表框中选择站点名称，在“另存为”文本框中输入模板名称。如果选择“现存的模板”列表中的模板，则可用新的模板覆盖已有的模板。 （4）单击“保存”按钮，就把当前页面保存为模板。 13.1.2 创建模板 1. 将现有的文档保存为模板 2. 通过“资源”面板创建新模板 （1）选择“窗口”→“资源”命令或按F11键，打开“资源”模板。 （2）单击左边的“模板”按钮，打开“资源”面板的“模板” 类别。 （3）单击“资源”面板右下角的“新建模板”按钮，这时在模板列表框中添加了一个“无标题”的模板。 （4）输入模板名称，并保存模板，就创建了一个空白模板。 创建嵌套模板的方法如下： （1）创建一个基于模板的文档。 （2）选择“文件”→“另存为模板”命令，或单击插入“模板”面板上的“创建嵌套模板”按钮，打开“另存模板”对话框，将新文档另存为模板。 （3）在新模板中可编辑区域添加其他内容。 （4）保存该模板。 3. 创建嵌套模板 模板创建完成后，就要为模板定义可编辑区域，没有定义可编辑区域的模板是不能被使用的，因为它的所有部分都是锁定的。“可编辑区域”是指基于模板的页面中可以更改的内容，而基于模板的页面中不可更改的部分为“不可编辑区域”或“锁定区域”。 13.1.3 在模板中可编辑区域 定义可编辑区域有两种方法。一种是选择已有的一部分页面内容将它指定为可编辑区域，另一种是在当前光标处插入一个空的可编辑区域。(演示) 1. 插入可编辑区域 2. 删除可编辑区域 如果已经将模板文件的一个区域定义为可编辑区域，而现在想要再次锁定它，使其为不可编辑区域，可执行“删除模板标记”操作。 （1）在文档或标签选择器中，选择想要更改的可编辑区域。 （2）按Delect键，即可删除该可编辑区域；如果选择“修改”→“模板”→“删除模板标记”命令，可以删除可编辑区域的标记，但区域还保留。 重复区域是模板的一部分，这一部分可以在基于模板的页面中重制多次。重复区域通常与表格一起使用，也可以为其它页面元素定义重复区域。 13.1.4 在模板中创建重复区域 在模板中创建重复区域的方法如下： （1）确定创建重复区域的位置： （2）打开“新建重复区域”对话框。 （3）在“名称”框中为该模板区域输入唯一的名称。 （4）单击“确定”按钮。 1. 创建重复区域 2. 创建重复表格 使用重复表格可以创建包含重复行的表格格式的可编辑区域，还可以定义表格属性并设置哪些单元格可编辑。 在模板中创建重复表格的方法如下： （1）在“文档”窗口中，将插入点放在文档中想要插入重复表格的位置。 （2）打开 “插入重复表格”对话框。 （3）指定各个选项，然后单击“确定”按钮。 可选区域用于设置基于模板的文档为显示或隐藏。 13.1.5 在模板中使用可选区域 在模板中插入不可编辑的可选区域的方法如下： （1）在“文档”窗口中，选择要设置为可选区域的元素。 （2）打开“新建可选区域”对话框。 （3）输入可选区域的名称；如果要设置可选区域的值，单击“高级”选项卡；然后单击“确定”按钮。 1. 插入不可编辑的可选区域 2.插入可编辑的可选区域 在模板中插入不可编辑的可选区域的方法如下： （1）在“文档”窗口中，选择要设置为可选区域的元素。 （2）选择“插入”→“模板对象”→“可编辑的可选区域”命令。或在“插入”面板的“常用”类别中，单击“模板”按钮，然后从弹出菜单中选择“可编辑的可选区域”。打开“新建可选区域”对话框。 （3）输入可选区域的名称；如果要设置可选区域的值，单击“高级”选项卡；然后单击“确定”按钮。 。 13.1.6 在模板中指定可编辑标签属