网页设计使用库和模板

1、同一个站点内的页面会有许多相同的风格或内同一个站点内的页面会有许多相同的风格或内容，如果每次都重新制作它们必然会浪费许多时间，容，如果每次都重新制作它们必然会浪费许多时间，也会给后期的维护带来麻烦。对于这个问题，也会给后期的维护带来麻烦。对于这个问题，DreamweaverDreamweaver给出了解决方案，这就是库和模板。本给出了解决方案，这就是库和模板。本章将介绍库和模板的基本知识以及使用库和模板制章将介绍库和模板的基本知识以及使用库和模板制作网页的基本方法。作网页的基本方法。第第9 9章章 使用库和模板使用库和模板学习目标了解库和模板的概念。了解库和模板的概念。掌握创建和应用库项目的方

2、法。掌握创建和应用库项目的方法。掌握创建和应用模板的方法。掌握创建和应用模板的方法。9.1 创建库新建库项目新建库项目从已有的网页创建库项目从已有的网页创建库项目9.1.1 新建库项目创建库项目通常有两种方法，一种是使用【资源】面板，另一种创建库项目通常有两种方法，一种是使用【资源】面板，另一种是使用【新建文档】对话框。是使用【新建文档】对话框。通过【资源】面板。选择【窗口】通过【资源】面板。选择【窗口】/ /【资源】命令打开【资【资源】命令打开【资源】面板，单击源】面板，单击 （库）按钮切换至【库】分类，单击【资（库）按钮切换至【库】分类，单击【资源】面板右下角的源】面板右下角的 （新建）按

3、钮，新建一个库项目，然后（新建）按钮，新建一个库项目，然后在列表框中输入库项目的名称，并按在列表框中输入库项目的名称，并按EnterEnter键确认。键确认。9.1.1 新建库项目通过菜单命令。选择【文件】通过菜单命令。选择【文件】/ /【新建】命令，【新建】命令，打开【新建文档】对话框，然后选择【空白页】打开【新建文档】对话框，然后选择【空白页】/ /【库项目】选项。【库项目】选项。9.1.2 从已有的网页创建库项目库项目固然可以新建，但也可以将现有网页中的网页元素保存为库库项目固然可以新建，但也可以将现有网页中的网页元素保存为库项目。方法是，在文档中选择要保存为库项目的对象，选择【修改】项

4、目。方法是，在文档中选择要保存为库项目的对象，选择【修改】/ /【库】【库】/ /【增加对象到库】命令，该对象即被添加到库项目列表中，库项【增加对象到库】命令，该对象即被添加到库项目列表中，库项目名为系统默认的名称，输入新的库项目名称后按目名为系统默认的名称，输入新的库项目名称后按EnterEnter键确认即可。键确认即可。如果希望库项目成为网页的一部分，可以在【属性】面板中单击如果希望库项目成为网页的一部分，可以在【属性】面板中单击【从源文件中分离】按钮，将库项目从源文件中分离即可。分离后，库【从源文件中分离】按钮，将库项目从源文件中分离即可。分离后，库项目与网页再没有联系。项目与网页再没有

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

6、建】命【新建】命令打开【新建文档】对话框，然后选择【空模板】令打开【新建文档】对话框，然后选择【空模板】/【HTML模板】模板】/【无】选项，单击【创建】按钮打开一个空白文档窗【无】选项，单击【创建】按钮打开一个空白文档窗口，添加模板对象后进行命名保存即可，此时在【资源】面口，添加模板对象后进行命名保存即可，此时在【资源】面板的【模板】分类中将增加此模板文件。板的【模板】分类中将增加此模板文件。9.2.1新建模板文件(3) 在文档窗口中，单击【插入】在文档窗口中，单击【插入】/【常用】工具栏模板按【常用】工具栏模板按钮组中的钮组中的 按钮，弹出【另存模板】对话框，将当前的文按钮，弹出【另存模板

7、】对话框，将当前的文档保存为模板文件。档保存为模板文件。9.2.2添加模板对象在模板中，比较常用的模板对象有可编辑区域、重复区在模板中，比较常用的模板对象有可编辑区域、重复区域和重复表格。域和重复表格。可编辑区域是指可以对其进行添加、修改和删除网页元可编辑区域是指可以对其进行添加、修改和删除网页元素等操作的区域。素等操作的区域。选择【插入记录选择【插入记录】/【模板对象【模板对象】/【可编可编辑区域辑区域】命令可以插入可编辑区域】命令可以插入可编辑区域. 可编辑区域在模板中由高亮显示的矩形边框围绕，该边可编辑区域在模板中由高亮显示的矩形边框围绕，该边框使用在首选参数中设置的高亮颜色。该区域左上

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

9、的内容可编辑，必须在重复区域内插入可编辑若要使重复区域中的内容可编辑，必须在重复区域内插入可编辑区域或重复表格。区域或重复表格。9.2.2添加模板对象三、重复表格三、重复表格重复表格是指包含重复行的表格格式的可编辑区域，可以定重复表格是指包含重复行的表格格式的可编辑区域，可以定义表格的属性并设置哪些单元格可编辑。选择【插入记录】义表格的属性并设置哪些单元格可编辑。选择【插入记录】/【模【模板对象】板对象】/【重复表格】命令，打开【插入重复表格】对话框，并【重复表格】命令，打开【插入重复表格】对话框，并进行参数设置，然后单击【进行参数设置，然后单击【确定确定】按钮，即可插入重复表格。】按钮，即可插入重复表格。9.2.3将现有网页保存为模板除了直接创建模板外，也可以将现有网页保存为模板。首先打除了直接创建模板外，也可以将现有网页保存为模板。首先打开一个已有内容的网页文档，根据实际需要在网页中选择网页元开一个已有内容的网页文档，根据实际需要在网页中选择网页元素，并将其转换为适合的模板对象，然后选择【文件】素，并将其转换为适合的模板对象，然后选择【文件】/【另存为【另存为模板】命令将其