《网页设计与制作》课程教学资源（PPT课件讲稿）第9章 使用模板与库项目

第9章使用模板与库项目 。使用模板 使用库项目 章上机实践 应用模板和库项目制作网页

第9章 使用模板与库项目  使用模板  使用库项目  上机实践——应用模板和库项目制作网页

9.1使用模板 Dreamweaver模板是一种特殊类型的文档，用于 设计“固定”的页面布局。设计模板时，可以指定 在基于模板的文档中用户可以编辑文档的哪些区域。 模板最强大的功能之一是一次可以更新多个页面。 根据模板创建的文档与模板保持链接关系（除非以 后分离该文档)，可以通过修改模板立即更新所有 基于该模板的文档

9.1 使用模板 Dreamweaver模板是一种特殊类型的文档，用于 设计“固定”的页面布局。设计模板时，可以指定 在基于模板的文档中用户可以编辑文档的哪些区域。 模板最强大的功能之一是一次可以更新多个页面。 根据模板创建的文档与模板保持链接关系（除非以 后分离该文档），可以通过修改模板立即更新所有 基于该模板的文档

9.1.1创建文档模板 可以从新建的空白文档中创建模板，也可以将现有文 档保存为模板。 新建文档 常规模 类别： 梗板页 预览 Hacromedia Dreanveaver 8-[D: 基本页 动疮 ASP VBSeript模板 文件)编辑但)查看四插入)修改通 模板页 ASP.ETC#模板 其柚 ASP.ETB模板 新建). Ctrl+N CSs样式表 Col正uion模板 打开@) Ctrl+0 框架集 L预极 无预览> 打开最近的文件红) A 页面设计Css) 入门页面 在框架中打开) Ctrl+Shift+0 页面设计〔有辅此， 的) 关闭C) Ctrl+W 全部关闭但) Ctrl+Shift+W 新建空 指述： 保存⑤) Ctl+S 另存为@). Ctrl+Shift+S 保存全部L) 白模板 保存到远程服务器@) 文档类型们TD) 另存为模板) 回复至上次的保存R) 将现有文档 帮助 省选数但)司 殊取更多内空。 ■创建®)取消 保存为模板

9.1.1 创建文档模板 可以从新建的空白文档中创建模板，也可以将现有文 档保存为模板。 新建空 白模板 将现有文档 保存为模板

9.1.2基于模板创建文档 创建了模板以后，就可以创建基于模板的文档了。 从模板新建 常想復板 模板用于 站点“金企文化发展中心“： Macromedia Dreanweaver 8-[ind intro 站点北京小叮当儿童玩具有 完夹“ 文件)编辑心)查看)插入)修改健 Untitled-2 名站点1” 新建). Curl+N a 打开) Ctrl+0 站粉文化发展中心 打开最近的文件①) 国照 回鸟级 描迷 在”新建 无说明>》 文档”对 话框中选 g类型D) Tl10Tr付m1 择”模板” ☑当模板改夹时更新顶面心 选项卡 帮助☐省选参教心 兹取更多内在 座公)取消 l u

9.1.2 基于模板创建文档 创建了模板以后，就可以创建基于模板的文档了。 在”新建 文档”对 话框中选 择”模板” 选项卡

9.1.3 模板的区域类型 除了可以在模板中定义可编辑区域外，还可以通过选 择“插入”>“模板对象”菜单定义其他几种类型的区 域。 插入)修改M)文本@)命令)站点)窗口)帮助 标签G) CtrltE 图像) Ctrl+at+灯 图像对象個 媒体) ]脉0.C国 表格) 表格对象) 布局对象) 表单) 超级链接) 电子部件链接L 命名锚记妙 Ctrl+AlttA 日期) 注释C 灯L 模瓶对束0) 神短板仙 自定义收我夹).， 创健嵌套模板⑧ 获取更多对象) 可编猫区城正) 可选区威@ 玉复区嫩⑧) 可编锅的可选区城鱼) 重复表格)

9.1.3 模板的区域类型 除了可以在模板中定义可编辑区域外，还可以通过选 择“插入”>“模板对象”菜单定义其他几种类型的区 域

9.2使用“库项目 9.2.1什么是库项目 库项目是一种特殊的Dreamweaver文件，我们可以 将当前网页中已使用的任意页面元素定义为库项目， 如图像、表格、文本、声音和Flash影片等。 创建库项目的好处是可以在多个页面中重复使用它们， 每当更改某个库项目的内容时，所有使用了该项目的 页面都将同时更新。 ☒☒

