Dreamweaver CS5网页制作项目八.pptVIP

项目八 应用模板和库 任务一 创建和编辑模板 任务二 应用和管理模板 任务三 创建库项目 任务四 应用和编辑库项目 任务一 创建和编辑模板 任务说明 预备知识 一、创建模板 1．新建空白模板文档 2．将现有网页转换成模板 二、编辑模板 1．创建可编辑区域 2．更改可编辑区域名称 3．删除可编辑区域标记 任务实施——创建“宝宝成长日记”网站模板 任务二 应用和管理模板 任务说明 预备知识 一、应用模板 1．使用“新建文档”对话框 2．使用“资源”面板 二、管理模板 1．更新模板 2．删除模板 3．分离模板 任务实施——应用“宝宝成长日记”网站模板创建网页 任务三 创建库项目 任务说明 预备知识 一、认识库项目 二、创建库项目 任务实施——在“欧妮雅”网站中创建库项目 任务四 应用和编辑库项目 任务说明 预备知识 一、应用库项目 二、编辑库项目 任务实施——应用“欧妮雅”库项目创建网页 * * 使用模板可以高效率地制作同一网站中结构相同的网页。本任务主要学习创建和编辑模板的基本操作。 在Dreamweaver中创建模板文档的方法有两种。一种是新建空白模板文档，然后像制作普通网页一样设置模板内容；还有一种是将已经制作好的普通网页转换为模板。本节以“梦幻花园”网站为例，详细介绍创建模板文档的两种方法。 在Dreamweaver中模板文档的扩展名为“dwt”。当用户创建并保存空白模板文档后，就可以像编辑普通网页一样编辑模板文档了。 可以将网站中已经存在的某个网页另存为模板，然后再利用该模板制作网站中与其结构相同的其他网页。 一般情况下，模板可分为两部分，一部分是在基于模板创建的文档中不能编辑的区域，称为不可编辑区域；另外一部分是在基于模板创建的文档中可以编辑的区域，称为可编辑区域。要使模板有效，至少要在其中包含一个可编辑区域。 用户在创建可编辑区域后，还可以非常方便地更改可编辑区域名称。 单击可编辑区域左上角的标签名称将其选中，可看到属性检查器上的“名称”编辑框中显示了该可编辑区域的名称。选中“名称”编辑框中的可编辑区域名称，将其删除后重新输入新名称，可更改可编辑区域名称。 如果已经将模板中的一个区域标记为可编辑，而现在想要再次锁定它（使其在基于模板创建的文档中不可编辑），可在选中可编辑区域后，选择“修改”“模板”“删除模板标记”菜单。 在学习了模板的创建与编辑后，下面通过在“宝宝成长日记”网站中创建一个模板，来进一步学习和巩固模板的创建与编辑（具体操作见视频8-1）。 用户可基于模板创建文档，从而使创建的文档继承模板的页面布局。基于模板创建的文档与模板保持链接关系（除非以后分离该文档），修改模板后，所有基于该模板创建的文档都可以自动更新。下面就来学习应用和管理模板的基本操作。 创建模板并设置好可编辑区域后，就可以在该模板的基础上创建网页文档了。应用模板创建网页文档的方法有两种，一种是使用“新建文档”对话框，另外一种是使用“资源”面板，下面分别介绍。 使用“新建文档”对话框创建基于模板的网页与创建普通网页的方法差不多。 “资源”面板主要用于对网站中的资源进行分类管理，这些资源包括图像、颜色、链接地址、动画、库和模板等。由于“资源”面板中显示的是当前站点中的资源，所以在使用“资源”面板前，需要先将当前站点设置为目标站点。 创建模板并应用其创建网页后，如果对模板中的某些部分不满意，可将其打开并修改。在修改完毕并保存时，Dreamweaver会弹出“更新模板文件”对话框，提示是否更新站点中基于该模板创建的网页文档，单击“更新”按钮可更新通过该模板创建的所有网页，单击“不更新”按钮，则只保存模板而不更新基于该模板创建的网页。 如果不再需要某个模板，可将其删除。在“资源”面板中选中不再需要的模板文件，按【Delete】键将会弹出提示框。如果确认删除，单击“是”按钮；如果不想删除，则单击“否”按钮。 如果用户需要对网页中的不可编辑区域进行编辑，可以直接将网页文档与模板分离。分离后的文档就变成了普通的网页文档，可以像编辑普通网页文档一样对其进行编辑操作，但更新原模板文档后，分离后的文档无法再自动更新。 打开使用模板创建的网页，选择“修改”“模板”“从模板中分离”菜单，即可使网页脱离模板。 在学习了模板的应用和管理后，下面使用任务一中创建的模板来制作一个网页，以进一步学习模板的应用（具体操作见视频8-2）。 使用库项目可以将网页中的常用页面元素保存起来，然后在多个网页中重复使用。本任务主要学习创建库项目的基本操作。 库项目是一种特殊类型的Dreamweaver文件，我们可以将当前网页中的任意页面元素定义为库项目，如图像、表格、文本、声音和Flash影片等。 库项目的创建方法非常简单。首先选中对象，然后选择“修改”“库”“增加对象到库”