使用模板和库课件.ppt

《使用模板和库课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第09章使用模板和库在进行批量网页制作的过程中，很多页面都会使用到相同的图片、文字或布局。为了避免不必要的重复操作，减少用户的工作量，可以使用DreamweaverCS4提供的模板和库功能，将具有相同布局结构的页面制作成模板，将相同的元素制作为库项目，以便随时调用。本章将主要介绍在DreamweaverCS4中创建与编辑模板和库的方法。本章知识点使用模板编辑模板使用模板创建网页文档使用库项目9.1使用模板在DreamweaverCS4中有多种创建模板的方法，可以创建空白模板，也可以创建基于现存文档的模板，除此之外

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

3、【资源】命令，打开【资源】面板，单击面板上

4、的【模板】按钮，在模板列表框中会显示现有的模板，如图所示。9.1.3定义模板区域模板定义了文档的布局结构和大致框架，模板中创建的元素在基于模板的页面中通常是锁定区域，或称为非编辑区域，要编辑模板，必须在模板中定义可编辑区域。在使用模板创建文档时只能够改变可编辑区域中的内容，而锁定区域在文档编辑过程中始终保持不变。9.1.4设置模板参数在DreamweaverCS4中，可以在【首选参数】对话框中设置模板的可编辑区域和锁定区域的边框颜色。选择【编辑】

5、【首选参数】命令，打开【首选参数】对话框，在【分类】列表框中选择【

6、标记色彩】选项，打开该选项对话框，如图所示。在【标记色彩】选项区域的【可编辑区域】和【锁定的区域】文本框中可以输入边框的颜色值或者单击【颜色】按钮，选择颜色。9.2使用模板创建网页文档在DreamweaverCS4中，可以以模板为基础创建新的文档，或将一个模板应用于已有的文档。使用这样方法创建网页文档，可以保持整个网站风格的统一性，并且可以大大提高制作效率。在实际情况下，我们浏览的大多数网页，特别是一些新闻网页等，都是通过建立一个模板，以该模板为基础，然后进行编辑修改的。创建基于模板的文档应用现有模板文档分离文档

7、更新模板页面9.2.1创建基于模板的文档要创建基于模板的新文档，选择【文件】

8、【新建】命令，打开【新建文档】对话框。在左侧的列表框中选择【模板中的页】选项，在【站点】列表框中选择模板所在的站点，在【站点的模板】列表框中选择所需创建文档的模板，单击【创建】按钮，即可在文档窗口中打开一个基于模板的新页面，在该页面中可以创建新的文档。9.2.2应用现有模板文档在DreamweaverCS4中，可以在现有文档上应用已创建好的模板。要在现有文档上应用模板，首先在文档窗口中打开需要应用模板的文档，然后选择【窗口】

9、【资源】命

10、令，打开【资源】面板，在模板列表中选中需要应用的模板，单击面板下方的【应用】按钮，此时会出现以下两种情况。9.2.3分离文档用模板设计网页时，模板有很多的锁定区域(即不可编辑区域)。为了能够修改基于模板的页面中的锁定区域和可编辑区域内容，必须将页面从模板中分离出来。当页面被分离后，它将成为一个普通的文档，不再具有可编辑区域或锁定区域，也不再与任何模板相关联。因此，当文档模板被更新时，文档页面也不会随之更新。9.2.4更新模板页面当改变网页文档模板时，系统会提示是否更新基于该模板的文档，同时也可以使用更新命令来更新

11、当前页面或整个站点。9.3使用库项目库用来存放文档中的页面元素，如图像、文本、Flash动画等。这些页面元素通常被广泛使用于整个站点，并且能被重复使用或经常更新，因此它们被称为库项目。库项目基础知识创建库项目编辑库项目9.3.1库项目基础知识库是一种特殊的文件，它包含可添加到网页文档中的一组单个资源或资源副本。库中的这些资源称为库项目。库项目可以是图像、表格、声音或SWF文件等。当编辑某个库项目时，可以自动更新应用该库项目的所有网页文档。在DreamweaverCS4中，库项目存储在每个站点的本地根文件夹下的Li

12、brary文件夹中。可以从网页文档中的选中任意元素来创建库项目。对于链接项，库只存储对该项的引用。原始文件必须保留在指定的位置，这样才能使库项目正确工作。但要注意的是，如果库项目中包含链接，则链接可能无法在新站点中工作，并且库项目中的图像也不会被复制到新站点中。9.3.2创建库项目在DreamweaverCS4文档中，可以将网页文档中的任何元素创建为库项目，这些元素包括文