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

《《中文版Dreamweaver CS3网页制作实用教程》课件第9章》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、第9章使用模板和库在进行批量网页制作的过程中，很多页面都会使用到相同的图片、文字或布局。为了避免不必要的重复操作，减少用户的工作量，可以使用DreamweaverCS3提供的模板和库功能，将具有相同布局结构的页面制作成模板，将相同的元素制作为库项目，以便随时调用。本章将主要介绍在Dreamweaver8中创建与编辑模板和库的方法。教学重点与难点设置文字样式使用模板定义模板的区域使用模板创建文档创建和编辑库项目9.1使用模板在DreamweaverCS3中有多种创建模板的方法，可以创建空白模板，也可以创

2、建基于现存文档的模板，除此之外，还可以将现有的HTML文档另存为模板，然后根据需要加以修改。创建模板编辑模板定义模板区域和设置模板参数9.1.1创建模板模板也是一个HTML文档，只不过在HTML文档中增加了模板标记。在DreamweaverCS3中，模板的扩展名为.dwt，并存放在本地站点的Templates文件夹中。模板文件夹只有在创建模板的时候才会由系统自动生成。9.1.2编辑模板编辑模板，主要包括删除、修改、重命名模板等操作。选择“窗口”

3、“资源”命令，打开“资源”面板，单击“模板”按钮，在模板

4、列表中会显示现有的模板。9.1.3定义模板区域和设置模板参数模板定义了文档的布局结构和大致框架，模板中创建的元素在基于模板的页面中通常是锁定区域，或称为非编辑区域，要编辑模板，必须在模板中定义可编辑区域。在使用模板创建文档时只能够改变可编辑区域中的内容，而锁定区域在文档编辑过程中始终保持不变。9.2使用模板创建文档在DreamweaverCS3中，可以以模板为基础创建新的文档，或将一个模板应用于已有的文档。创建基于模板的文档在现有文档上应用模板从模板中分离文档更新基于模板的页面9.2.1创建基于模板的

5、文档要创建基于模板的新文档，选择“文件”

6、“新建”命令，打开“新建文档”对话框，单击“模板中的页”选项，打开该选项对话框，如图所示。在“站点”列表框中选择模板所在的站点，在“站点的模板”列表框中选择所需创建文档的模板，单击“创建”按钮，即可在文档窗口中打开一个基于模板的新页面，在该页面中可以创建新的文档，如图所示。“模板中的页”选项对话框打开基于模板的新页面9.2.2在现有文档上应用模板在DreamweaverCS3中，可以在现有文档上应用已创建好的模板。要在现有文档上应用模板，首先在文档窗口中打开需

7、要应用模板的文档，然后选择“窗口”

8、“资源”命令，打开“资源”面板，在模板列表中选中需要应用的模板，单击面板下方的“应用”按钮，此时会出现以下两种情况。如果现有文档是从某个模板中派生出来的，则DreamweaverCS3会对两个模板的可编辑区域进行比较，然后在应用新模板之后，将原先文档中的内容放入到匹配的可编辑区域中。如果现有文档是一个尚未应用过模板的文档，将没有可编辑区域同模板进行比较，于是会出现不匹配情况，此时将打开“不一致的区域名称”对话框。这时可以选择删除或保留不匹配的内容，决定是否将文档应用

9、于新模板。可以选择未解析的内容，然后在“将内容移到新区域”下拉列表框中选择要应用到的区域内容。9.2.3从模板中分离文档用模板设计网页时，模板有很多的锁定区域(即不可编辑区域)。为了能够修改基于模板的页面中的锁定区域和可编辑区域内容，必须将页面从模板中分离出来。当页面被分离后，它将成为一个普通的文档，不再具有可编辑区域或锁定区域，也不再与任何模板相关联。因此，当文档模板被更新时，文档页面也不会随着被更新。9.2.4更新基于模板的页面当改变文档模板时，系统会提示是否更新基于该模板的文档，同时也可以使用更

10、新命令来更新当前页面或整个站点。9.3创建、管理和编辑库项目库用来存放文档中的页面元素，如图像、文本、Flash动画等。这些页面元素通常被广泛使用于整个站点，并且能被重复使用或经常更新，因此它们被称为库项目。创建库项目管理和编辑库项目9.3.1创建库项目在DreamweaverCS3文档中，可以将任何元素创建为库项目，这些元素包括文本、图像、表格、表单、插件、ActiveX控件以及Java程序等。库项目文件的扩展名为.lbi，所有的库项目都被保存在一个文件中，且库文件的默认设置文件夹为“站点文件夹L

11、ibrary”。9.3.2编辑多行文字在DreamweaverCS3中，可以方便地管理和编辑库项目。在“资源”面板中选择已建好的库项目后，可以直接将其插入到任何新建的网页文档中。