了解如何在 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 会将该元素及其事件处理程序(指定哪个事件触发操作的属性,如 onClick、onLoad 或 onMouseOver,以及事件发生时调用哪个操作)复制到库项目文件中。Dreamweaver 不会将相关的 JavaScript 函数复制到库项目中。相反,当您将库项目插入到文档中时,Dreamweaver 会自动将相应的 JavaScript 函数插入到该文档的 head 部分(如果这些函数尚不存在)。
如果您手动编写 JavaScript 代码(即,如果您不使用 Dreamweaver 行为来创建代码),您可以通过使用"调用 JavaScript"行为来执行代码,从而使其成为库项目的一部分。如果您不使用 Dreamweaver 行为来执行代码,则该代码不会作为库项目的一部分保留。
编辑库项目中的行为有特殊要求。库项目不能包含样式表,因为这些元素的代码是 head 部分的一部分。