《中文版Dreamweaver CS3网页制作实用教程》课件第9章_.ppt

第9章使用模板和库
在进行批量网页制作的过程中,很多页面都会使用到相同的图片、文字或布局。为了避免不必要的重复操作,减少用户的工作量,可以使用Dreamweaver CS3提供的模板和库功能,将具有相同布局结构的页面制作成模板,将相同的元素制作为库项目,以便随时调用。本章将主要介绍在Dreamweaver 8中创建与编辑模板和库的方法。
教学重点与难点
设置文字样式
使用模板
定义模板的区域
使用模板创建文档
创建和编辑库项目
使用模板
在Dreamweaver CS3中有多种创建模板的方法,可以创建空白模板,也可以创建基于现存文档的模板,除此之外,还可以将现有的HTML文档另存为模板,然后根据需要加以修改。
创建模板
编辑模板
定义模板区域和设置模板参数
创建模板
模板也是一个HTML文档,只不过在HTML文档中增加了模板标记。在Dreamweaver CS3中,,并存放在本地站点的Templates文件夹中。模板文件夹只有在创建模板的时候才会由系统自动生成。
编辑模板
编辑模板,主要包括删除、修改、重命名模板等操作。选择“窗口”|“资源”命令,打开“资源”面板,单击“模板”按钮,在模板列表中会显示现有的模板。

模板定义了文档的布局结构和大致框架,模板中创建的元素在基于模板的页面中通常是锁定区域,或称为非编辑区域,要编辑模板,必须在模板中定义可编辑区域。在使用模板创建文档时只能够改变可编辑区域中的内容,而锁定区域在文档编辑过程中始终保持不变。
使用模板创建文档
在Dreamweaver CS3中,可以以模板为基础创建新的文档,或将一个模板应用于已有的文档。

创建基于模板的文档
在现有文档上应用模板
从模板中分离文档
更新基于模板的页面
创建基于模板的文档
要创建基于模板的新文档,选择“文件”|“新建”命令,打开“新建文档”对话框,单击“模板中的页”选项,打开该选项对话框,如图所示。在“站点”列表框中选择模板所在的站点,在“站点的模板”列表框中选择所需创建文档的模板,单击“创建”按钮,即可在文档窗口中打开一个基于模板的新页面,在该页面中可以创建新的文档,如图所示。
“模板中的页”选项对话框打开基于模板的新页面
在现有文档上应用模板
在Dreamweaver CS3中,可以在现有文档上应用已创建好的模板。要在现有文档上应用模板,首先在文档窗口中打开需要应用模板的文档,然后选择“窗口”|“资源”命令,打开“资源”面板,在模板列表中选中需要应用的模板,单击面板下方的“应用”按钮,此时会出现以下两种情况。
如果现有文档是从某个模板中派生出来的,则Dreamweaver CS3会对两个模板的可编辑区域进行比较,然后在应用新模板之后,将原先文档中的内容放入到匹配的可编辑区域中。
如果现有文档是一个尚未应用过模板的文档,将没有可编辑区域同模板进行比较,于是会出现不匹配情况,此时将打开“不一致的区域名称”对话框。这时可以选择删除或保留不匹配的内容,决定是否将文档应用于新模板。可以选择未解析的内容,然后在“将内容移到新区域”下拉列表框中选择要应用到的区域内容。
从模板中分离文档
用模板设计网页时,模板有很多的锁定区域(即不可编辑区域)。为了能够修改基于模板的页面中的锁定区域和可编辑区域内容,必须将页面从模板中分离出来。当页面被分离后,它将成为一个普通的文档,不再具有可编辑区域或锁定区域,也不再与任何模板相关联。因此,当文档模板被更新时,文档页面也不会随着被更新。