网页设计与制作 教学课件 王学军 第9章 使用库和模板.ppt

《网页设计与制作 教学课件 王学军 第9章 使用库和模板.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、同一个站点内的页面会有许多相同的风格或内容，如果每次都重新制作它们必然会浪费许多时间，也会给后期的维护带来麻烦。对于这个问题，Dreamweaver给出了解决方案，这就是库和模板。本章将介绍库和模板的基本知识以及使用库和模板制作网页的基本方法。第9章使用库和模板学习目标了解库和模板的概念。掌握创建和应用库项目的方法。掌握创建和应用模板的方法。9.1创建库新建库项目从已有的网页创建库项目9.1.1新建库项目创建库项目通常有两种方法，一种是使用【资源】面板，另一种是使用【新建文档】对话框。通过【资源】面板。选择【窗口】/【资源

2、】命令打开【资源】面板，单击（库）按钮切换至【库】分类，单击【资源】面板右下角的（新建）按钮，新建一个库项目，然后在列表框中输入库项目的名称，并按Enter键确认。9.1.1新建库项目通过菜单命令。选择【文件】/【新建】命令，打开【新建文档】对话框，然后选择【空白页】/【库项目】选项。9.1.2从已有的网页创建库项目库项目固然可以新建，但也可以将现有网页中的网页元素保存为库项目。方法是，在文档中选择要保存为库项目的对象，选择【修改】/【库】/【增加对象到库】命令，该对象即被添加到库项目列表中，库项目名为系统默认的名称，输入

3、新的库项目名称后按Enter键确认即可。如果希望库项目成为网页的一部分，可以在【属性】面板中单击【从源文件中分离】按钮，将库项目从源文件中分离即可。分离后，库项目与网页再没有联系。9.2创建模板新建模板文件添加模板对象将现有网页保存为模板9.2.1新建模板文件新建模板文件通常有以下3种方法。(1)通过【资源】面板：在【资源】面板中，单击（模板）按钮切换至【模板】分类，单击右下角的按钮，在“Untitled”处输入新的模板名称，并按Enter键确认即可。9.2.1新建模板文件(2)通过【新建文档】对话框：选择【文件】/【新建

4、】命令打开【新建文档】对话框，然后选择【空模板】/【HTML模板】/【无】选项，单击【创建】按钮打开一个空白文档窗口，添加模板对象后进行命名保存即可，此时在【资源】面板的【模板】分类中将增加此模板文件。9.2.1新建模板文件(3)在文档窗口中，单击【插入】/【常用】工具栏模板按钮组中的按钮，弹出【另存模板】对话框，将当前的文档保存为模板文件。9.2.2添加模板对象在模板中，比较常用的模板对象有可编辑区域、重复区域和重复表格。可编辑区域是指可以对其进行添加、修改和删除网页元素等操作的区域。选择【插入记录】/【模板对象】/【可

5、编辑区域】命令可以插入可编辑区域.可编辑区域在模板中由高亮显示的矩形边框围绕，该边框使用在首选参数中设置的高亮颜色。该区域左上角的选项卡显示该区域的名称。9.2.2添加模板对象二、重复区域重复区域是指可以在模板中复制任意次数的指定区域。选择【插入记录】/【模板对象】/【重复区域】命令，打开【新建重复区域】对话框，在【名称】文本框中输入重复区域名称并单击【确定】按钮，即可插入重复区域。重复区域不是可编辑区域，若要使重复区域中的内容可编辑，必须在重复区域内插入可编辑区域或重复表格。9.2.2添加模板对象三、重复表格重复表格是指

6、包含重复行的表格格式的可编辑区域，可以定义表格的属性并设置哪些单元格可编辑。选择【插入记录】/【模板对象】/【重复表格】命令，打开【插入重复表格】对话框，并进行参数设置，然后单击【确定】按钮，即可插入重复表格。9.2.3将现有网页保存为模板除了直接创建模板外，也可以将现有网页保存为模板。首先打开一个已有内容的网页文档，根据实际需要在网页中选择网页元素，并将其转换为适合的模板对象，然后选择【文件】/【另存为模板】命令将其保存为模板即可。9.3综合小实例──制作网页模板将本章素材文件“实例素材第9章综合小实例”文件夹下的内

7、容复制到站点根目录下，然后使用库和模板制作网页，模板如图所示。