使用库和模板.pptVIP

使用库和模板创建网页 教学目标 ? 了解库和模板的概念。 ? 掌握创建和应用库的方法。 ? 掌握创建和应用模板的方法。 一、库的概念 ? 在网页制作中，有时需要将一些网页元素应用在多个页面内。 当要修改这些重复使用的页面元素时，逐页修改相当费时， 但如果使用库功能则可以解决这个问题。 库是一种特殊的 Dreamweaver 文件，可以用来存放诸如文本、图像等网页元 素，这些元素通常被广泛用于整个站点，并且经常被重复使 用或更新。 ? 在创建库项目时将自动生成库文件夹“ Library” ，用于存放 库项目，不能对其进行修改。 库的相关操作 ? 创建库项目。 ? 应用库项目。 ? 修改库项目。 ? 更新应用了库项目的文档。 ? 从源文件中分离库项目。 ? 删除库项目。 一、创建库项目 ? 创建库项目的方法有两种。 ? 创建空白库项目。 ? 创建基于选定内容的库项目。 返回目录 （ 1 ）创建空白库项目 ? 创建空白库项目的方法是，选择【窗口】 / 【资源】命令打开 【资源】面板，单击 （库）按钮切换至【库】分类，单击 【资源】面板右下角的 （新建库项目）按钮新建一个库项 目，然后在列表框中输入库项目的名称并按 Enter 键确认， 如图所示。此时的库项目还是一个空白库项目，是没有实际 意义的，还需要通过单击面板底部的 （编辑）按钮打开库 项目添加内容。 （ 2 ）创建基于选定内容的库项目 ? 也可以将网页中现有的对象元素转换为库文件。方法是，在 页面中选择要转换的内容，然后选择【修改】 / 【库】 / 【增 加对象到库】命令，将选中的内容转换为库项目，并显示在 【库】列表中，最后输入库名称并确认即可，如图所示。 二、应用库项目 ? 库项目是可以在多个页面中重复使用的页面元素。应用库项 目的方法是，单击【资源】面板底部的 按钮（或者单击 鼠标右键，在弹出的快捷菜单中选择【插入】命令），将库 项目插入到当前网页文档中。在使用库项目时， Dreamweaver 不是向网页中直接插入库项目，而是插入一个 库项目链接，通过【属性】面板中的“ Src / Library/ruishi.lbi” 可以清楚地说明这一点，如图所示。 三、修改库项目 ? 库项目创建以后，根据需要适时地修改其内容是不可避免的。 如果要修改库项目，需要直接打开库项目进行修改。方法是， 在【资源】面板的库项目列表中双击库项目，或先选中库项 目再单击面板底部的 按钮打开库项目，也可以在引用库 项目的网页中选中库项目，然后在【属性】面板中单击 按钮打开库项目。 四、更新应用了库项目的文档 ? 在库项目被修改且保存后，通常引用该库项目的网页会进行 自动更新。如果没有进行自动更新，可以选择【修改】 / 【库】 / 【更新当前页】命令，对应用库项目的当前网页进行更新， 或选择【更新页面】命令，打开【更新页面】对话框，进行 参数设置后更新相关页面，如图所示。 五、从源文件中分离库项目 ? 一旦在网页文档中应用了库项目，如果希望其成为网页文档 的一部分，这就需要将库项目从源文件中分离出来。方法是， 在当前网页中选中库项目，然后在【属性】面板中单击 按钮，在弹出的信息提示框中单击 按 钮，将库项目的内容与库文件分离，如图所示。分离后，就 可以对这部分内容进行编辑了，因为它已经是网页的一部分， 与库项目再没有联系。 六、删除库项目 ? 如果要删除库项目，方法是，打开【资源】面板并切换至 【库】分类，在库项目列表中选中要删除的库项目，单击 【资源】面板右下角的 按钮或直接在键盘上按 Delete 键 即可。如果删除一个库项目，将无法进行恢复，所以应特别 小心。 二、 使用模板 返回目录 模板是制作具有相同版式和风格的网页文档的基础文档。在 Dreamweaver 中，创建的模板文件保存在站点的 “ Templates” 文件夹内，“ Templates” 文件夹是自动生成的， 不能对其进行修改。 模板的相关操作 ? 创建模板。 ? 添加模板对象。 ? 应用模板。 返回目录 一、创建模板 ? 创建模板文件通常有以下两种方式。 ? 直接创建模板。 ? 将现有网页另存为模板。 返回目录 （ 1 ）直接创建模板 ? 在【资源】面板的【模板】分类中，单击右下角的按钮，在 “ Untitled” 处输入新的模板名称，并按 Enter 键确认即可，如 图所示。此时的模板还是一个空文件，需要通过单击面板底 部的 （编辑）按钮打开添加模板对象才有实际意义。 ? 也可以选择【文件】 / 【新建】命令打开【新建文档】对话框， 然后选择【空白页】 / 【 HTML 模板】或【空模板】 / 【 HTML 模板】中的选项来创建模板文件，如图所示。此时在【资源】 面板的【模板】分类中将增加此模板文件。 （ 2 ）将现