第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 上机实践——应用模板和库项目制作网页 制作的模板 应用模板制 作的网页