网页设计中库创建与应用方法.pdfVIP

学习目标

知识目标

1、了解库的功能和作用

2、了解资源面板各部分的作用

能力培养目标

1、会创建库

2、会应用库制作网页

3、会使用资源面板进行操作

目标

激发学生对网页设计与制作的

要求理解的内容

在一个中除了具有相同外观的许多网页外，还有一些需要经常更

新的页面元素，例如、导航条等，它们只是网页中的一

小部分，在各个页面中的位置可能不同，但内容却一致。可以将此内

容保存为一个库项目，在需要的时候所编辑的网页。每个库项目

以“lbi”为扩展名保存在站点根目录下一个特定的名为“Library”的

文件夹内。当库项目更新时，所有使用该库项目的网页自动更新。

一、创建库项目

基于选定内容创建库项目

1、单击“资源”面板左边的“库”类别按钮，“资源”面板切换显示为“库”

类别（也称“库管理器”），如图1。

2、选中网页中要保存为库项目的部分，如

一幅。

3、执行下列操作之一：

⚫将选定内容拖入“库”类别。

⚫单击“库”类别底部的“新建库项目”按

钮。

⚫选择“修改”-“库”-“增加对象到库”

菜单。图1“库”面板

4、系统自动命名为“Untitled×”，可以为其输入一个有意义的名称后回车，

即生成了一个新的库项目，网页中的该对象即该库项目的存在。

注：如果在拖放对象时按Ctrl键，则生成新的库项目时网页中的该对象保持原

状而库项目的。

创建空白库项目

1、确保在“文档”窗口中没有选择任何内容。如果选择了某些内容，它们将

被放入新的库项目中。

2、在“资源”面板中，选择“库”类别。

3、单击面板底部的“新建库项目”按钮。

4、为该项目输入一个名称。

可以在“库”面板中双击空白库项目，在一个类似网页文档的窗口打开，对

其进行编辑。

二、在网页文档中库项目

当向网页添加库项目时，实际内容将随该库项目的一起到文档中。

1、在“文档”窗口中设置点。

2、在“资源”面板中，选择“库”类别。

3、执行下列操作之一：

将一个库项目从“资源”面板拖动到网页“文档”窗口中。

选择一个库项目，然后单击“”。

注：若要在网页中库项目的内容而不包括对该项目的，则在从“资

源”面板向外拖动该项目时按Ctrl键。如果用这种方法项目，则可以在网

页中编辑该项目，但当更新使用该库项目的网页时，该网页不会随之更新。

三、编辑库项目和更新网页

当编辑库项目时，可以更新使用该项目的所有网页。如果选择不更新，

网页将保持与库项目的关联；可以在以后更新网页。

可以重命名项目来断开它与网页或模板的连接，可以从站点的库中删除

项目，还可以重新创建丢失的库项目。

注：编辑库项目时，“CSS样式”面板不可用，因为库项目只能包含body元素，

并且层叠样式表(CSS)代码到文档的head部分内。“页面属性”框也

不可用，因为库项目中不能包含body或其属性。

编辑库项目

1、在“资源”面板中，选择“库”类别。

2、选择要编辑的库项目。

3、单击“编辑”按钮或双击该库项目。打开一个与“文档”窗口类似的新窗

口用于编辑该库项目。

4、进行相应的更改，然后保存。弹出“更新库项目”框。

5、指定是否更新本地站点中使用该库项目的网页。选择“更新”可立即进行

更新。如果选择“不更新”，则不会更新网页。

更新当前网页以使