关于 Dreamweaver 资源和库

上次更新日期: 2021年4月27日

了解如何在 Dreamweaver 中使用图像、影片、颜色、脚本、链接和库项目等资源。

关于资源

您可以使用 Adobe Dreamweaver 跟踪和预览存储在您网站中的资源,例如图像、影片、颜色、脚本和链接。您还可以直接拖动资源以将其插入当前文档的页面中。

可以通过各种来源获取资源。 例如,您可以在 Adobe® Fireworks® 或 Adobe® Flash® 等应用程序中创建资源,从同事那里接收资源,或者从剪贴画 CD 或图形网站复制资源。

Dreamweaver 还提供对两种特殊类型资源(库和模板)的访问权限。两者都是关联资源:当您编辑库项目或模板时,Dreamweaver 会更新使用这些资源的所有文档。库项目通常表示小型设计资产,例如网站徽标或版权。要控制更大的设计区域,请改用模板。

关于库项目

是一个特殊的 Dreamweaver 文件,包含可放置在网页中的单个资源或资源副本的集合。库中的这些资源称为库项目。 可存储在库中的项目包括图像、表格、声音和使用 Adobe Flash 创建的文件。每当您编辑库项目时,您都可以自动更新使用该库项目的所有页面。

例如,假设您正在为一家希望在每个页面上显示标语的公司构建大型网站。您可以创建一个库项目来包含标语,并在每个页面上使用该库项目。如果标语发生变化,您可以更改库项目并自动更新使用它的每个页面。

Dreamweaver 将库项目存储在每个网站的本地根文件夹内的 Library 文件夹中。每个地点都有自己的库。

您可以从文档正文部分中的任何元素创建库项目,包括文本、表格、表单、Java 小程序、插件、ActiveX 元素、导航栏和图像。

对于图像等链接项目,库只存储对该项目的引用。原始文件必须保留在指定位置,库项目才能正常工作。

不过,在库项目中存储图像也很有用。 例如,您可以在库项目中存储完整的 img 标记,这样您就可以轻松更改图像的 alt 文本,甚至在整个网站中更改其 src 属性。(不过,不要使用此技术来更改图像的 宽度高度 属性,除非您还使用图像编辑器来更改图像的实际大小。)

注释

如果库项目包含链接,这些链接可能在新网站中不起作用。此外,库项目中的图像不会复制到新网站。

当您使用库项目时,Dreamweaver 会在网页中插入指向它的链接,而不是项目本身。也就是说,Dreamweaver 会将该项目的 HTML 源代码副本插入文档中,并添加包含对原始外部项目引用的 HTML 注释。正是这种外部引用使自动更新成为可能。

当您创建包含附加了 Dreamweaver 行为的元素的库项目时,Dreamweaver 会将该元素及其事件处理程序(指定哪个事件触发操作的属性,如 onClickonLoadonMouseOver,以及事件发生时调用哪个操作)复制到库项目文件中。Dreamweaver 不会将相关的 JavaScript 函数复制到库项目中。相反,当您将库项目插入到文档中时,Dreamweaver 会自动将相应的 JavaScript 函数插入到该文档的 head 部分(如果这些函数尚不存在)。

注释

如果您手动编写 JavaScript 代码(即,如果您不使用 Dreamweaver 行为来创建代码),您可以通过使用"调用 JavaScript"行为来执行代码,从而使其成为库项目的一部分。如果您不使用 Dreamweaver 行为来执行代码,则该代码不会作为库项目的一部分保留。

编辑库项目中的行为有特殊要求。库项目不能包含样式表,因为这些元素的代码是 head 部分的一部分。