Dreamweaver CS3网页制作实用教程第9章 使用模板和库.ppt

教学重点与难点 中文版Dreamweaver CS3实用教程 第9章 使用模板和库 在进行批量网页制作的过程中，很多页面都会使用到相同的图片、文字或布局。为了避免不必要的重复操作，减少用户的工作量，可以使用Dreamweaver CS3提供的模板和库功能，将具有相同布局结构的页面制作成模板，将相同的元素制作为库项目，以便随时调用。本章将主要介绍在Dreamweaver 8中创建与编辑模板和库的方法。 设置文字样式 使用模板 定义模板的区域 使用模板创建文档 创建和编辑库项目 9.1 使用模板 在Dreamweaver CS3中有多种创建模板的方法，可以创建空白模板，也可以创建基于现存文档的模板，除此之外，还可以将现有的HTML文档另存为模板，然后根据需要加以修改。 创建模板 编辑模板 定义模板区域和设置模板参数 9.1.1 创建模板 模板也是一个HTML文档，只不过在HTML文档中增加了模板标记。在Dreamweaver CS3中，模板的扩展名为.dwt，并存放在本地站点的Templates文件夹中。模板文件夹只有在创建模板的时候才会由系统自动生成。 9.1.2 编辑模板 编辑模板，主要包括删除、修改、重命名模板等操作。选择“窗口”|“资源”命令，打开“资源”面板，单击“模板”按钮，在模板列表中会显示现有的模板。 9.1.3定义模板区域和设置模板参数  模板定义了文档的布局结构和大致框架，模板中创建的元素在基于模板的页面中通常是锁定区域，或称为非编辑区域，要编辑模板，必须在模板中定义可编辑区域。在使用模板创建文档时只能够改变可编辑区域中的内容，而锁定区域在文档编辑过程中始终保持不变。 9.2 使用模板创建文档 在Dreamweaver CS3中，可以以模板为基础创建新的文档，或将一个模板应用于已有的文档。 创建基于模板的文档 在现有文档上应用模板 从模板中分离文档 更新基于模板的页面 9.2.1 创建基于模板的文档 要创建基于模板的新文档，选择“文件”|“新建”命令，打开“新建文档”对话框，单击“模板中的页”选项，打开该选项对话框，如图所示。在“站点”列表框中选择模板所在的站点，在“站点的模板”列表框中选择所需创建文档的模板，单击“创建”按钮，即可在文档窗口中打开一个基于模板的新页面，在该页面中可以创建新的文档，如图所示。 “模板中的页”选项对话框 打开基于模板的新页面 9.2.2 在现有文档上应用模板 在Dreamweaver CS3中，可以在现有文档上应用已创建好的模板。要在现有文档上应用模板，首先在文档窗口中打开需要应用模板的文档，然后选择“窗口”|“资源”命令，打开“资源”面板，在模板列表中选中需要应用的模板，单击面板下方的“应用”按钮，此时会出现以下两种情况。 如果现有文档是从某个模板中派生出来的，则Dreamweaver CS3会对两个模板的可编辑区域进行比较，然后在应用新模板之后，将原先文档中的内容放入到匹配的可编辑区域中。 如果现有文档是一个尚未应用过模板的文档，将没有可编辑区域同模板进行比较，于是会出现不匹配情况，此时将打开“不一致的区域名称”对话框。这时可以选择删除或保留不匹配的内容，决定是否将文档应用于新模板。可以选择未解析的内容，然后在“将内容移到新区域”下拉列表框中选择要应用到的区域内容。 9.2.3 从模板中分离文档 用模板设计网页时，模板有很多的锁定区域(即不可编辑区域)。为了能够修改基于模板的页面中的锁定区域和可编辑区域内容，必须将页面从模板中分离出来。当页面被分离后，它将成为一个普通的文档，不再具有可编辑区域或锁定区域，也不再与任何模板相关联。因此，当文档模板被更新时，文档页面也不会随着被更新。 9.2.4 更新基于模板的页面 当改变文档模板时，系统会提示是否更新基于该模板的文档，同时也可以使用更新命令来更新当前页面或整个站点。 9.3 创建、管理和编辑库项目 库用来存放文档中的页面元素，如图像、文本、Flash动画等。这些页面元素通常被广泛使用于整个站点，并且能被重复使用或经常更新，因此它们被称为库项目。 创建库项目 管理和编辑库项目 9.3.1 创建库项目 在Dreamweaver CS3文档中，可以将任何元素创建为库项目，这些元素包括文本、图像、表格、表单、插件、ActiveX控件以及Java程序等。库项目文件的扩