9.2 使用“库”项目 9.2.1 什么是库项目 库项目是一种特殊的Dreamweaver文件，我们可以 将当前网页中已使用的任意页面元素定义为库项目， 如图像、表格、文本、声音和Flash影片等。 创建库项目的好处是可以在多个页面中重复使用它们， 每当更改某个库项目的内容时，所有使用了该项目的 页面都将同时更新

9.2.21 创建库项目 首先在文档窗口选择需要保存为库项目的对象，然后 选择“修改”>“库”>“增加对象到库”菜单并输入 库项目名称，即可将所选对象添加到库中。 文件 文件资源代码片断 库 预览库项目 服务与支持 。产品中心 。维修店查询 L 新建库项目 库项目列表 名称 大小完整 menu KB /Libr 编辑库项目 将库项目插 删除库项目 入到文档

9.2.2 创建库项目 首先在文档窗口选择需要保存为库项目的对象，然后 选择“修改”>“库”>“增加对象到库”菜单并输入 库项目名称，即可将所选对象添加到库中。 库项目列表 将库项目插 入到文档 删除库项目 编辑库项目 新建库项目 预览库项目

9.2.3插入库项目 将库项目插入到文档中的操作非常简单，只需在“资 源”面板的库窗口中将库项目拖入到文档的适当位置 即可。 也可以选中库中的项目，然后单击“资源”面板底部 的“插入”按钮，将库项目插入到文档中。 。服务与支持 产品中心 产品中心 。产晶中心 手机 ⊙维修店查询 。相关下载 关下 。常见问题解答 。在提问 库项目选 普通对象 中状态 选中状态

9.2.3 插入库项目 将库项目插入到文档中的操作非常简单，只需在“资 源”面板的库窗口中将库项目拖入到文档的适当位置 即可。 也可以选中库中的项目，然后单击“资源”面板底部 的“插入”按钮，将库项目插入到文档中。 库项目选 普通对象 中状态 选中状态

9.2.4编辑库项目 要编辑库项目，可以在“资源”面板中双击库项目， Dreamweaver会在网页编辑窗口中打开库项目。 a1 acromedia Dteaaweaver8-【《重enu.lbi] 文件)编辑)看入)改侧)文本红)命◆)站点⑤)亩口)帮助) 更新库项目 常用 。回&国园回，0·同四的·回 等文件 件源地片 更新这些文件的库项目吗？ ■更新妙 pro dit pon hul nomu.1bi 库 不吏新四)门 回代码四折分国设计标题：[ 9雌.@.C 。服务与支持 m 。产品中心 0服务与支持 。产晶中心 名称 ©生，店查询 ©相笑下数 日更新页面 回回☒ G在线提国 查看)：区件使用Y 完成 Ktable>tbedy>td>a Q10m523x13K/1 更新：☑库项目) 关闭C) 性 ☐模板) 帮助0 格式无 样式无 用程 数据年定极务器行为目生 口显示记录)完成 字体默认字体大小无 目标 国日文档类型：库项目 状态 图单元格 水平默认 不换行☐ 南景■ 若委在该页面上使用动教据 更新使用了库 非 垂查默认 标题■ 背鼎领色】 结果 项目的网页 编辑库项目

9.2.4 编辑库项目 要编辑库项目，可以在“资源”面板中双击库项目， Dreamweaver会在网页编辑窗口中打开库项目。 编辑库项目 更新使用了库 项目的网页

9.3上机实践—应用模板和库项目制作网页 接下来我们一起来制作一个应用库项目的模板，然后 再应用该模板制作新文档。 我们将该实例分为制作模板和应用模板两部分（具体 操作见视频9-1和9-2)。 金企稿高化发展中 泰想全坐容 E 口市制作n理 刀：h有中克事有怪相uB程 经分黄由资 学安5上同书使现转程 公司肌超 2东套tn程 应用模板制 M计客机又化是地 电4空：期从5 望电理为边字写 电室户用可6，秋件程 作的网页 定期小为期重网 五 空子十证铺的分行问 书制 有面制作额生M新程 发情健摇 兰门以机中之学行传号 上石生后性 人州理电地声进 制作的模板 光禁结标清托洲街 卫算机之比三地

接下来我们一起来制作一个应用库项目的模板，然后 再应用该模板制作新文档。 我们将该实例分为制作模板和应用模板两部分(具体 操作见视频9-1和9-2)。 9.3 上机实践——应用模板和库项目制作网页 制作的模板 应用模板制 作的网页