十一章 可复用元素

11.1 概述

可复用元素，也就是可以重复利用的元素。利用可复用元素，只需要把可复用元素进行更新，就可以实现所有网页的更新。

有两个方法实现可复用元素：

  1. 库元素（Library）：库元素可以很容易地在本地实现，而不需要通过任何服务器端的功能。当改动过库元素后，需要对整个站点更新。
  2. 服务器端文件嵌入（SSI）：SSI是服务器端提供的功能，可以把可复用元素自动嵌入到其他页面。当这个可复用元素改动后，不再需要对其它页面进行改动。

11.2 库元素

库元素（Library）是Dreamweaver所特有的一个功能，库元素只能包含BODY中的各种元素，包括文本，表格，图象，Java，JavaScript，以及ActiveX等。当某些元素有东西写在HEAD区时，例如TimeLine，CSS，Library将不能正确表示。例外的是，库元素可以包含Behavior，当网页包含这种库元素时，Dreamweaver会自动把所需要的JavaScript函数复制到网页的Head区。

11.2.1使用库元素模板对话框

单击Dreamweaver底部的，弹出库元素模板，我们可通过它作相关操作，如图1所示。


图1 库元素模板对话框

1.有关的菜单命令：

New Library Item：新建一个库元素，当选中网页内容时，此项命令激活。
Open：打开库元素。 当建立一个库元素时，Dreamweaver自动在你的站点下建立一个叫"Library"的目录，库元素都存储在这里。
Delete：删除一个库元素。 当删除一个库元素时，已经引用过这个库的页面并没有任何改动。
Rename：重命名一个库元素。 这时可选择了更新，则原来的库元素和网页中的引用全部改为新命名的库元素。否则相当于新建了一个库元素，同时也删除老的库元素。
Add to Page：增加库元素到网页中。
Select in Site Window：在站点窗口中选择。选择此项命令会弹出站点管理窗口，列出网站目录和Library下的所有库元素。
Update Current Page：升级当前页，当库元素改动后，此项命令可以更新当前页。
Update Pages：升级多页，当库元素改动后，用此项命令可以更新整个站点或选中的数个网页。

2.库元素模板上的按钮命令

将选中的库元素插入页面。
向库中增加一个库元素，也可新建一个库元素。
打开库元素并可重新编辑它。
删除选中的库元素。

11.2.2库元素属性面板

在页面选中插入的库元素，会弹出Library属性面板，如图2所示。


图2 库元素属性面板

在面板中按Open可打开选中的库元素；按 Detach from Original可将库元素与网面内容分离，按 Recreat（重新建立）可以恢复已删除的库元素。 当删除一个库元素后，如果网页中还存在这个元素，就用它来恢复。

11.2.3库的运用

1. 新建一个库元素：在Library模板对话框点，将增加的Library命名为“版权”，双击它打开Library编辑窗口，然后可象编辑网页一样制作Library，如图3所示。


图3编辑库元素

2.把库元素加入到网页中: 打开需加入库元素网页，把鼠标定位到需要插入库元素的地方，点或直接把Library面板中的库元素“版权”拖动到光标处，如图 4所示。


图4 把库元素加入到网页中

3.修改库元素
当我们需要改变网页中的库元素时，就会发现使用Library的优越性。
步骤：
（1）打开库元素可选的方法：

（2）关闭编辑窗口，按照提示选择保存， 这时会出现一个对话框，把所有用到“版权”库元素的网页列出来，并问是否需要对这些网页进行更新，我们可以选中所有的文件，然后选择更新，接着在随后出现的"Update Pages"中点Close关闭对话框，如图5所示。


图5更新页面

11.3 从服务器端文件嵌入

从使用来看，SSI比Library更具通用性，SSI是由服务器端自动进行操作，只要服务器端提供SSI的支持，Html文档都可以被正确显示。

SSI的显示原理是：把可复用元素独立存成一个html或txt文件，然后在其他网页上加上一句include语句把这个文件包含在网页上，这样，服务器就会自动把这个文件的内容显示到网页中。

11.3.1 插入一个SSI

插入一个SSI只需要在对象板中点，然后在出现的“Select File”窗口中选取所需要插入的文件即可，如图6所示。


图6 插入一个SSI

11.3.2改变SSI内容

当我们需要改变SSI的内容时，只需要改动被包含文件，然后存盘。如果是通过ftp管理站点，再把这个文件上传至服务器空间，覆盖原文件，对引用到这个文件的网页不需要做任何改动。