Dreamweaver网页制作基础教程任务二库项目的应用知识讲稿.pptVIP

王焕杰 电话 邮箱:cnsyjsj@163.com 沈阳市信息工程学校 项目五 制作新闻动态 任务二 库项目的应用 任务描述 为构建好的校园网制作“校园新闻”系列网页。 任务准备 模板主要是从整体上控制文件的风格，库项目则是从局部维护文件的风格。一个站点的网页内容千变万化，但其中的各个网页总会有相同的地方。如很多网站的网页一般都有相同的头部，在网页底部有相同的脚注等。把这些相同信息抽取出来存放在一起，就构成了库，库中的各个元素称为库项目，可以将任何网页元素创建为库项目。在Dreamweaver中，每个库项目都对应一个单独的文件，文件扩展名为.lbi。所有的库项目文件都被保存在一个文件夹中，该文件夹默认为“站点\Library”。 知识准备 1．利用库项目创建网页 1）创建库项目 （1）将文件中已有内容创建为库项目。 （2）创建空白库项目。 2）应用库项目 创建了库项目之后，就可以在所需要的网页中应用了。 2．利用库项目更新网页 1）编辑库项目和更新网页 2）库项目的管理 （1）重命名库项目。 （2）删除库项目。 （3）解除库项目内容与原始库项目的关联。 插入到文件中的库项目是作为一个整体存在的，无法在文件中直接对它进行编辑。如果要在文件中编辑库项目内容，则可以解除库项目内容与原始库项目之间的关联，使其成为普通的文件内容。 （4）重建库项目。 如果不小心误删除了库项目，虽然插入了该库项目的文件不会受到影响，但是以后却无法利用该库项目对文件进行自动更新了。如果要让该库项目重新发挥作用，可以根据插入到文件中的库项目内容来重建被删除的库项目。 任务准备 构建好相关网页，如图5.2.1所示。 设计思路 将本地站点的“校园新闻”系列网页中的相同元素制作成库项目。 将库项目应用到系列网页中。 通过更新其中的库项目，实现对系列网页的快速更新。 图5.2.1 已构建好的“xyxw.html”网页文件 任务实施 步骤1： 步骤1：打开xyxw.html，选取网站logo。 步骤2：在菜单栏中选择“修改”→“库”→“增加对象到库”选项，系统自动打开“库”面板，如图5.2.2所示。如果所选内容应用了样式，则系统还会同时弹出如图5.2.3所示的提示框，单击“确定”按钮，此时在“库”面板的项目列表中，出现了一个未命名的库项目。 图5.2.2 “库”面板 图5.2.3 提示框 图5.2.4 应用库项目创建新文件 知识拓展 知识点1：利用库项目创建网页 1．创建库项目 1）将文件中已有内容创建为库项目 2）创建空白库项目 2．应用库项目 知识点2：利用库项目更新网页 1．编辑库项目和更新网页 2．库项目的管理 1）重命名库项目 2）删除库项目 3）解除库项目内容与原始库项目的关联 4）重建库项目 * *