8.2 库的创建与使用(课件）-高二《网页设计与制作》同步教学（中国人民大学出版社）

8.2 库的创建与使用 库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素的方法。库中的这些元素称作库项目。库项目是一种特殊的Dreamweaver文件，其后缀名为“.lbi”，存储在站点中的Library文件夹中，这个文件夹是在第一次创建库项目时自动生成的。 库项目可以包含文档<body>部分中的任意元素，包括：文本、表格、表单、Java applet、插件、Active元素、导航条和图像等。库项目只是一个对网页元素的引用，原始文件必须保存在指定的位置。 8.2.1 创建库 可以使用文档<body>部分中的任意元素创建库文件，也可以新建一个空白库文件。   1、基于选定内容创建库项目 先在文档窗口中选择要创建为库项目的网页元素，然后创建库项目，并为新的库项目输入一个名称。 创建库项目有以下几种方法： 方法一：在菜单栏中选择【窗口】→【资源】命令，启用【资源】面板。单击【库】按钮，进入【库】子面板，按住鼠标左键将选定的网页元素拖曳到【库】子面板中，如下图所示。 方法二：单击【库】子面板底部的【新建库项目】按钮，如图所示。 方法三：在【库】子面板中，单击鼠标右键，在弹出的右键菜单中选择【新建库项】命令，如图所示。 方法四：在菜单栏中选择【修改】→【库】→【增加对象到库】命令，如图所示。 2、创建空白库项目 创建空白库项目的具体操作步骤如下： （1）确保没有在文档窗口中选择任何内容。 （2）在菜单栏中选择【窗口】→【资源】命令，启用【资源】面板。单击【库】按钮，进入【库】子面板。 （3）单击【库】子面板底部的【新建库项目】按钮，一个新的无标题的库项目被添加到面板中的列表。然后为该项目输入一个名称，并按【Enter】确定，如下图所示。 8.2.2 插入库 库项目创建好后，接下来就可以向页面添加库项目，也即把实际内容以及对该库项目的引用一起插入到文档中。此时，无需提供原项目就可以正常显示。 在页面中插入库项目的具体操作步骤如下： （1）将插入点放在文档窗口中的合适位置。 （2）在菜单栏中选择【窗口】→【资源】命令，启用【资源】面板。单击【库】按钮，进入【库】子面板，将库项目插入到网页中。 将库项目插入到网页有以下几种方法： 方法一：将一个库项目从【库】子面板拖曳到文档窗口中。 方法二：在【库】子面板中选择一个库项目，然后单击面板底部的【插入】按钮，如图所示。 8.2.3 对库进行编辑更改 当修改库项目时，会更新使用该项目的所有文档。如果选择不更新，那么文档保持与库项目的关联，可以在以后进行更新。 对库项目的编辑更改包括：重命名库项目、删除库项目、重新创建已删除的库项目、修改库项目、更新库项目。  1、重命名库项目 重命名库项目可以断开其与文档或模板的连接。 重命名库项目的具体操作步骤如下： （1）在菜单栏中选择【窗口】→【资源】命令，启用【资源】面板。单击【库】按钮，进入【库】子面板。 （2）在库列表中，选中库项目，单击要重命名的库项目的名称，以便使名称文本可选，然后输入一个名称，如图所示。 （3）按【Enter】键使更改生效，此时弹出【更新文件】对话框。若要更新站点中所有使用该项目的文档，单击【更新】按钮；否则，单击【不更新】按钮。 2、删除库项目 在菜单栏中选择【窗口】→【资源】命令，启用【资源】面板。单击【库】按钮，进入【库】子面板，然后删除选中的库项目。 删除库项目有以下几种方法： 方法一：在【库】子面板中，单击选择库项目，接着单击面板底部的【删除】按钮 ，然后确认要删除该项目，如图所示。 方法二：在【库】子面板中，单击选择库项目，然后按【Delete】键；或是单击鼠标右键，在弹出的右键菜单中选择【删除】命令，如图所示。 3、重新创建已经删除的库项目 若网页中已经插入了库项目，但该库项目被误删（即【库】子面板不见了），此时可以重新创建库项目。 重新创建已删除库项目的具体操作步骤如下： （1）在网页中选择被删除的库项目的一个实例。 （2）在菜单栏中选择【窗口】→【属性】命令，启用【属性】面板，单击【重新创建】按钮，如图所示。此时，【库】子面板中显示该库项目。 4、修改库项目 （1）在菜单栏中选择【窗口】→【资源】命令，启用【资源】面板，单击左侧的【库】按钮，面板右侧显示本站点的库列表。 （2）在库列表中，双击要修改的库项目或是单击鼠标右键，在弹出的右键菜单中选择【编辑】命令，来打开库项目，如图所示。此时，可以根据需要修改库的内容。 5、更新库项目 用库项目的最新版本更新整个站点，或插入该库项目的所有网页。具体操作步骤如下： （1）启用【更新页面】对话框，如图所示。 （2）用库项目的最新版本更新整个站点，则在“查看”选项右侧的第一个下拉列表中选择“整个站点”，然后从第二个下拉列表中选择相应的站点名称。 （3）在“更新