在架设网站的实践中,有时要把一些网页元素应用在数十个甚至数百个页面上。当要修改这些重复使用的页面元素时,如果要逐页修改,那是相当费时费力的。使用Dreamweaver的库项目可以大大减轻这种重复劳动,省却许多麻烦。
Dreamweaver将库项目存放在每个站点的本地根文件夹内的Library文件夹中。
1、库面板
库面板显示当前站点库文件中的所有库项目。单击小型启动面板上的“显示素材库”图标,或选择菜单“窗口/素材库”,都可以打开库面板。
单击库面板右上方的向右箭头按钮,可选择子菜单进行操作。
2、创建库项目
库可以包含BODY中的任何元素,如文本、表格、表单、图像等。
选取文档中要存为库项目的页面元素,在库面板中单击向右箭头按钮,然后从弹出的菜单上选取“创建素材库元素”。或者单击库面板右下角的“新建素材库元素”图标。
输入新的库项目名(.lbi)。
3、添加库项目到页面
打开库面板,选取一个库项目,然后单击左下角的“插入”按钮。或者从库面板拖放一个库项目到文档窗口。
4、修改库项目
打开库面板,在库面板中选取库项目,单击库面板右下角的“打开素材库元素”图标,Dreamweaver为编辑库项目打开一个新的窗口。此时的窗口标题已经改为<<素材库元素>>,窗口背景为灰色,以区别于文档窗口。
编辑库项目后保存,此时要选择是否对本地站点中使用了修改过的库项目的文档进行更新:
选择“是”,更新所有使用了修改过的库项目的文档。
选择“否”,不更新文档,以后可以使用菜单“修改/素材库/更新当前页面、更新页面”进行更新。
5、重命名库项目
Dreamweaver允许重新命名库项目,但重新命名后原来使用该项目的网页就会失去与该项目的联系,需要及时更新。重命名库项目的操作步骤如下:
在库面板选取库项目,在库项目名内单击,输入新的项目名。回车或在项目名外单击,询问是否要更新文件。
单击“更新”,先前使用该项目的文档都将把它们对该项目的引用更新为新名。
单击“不更新”,文档中以旧名对该项目的引用将不会自动更新为新名。
6、删除库项目
从库面板中选择库项目。单击右下角“删除素材库元素”图标或按Delete(删除)键。
删除库项目的操作只是将库项目从库中删除掉,并不会改变文档的内容。
7、使页面上的库项目可编辑
如果已在某页面中使用了某个库项目,但又想专门为该页面编辑那个库项目,必须先切断页面上的库项目与库之间的连接。
在当前文档中选择库项目。单击属性面板上的“与原项目分离”。一旦使页面上某个库项目的实例成为可编辑的,这个实例就再也不能用库项目来更新了。
8、库项目的属性、参数设置
使用库项目属性面板可以设置项目属性,包括指定项目的源文件,使库项目可编辑,或在编辑之后重建等。在文档窗口单击库项目,可打开库项目属性面板。
属性面板中各选项的作用说明如下:
“源文件”:显示库项目的源文件名字和存放位置。
“打开”:打开库项目的源文件。
“与原项目分离”:切断选定库项目与其源文件之间的联系。
“重建”:使用当前选择覆盖原库项目。
此外,Dreamweaver允许我们根据自己的爱好,自定义库项目在页面上的显示颜色,或决定显示还是隐藏。
选择菜单“编辑/偏好设置”,然后选取“标记色彩”。单击“素材库元素”后的颜色框,为库项目选取一种颜色。选中其后的“显示”,指定显示库项目的显示颜色。
单击“确定”按钮。