Dreamweaver-CS5网页制作高级案例教程项目八

项目八创建“宝宝成长日记”个人网站——应用模板和库一、学习目标二、理论指导三、任务实践一、学习目标掌握创建、编辑、应用和管理模板的基本方法。了解什么是库项目，掌握创建、应用和编辑库项目的方法。二、理论指导（一）模板1．创建模板在Dreamweaver中创建模板文档的方法有两种。一种是新建空白模板文档，然后像制作普通网页一样设置模板内容；还有一种是将已经制作好的普通网页转换为模板。（1）新建空白模板文档在Dreamweaver中模板文档的扩展名为“dwt”。当用户创建并保存空白模板文档后，就可以像编辑普通网页一样编辑模板文档了。（2）将现有网页转换成模板我们可以将网站中已经存在的某一个网页另存为模板，然后再利用该模板制作网站中与其结构相同的其他网页。2．编辑模板（1）创建可编辑区域一般情况下，模板可分为两部分，一部分是在基于模板创建的文档中不能编辑的区域，称为不可编辑区域；另外一部分是在基于模板创建的文档中可以编辑的区域，称为可编辑区域。要使模板有效，至少要在其中包含一个可编辑区域。（2）更改可编辑区域名称单击可编辑区域左上角的标签名称将其选中，可看到属性检查器上的“名称”编辑框中显示了该可编辑区域的名称。选中“名称”编辑框中的可编辑区域名称，将其删除后重新输入新名称，可更改可编辑区域名称。（3）删除可编辑区域标记如果已经将模板中的一个区域标记为可编辑，而现在想要再次锁定它（使其在基于模板创建的文档中不可编辑），可在选中可编辑区域后，选择“修改”“模板”“删除模板标记”菜单。3．应用模板（1）使用“新建文档”对话框使用“新建文档”对话框创建基于模板的网页与创建普通网页的方法差不多。（2）使用“资源”面板“资源”面板主要用于对网站中的资源进行分类管理，这些资源包括图像、颜色、链接地址、动画、库和模板等。由于“资源”面板中显示的是当前站点中的资源，所以在使用“资源”面板前，需要先将当前站点设置为目标站点。4．管理模板（1）更新模板创建模板并应用其创建网页后，如果对模板中的某些部分不满意，可将其修改。在修改完毕并保存时，Dreamweaver会弹出“更新模板文件”对话框，提示是否更新站点中基于该模板创建的网页文档，单击“更新”按钮可更新通过该模板创建的所有网页，单击“不更新”按钮，则只保存模板而不更新基于该模板创建的网页。（2）删除模板如果不再需要某个模板，可将其删除。在“资源”面板中选中不再需要的模板文件，按【Delete】键将会弹出提示框。如果确认删除，单击“是”按钮；如果不想删除，则单击“否”按钮。（3）分离模板如果用户需要对网页中的不可编辑区域进行编辑，可以直接将网页文档与模板分离。分离后的文档就变成了普通的网页文档，可以像编辑普通网页文档一样对其进行编辑操作，但更新原模板文档后，分离后的文档无法再自动更新。打开使用模板创建的网页，选择“修改”“模板”“从模板中分离”菜单，即可使网页脱离模板。（二）库项目1．认识库项目库项目是一种特殊类型的Dreamweaver文件，我们可以将当前网页中的任意页面元素定义为库项目，如图像、表格、文本、声音和Flash影片等。2．创建库项目库项目的创建方法非常简单。首先选中对象，然后选择“修改”“库”“增加对象到库”菜单，即可将所选对象创建为库项目。需要注意的是，在创建“库”项目前必须保证“文件”面板中显示的是目标站点，也就是“库”项目要保存的站点。3．应用库项目库项目的应用方法非常简单，只需从“资源”面板的库窗格中将其拖入到文档的适当位置即可。此外，也可在定位插入点后，选中库中的项目并单击“资源”面板底部的“插入”按钮，将库项目插入到文档中。对于普通对象，我们在单击选中该对象后，对象四周会出现一组控制点。但是，如果单击库项目，该对象将变成半透明。可以据此判定该对象是否是库项目。4．编辑库项目要编辑库项目，可在“资源”面板中双击库项目，Dreamweaver会在文档编辑窗口中打开该库项目。三、任务实践任务一创建网站模板本任务将以“宝宝成长日记”站点为例，通过为其设置模板，来进一步学习模板的创建（具体操作见视频8-1）。任务二应用模板制作网页本任务在任务一中创建的模板基础上创建一个新网页，来进一步学习模板的应用（具体操作见视频8-2）。任务三创建库项目本任务仍然以“宝宝成长日记”站点为例，通过将其中常用的几个版块设置为库项目，来进一步学习库项目的创建（具体操作见视频8-3）。任务四应用库项目制作网页本任务将在“宝宝成长日记”站点中新建网页，并将任务三中定义的库项目应用于网页，以进一步学习库项目的应用（具体操作见视频8-4）。