如何在 Dreamweaver 中使用资源和库

关于资源

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

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

在 Dreamweaver 中还可以访问两种特殊类型的资源，即库和模板。这两种资源都属于链接资源：编辑库项目或模板时，Dreamweaver 会更新所有使用这些资源的文档。库项目通常代表诸如站点徽标或版权信息这类小型的设计资源。若要控制较大的设计区域，请改用模板。

关于库项目

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

例如，假设您正在为某公司创建一个大型站点，公司希望在站点的每个页面上显示一个广告语。您可以创建一个包含该广告语的库项目，然后在每个页面上使用这个库项目。如果需要更改广告语，则可以更改该库项目，这样可以自动更新所有使用这个项目的页面。

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

可以从文档的 body 部分中的任意元素创建库项目，这些元素包括文本、表格、表单、Java applet、插件、ActiveX 元素、导航条和图像等。

对于链接项（如图像），库只存储对该项的引用。原始文件必须保留在指定的位置，这样才能使库项目正确工作。

不过，在库项目中存储图像也很有用。例如，可以在库项目中存储一个完整的 img 标签，这将允许您方便地在整个站点中更改图像的 alt 文本，甚至更改它的 src 属性。（但是，除非还使用图像编辑器更改图像的实际尺寸，否则请勿使用此方法更改图像的 width 和 height 属性。）

注意:如果库项目中包含链接，则链接可能无法在新站点中工作。而且，库项目中的图像也不会被复制到新站点中。

使用库项目时，Dreamweaver 将在网页中插入该项目的链接，而不是项目本身。也就是说，Dreamweaver 向文档中插入该项目的 HTML 源代码副本，并添加一个包含对原始外部项目的引用的 HTML 注释。自动更新过程就是通过这个外部引用来实现的。

当您创建的库项目内含附加有 Dreamweaver 行为的元素时，Dreamweaver 将该元素及其事件处理函数（指定哪个事件触发操作的属性，如 onClick、onLoad 或 onMouseOver，以及当事件发生时要调用哪个操作）复制到库项目文件中。Dreamweaver 不会将关联的 JavaScript 函数复制到库项目中。相反，在将库项目插入文档时，Dreamweaver 会自动将相应的 JavaScript 函数插入该文档的 head 部分（如果此处尚无这些函数）。

注意:如果手工编写 JavaScript 代码（也就是说，如果不使用 Dreamweaver 行为进行创建），则使用“调用 JavaScript”行为执行代码可以将代码包含在库项目中。如果不使用 Dreamweaver 行为来执行代码，代码将不会保留在库项目中。

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

更多此类内容

• 关于 Dreamweaver 模板
• 编辑库项目中的行为