在“文档”窗口中,切换到“设计”视图,然后选择一部分文档,另存为库项目。
使用本主题了解如何在 Dreamweaver 中创建库项目以及在文档中插入和编辑库项目。
库是一种特殊的 Dreamweaver 文件,包含一系列单独资源或资源副本,您可以将其放置在 web 页面中。库中的这些资源称为库项目。 您可以在库中存储的项目包括图像、表格、声音以及使用 Adobe Flash 创建的文件。每当您编辑库项目时,都可以自动更新使用该库项目的所有页面。
例如,假设您正在为一家公司构建大型网站,该公司希望在每个页面上都显示一个标语。您可以创建一个库项目来包含该标语,并在每个页面上使用该库项目。如果标语发生更改,您可以更改库项目并自动更新使用它的每个页面。
Dreamweaver 将库项目存储在每个网站本地根文件夹内的 Library 文件夹中。每个网站都有自己的库。
您可以从文档正文部分的任何元素创建库项目,包括文本、表格、表单、Java 小程序、插件、ActiveX 元素、导航栏和图像。
对于图像等关联项目,库仅存储对该项目的引用。原始文件必须保留在指定位置,库项目才能正常工作。
不过,在库项目中存储图像也很有用。 例如,您可以在库项目中存储完整的 img 标记,这样您就可以轻松更改整个网站中图像的 alt 文本,甚至其 src 属性。(但是,除非您还使用图像编辑器更改图像的实际大小,否则请勿使用此技术更改图像的 宽度和 height 属性。)
如果库项目中包含链接,则链接可能无法在新站点中工作。 而且,库项目中的图像也不会被复制到新站点中。
当您使用库项目时,Dreamweaver 会在网页中插入指向该项目的链接,而不是项目本身。也就是说,Dreamweaver 会将该项目的 HTML 源代码副本插入到文档中,并添加包含对原始外部项目引用的 HTML 注释。正是这个外部引用使自动更新成为可能。
当您创建包含附加了 Dreamweaver 行为的元素的库项目时,Dreamweaver 会将该元素及其事件处理程序(指定哪个事件触发操作的属性,如 onClick、onLoad 或 onMouseOver,以及事件发生时要调用的操作)复制到库项目文件中。Dreamweaver 不会将关联的 JavaScript 函数复制到库项中。相反,当您将库项目插入到文档中时,Dreamweaver 会自动将相应的 JavaScript 功能插入到该文档的 head 部分(如果尚未存在)。
如果手工编写 JavaScript 代码(也就是说,如果不使用 Dreamweaver 行为进行创建),则使用“调用 JavaScript”行为执行代码可以将代码包含在库项目中。 如果不使用 Dreamweaver 行为来执行代码,代码将不会保留在库项目中。
编辑库项目中的行为有特殊要求。库项目不能包含样式表,因为这些元素的代码是 head 部分的一部分。
基于选定内容创建库项目
选择“工具”>“库”>“增加对象到库”。
Dreamweaver 将每个库项保存为单独的文件(文件扩展名为 .lbi),保存在网站本地根文件夹的 Library 文件夹中。
创建空白库项目
如果选择了某些内容,它将被放置在新的库项目中。
在“资源”面板中,选择“库”类别。
单击面板底部的“新建库项目”按钮 。
在文档中插入库项目
当您向页面添加库项目时,实际内容将插入到文档中,同时插入对库项目的引用。
在“资源”面板中,选择“库”类别。
- 将一个库项目从“资源”面板拖动到“文档”窗口中。
若要在文档中插入库项目的内容而不包括对该项目的引用,请在从“资源”面板向外拖动该项目时按 Ctrl (Windows) 或 Option (Macintosh)。 如果用这种方法插入项目,则可以在文档中编辑该项目,但当更新使用该库项目的页面时,文档不会随之更新。
选择一个库项目,然后单击“插入”。
编辑库项目和更新文档
当您编辑库项目时,可以更新\n使用该项目的所有文档。如果您选择不更新,\n文档仍与库项目保持关联;您可以稍后更新\n它们。
您可以重命名项目以断开它们与文档或模板的连接,从网站的库中删除项目,以及重新创建缺失的库项目。
编辑库项目
在“资源”面板中,选择“库”类别。
单击“编辑”按钮或双击该库项目。
Dreamweaver 打开一个新窗口,\n类似于"文档"窗口,用于编辑库项目。灰色\n背景表示您正在编辑库项目而非\n文档。
指定是否更新本地站点中使用该库项目的文档。 选择“更新”可立即进行更新。 如果选择“不更新”,则不会更新文档,直到您选择“工具”>“库”>“更新当前页”或“更新页面”。
更新当前文档以\n使用所有库项目的当前版本
选择“工具”>“库”>“更新当前页”。
更新整个网站或使用特定库项目的所有文档
选择“工具”>“库”>“更新页面”。
要更新选定地点中的所有页面\n以使用所有库项目的当前版本,请选择"整个地点",\n然后从相邻的弹出菜单中选择地点名称。
要更新当前地点中使用\n库项目的所有页面,请选择"使用的文件",然后从相邻的弹出菜单中选择库项目\n名称。
若要同时更新模板,请将“模板”也选定。
Dreamweaver 按\n指示更新文件。如果您选择了"显示日志"选项,Dreamweaver 将生成一个报告,显示\n文件是否已成功更新以及其他信息。
重命名库项目
在“资源”面板中,选择“库”类别。
从库中删除库项目
当您删除库项目时,Dreamweaver 会将其从库中移除,但不会更改任何使用该项目的文档的内容。
在“资源”面板中,选择“库”类别。
如果删除了某个库项目,则不能使用“撤消”来找回该项目。 不过,您可以重新创建该项目。
重新创建缺失或已删除的库项目
自定义库项目的高亮显示
您可以自定义库项目的高亮\n颜色,并通过设置\n高亮显示偏好设置来显示或隐藏高亮显示。
更改库项目的高亮颜色
在文档窗口中显示或隐藏高亮显示
若要显示标记色彩,请选择“视图”>“设计视图选项”>“可视化助理”>“不可见元素”。 若要隐藏标记色彩,请取消选择“不可见元素”。
编辑库项目的属性
您可以使用"属性"检查器来打开库项进行编辑、将选定的库项从其来源文件中分离,或使用当前选定的库项覆盖某个项。
源文件
显示库项来源文件的文件名和位置。不能编辑此信息。
打开
打开库项目的源文件进行编辑。 这等同于在"资产"面板中选择该项并单击"编辑"按钮。
从源文件中分离
断开选定的库项与其来源文件之间的关联。您可以在文档中编辑分离的项目,但它不再是库项目,并且在更改原始项目时也不会更新。
重新创建
用当前选定内容覆盖原始库项目。 当原始库项丢失或被意外删除时,使用此选项来重新创建库项。
使文档中的库项可编辑
如果您已将库项添加到文档中,并想专门为该页面编辑项,则必须断开文档中的项与库之间的关联。一旦使库项的实例可编辑,该实例在库项更改时就不会更新。
编辑库项目中的行为
要编辑库项中的行为,必须首先将项插入文档,然后在该文档中使项可编辑。更改完毕后,您可以重新创建库项,用文档中编辑后的项替换库中的项。
记录库项的名称以及它包含的确切标记。以后需要用到这些信息。
在“资源”面板中,选择“库”类别。
注意只选择原始库项中完全相同的元素。
在“资源”面板中,单击“新建库项目”按钮,然后为新的项目指定与所删除项目相同的名称,拼写和大小写形式要完全一致。
若要更新站点的其它文档中的库项目,请选择“工具”>“库”>“更新页面”。