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