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

关于资源

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

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

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

关于库项目

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

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

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

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

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

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

注意:

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

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

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

注意:

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

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

本产品经 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License 许可  Twitter™ 与 Facebook 中的内容不在 Creative Commons 的条款约束之下。

法律声明   |   在线隐私策略