第5章使用模板和库提高网页制作效率教材课程

第第5 5章使用模板和库提高网页制作效率教材课程章使用模板和库提高网页制作效率教材课程 第第5章使用模板和库提高网页制作效率教学内容平时在浏览某些网 站时 常常会看到大量风格相似的网页 若在设计网站时 一一制作这些风格相似的网页 不仅浪费时间而 且也不利于后期的网站维护 这时不妨灵活运用Dreamweaver CS6的模板和库 本章主要讲述模板和库的创建与应用 学习目标 掌握模板的创建 掌握可区域的创建 掌握使用模板创建 网页 掌握库项目的创建与应用教学目标和基本要求 教学时间本章共分 课时 教学方法案例教学多媒体教学理论面授教学素材课程范例文件sampl e 第5章 练习文件exercise 第5章 5 1创建模板模板是一种特殊类 型的文档 用于设计布局比较 固定的 页面 读者可以创建基于模板的网页文件 这样该文件将继承所选模板的 页面布局 在设计模板的过程中 读者需要指定模板的可区域 以便在应用到 网页时可以进行操作 5 1 2从现有文档创建模板当好一个文档之后 就可以将它作为模板 保存到当前站点中 Dreamweaver CS6会自动在当前站点建立Templates文件夹 将该模板文件存入该 文件夹下 5 2创建可区域在模板文件中好页面形式后 如果不做任何设置 直 接将模板应用到文档中 则基于模板的文档是不可的 为了使网页可以 必须为模板创建可区域 可区域可以控制模板页面中哪些区域可以 哪些区域不可以 5 2 1插入可区域在插入可区域之前 确保的是模板文件 否则普通 网页文档中插入一个可区域 Dreamweaver会提示该文档将自动另存 为模板 可区域可以放在页面中的任何位置 5 2 2删除可区域使用 删除模板标记 命令可以取消可区域的标记 使之成为不可区域 5 3使用模板创建网页创建了模板以后 就可以应用模板快速 高效 地设计出风格一致的网页 5 4管理站点中的模板在Dreamweaver中 可以对模板文件进行各种 管理操作 如重命名 删除等 5 4 1删除模板将站点中不用的模板删除 5 4 2修改模板在通过模板创建文档后 文档就同模板密不可分了 以后每次修改模板后 可以利用Dreamweaver的站点管理特性 自动 对这些文档进行更新 从而改变文档的风格 5 5创建与应用库项目库是一种特殊的Dreamweaver文件 其中包含 已创建以便放在网页上的单独的 资源 的集合 库里的这些资源 被称为库项目 库项目是可以在多个页面中重复使用的存储页面的对象元素 每当 更改某个库项目的内容时 都可以同时更新所有使用了该项目的页 面 不难发现 在更新这一点上 模板和库都是为了提高工作效率而存 在的 在库中 读者可以存储各种各样的页面元素 如图像 表格 声音 和Flash影片等 5 5 1创建库项目库主要包括需要重复使用或经常需要对整个站点进 行更新的页面元素 这些元素称为库项目 可以在库项目中储存各 种各样的页面元素 每当更改某个库项目的内容时 可以相应地更 新所有使用该项目的页面 5 5 2应用库项目将库项目添加到页面时 实际内容以及对项目的引 用就会被插入到文档中 5 5 3修改库项目当库项目时 可以更新使用该项目的所有文档 也 可以选择不更新 5 6综合案例在一个大型网站中使用模板和库可以节省大量的工作时 间 并且对日后升级与维护网站都会带来很大的方便 掌握库和模板的使用可以进一步提高制作网站的水平 因此学会创 建与应用模板和库是非常重要的 下面通过两个实例来巩固以上所学到的知识 综合案例1 创建模板在网页中使用模板可以统一整个站点的页面风格 在制作 网页时使用模板可以节省大量的工作时间 并且为日后的更新和维 护带来很大的方便 综合案例2 利用模板创建网页当需要制作大量布局基本一致的网页时 使用模 板是最好的方法 本本章小结在实际的工作中时 有时有很多的页面 例如不同的栏 目 都会有相同的布局 在制作时为了避免这种重复操作 设计者 就可以使用Dreamweave提供的 模板 和 库 功能 将具有相同 的整体布局结构的页面制作成模板 将相同的局部的对象 如导航 栏 注册信息等 制作成库文件 这样 当设计者再次制作拥有模板和库内容的网页时 就不