1、任务四:掌握库的使用任务四:掌握库的使用Dreamweaver中提供了库的概念。库是用来存储想要在整个网站上经常重复使用或更新的网页元素,其他网页可调用库文件。这样一旦需要修改重复使用的部分,只需要修改库文件,而调用此库的其他页面将会被全部更新。库项目可以包含多种网页元素,如图像、链接、表格、脚本等,但CSS样式表文件不能作为库项目添加到库中。创建库的常用方法有两种。方法一:选择“窗口”菜单“资源”命令,打开“资源”面板,单击“库”按钮,单击“资源”面板下方的“新建库项目”按钮,如图所示。方法二:将已经编辑好的网页元素转换为库项目。首先选中要转换为库项目的网页元素,然后选择“资源”菜单“新建库
2、项目“命令,当前选中的网页元素就会成为一个新的库项目以供其他网页调用。创建库项目后,站点中就会多出子文件夹library,库文件的默认存储路径就是该文件夹。库项目的后缀名为lbi,库项目的编辑与普通网页的编辑完全相同。1 创建库Dreamweaver中提供了库的概念。库是用来存储想要在整个网站上经常重复使用或更新的网页元素,其他网页可调用库文件。这样一旦需要修改重复使用的部分,只需要修改库文件,而调用此库的其他页面将会被全部更新。创建库1库项目可以包含多种网页元素,如图像、链接、表格、脚本等,但CSS样式表文件不能作为库项目添加到库中。创建库的常用方法有两种。方法一:选择“窗口”菜单“资源”命
3、令,打开“资源”面板,单击“库”按钮,单击“资源”面板下方的“新建库项目”按钮,如图10.13所示。方法二:将已经编辑好的网页元素转换为库项目。首先选中要转换为库项目的网页元素,然后选择“资源”菜单“新建库项目“命令,当前选中的网页元素就会成为一个新的库项目以供其他网页调用。1 创建库创建库项目后,站点中就会多出子文件夹library,库文件的默认存储路径就是该文件夹。库项目的后缀名为lbi,库项目的编辑与普通网页的编辑完全相同。库建立好后,可以很轻松地将库应用于网页文件中。操作步骤如下:1) 打开模板或网页,把光标定位到需要插入库的位置。2) 在“资源”面板中选择“库”选项,然后单击相应的库
4、项目,单击“插入”按钮,或者将库项目直接拖到网页上需要插入库的位置。将库项目应用到模板或网页文件中后,在Dreamweaver的网页编辑状态,库项目的背景呈高亮显示。应用库2库被应用到模板或网页文档中之后,在模板或网页中是无法修改的。要修改库,必须首先打开库项目才能进行编辑。对库的修改则会自动更新与之关联的所有网页。1. 编辑库打开“资源”面板,选中“库”选项,双击某个库项目,进入库项目的编辑状态,对库项目进行修改。3 修改库将库项目修改完毕,保存库文件。弹出 “更新库项目”对话框,单击“更新”按钮,如图所示,或选择“修改”菜单“库”选项“更新”页面,有如下两种情况: 修改库31) 更新本地站
5、点上所有调用过库项目的文档。选择“查看”下拉列表中的“整个站点”,并在右侧的下拉列表中选择网站名称,单击“开始”按钮,则对整个网站进行更新,如图所示。3 修改库2) 仅更新当前正在编辑的网页。选择“查看”下拉列表中的“文件使用”,单击“开始”按钮,如图所示,或选择“修改”菜单“库”选项“更新当前页”命令。修改库32. 删除库打开“资源”面板,选中“库”选项,单击库项目名,按下Del键即可。删除库后,不会改变调用此库的任何其他模板或网页内容。3. 使模板或网页中的库项目可编辑如果在网页中添加了库项目,则库项目以高亮显示,无法编辑。如果要在网页中编辑库项目包含的内容,则必须断开当前网页与库之间的关联。操作步骤如下:3 修改库在当前网页中选中库项目,在“属性”面板中单击“从源文件中分离”按钮。此时库项目不再以高亮显示,并且原始的库项目已更改,它不会再更新,如图所示。修改库3THANKS