Dreamweaver CC教程:基于选定内容创建库项目

Dreamweaver CC教程:基于选定内容创建库项目

Dreamweaver CC教程:基于选定内容创建库项目

使用本主题了解如何在 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 部分。

基于选定内容创建库项目
1、在“文档”窗口中,选择要保存为库项目的文档部分。
2、选择“工具”>“库”>“增加对象到库”。
3、为新的库项目键入一个名称,然后按 Enter (Windows) 或 Return (Macintosh)。
Dreamweaver 将每个库项目作为一个单独的文件(文件扩展名为 .lbi)保存在站点本地根文件夹下的 Library 文件夹中。

 

推荐阅读