《第5章使用模板和库提高网页制作效率》.ppt

第5章使用模板和库提高网页制作效率 教学内容：平时在浏览某些网站时，常常会看到大量风格相似的网页。若在设计网站时，一一制作这些风格相似的网页，不仅浪费时间而且也不利于后期的网站维护，这时不妨灵活运用Dreamweaver CS6的模板和库。本章主要讲述模板和库的创建与应用。 学习目标 掌握模板的创建 掌握可编辑区域的创建 掌握使用模板创建网页 掌握库项目的创建与应用 教学目标和基本要求 ___________________________________ ___________________________________ ___________________________________ 教学时间：本章共分_______课时 教学方法 案例教学 多媒体教学 理论面授 教学素材 课程范例文件：sample\第5章\ 练习文件：exercise\第5章\ 5.1 创建模板 模板是一种特殊类型的文档，用于设计布局比较“固定的”页面。读者可以创建基于模板的网页文件，这样该文件将继承所选模板的页面布局。在设计模板的过程中，读者需要指定模板的可编辑区域，以便在应用到网页时可以进行编辑操作 。 5.1.1 新建模板 在Dreamweaver中，模板一般保存在本地站点根文件夹中一个特殊的Templates文件夹中。如果Templates文件夹在站点中没有存在，则将在创建新模板的时候自动创建该文件夹。创建模板有两种方法：一种是从空白文档创建模板；另一种是以现有的文档创建模板。 在Dreamweaver中可以直接创建模板网页 。 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——利用模板创建网页 当需要制作大量布局基本一致的网页时，使用模板是最好的方法 。 本 章 小 结 在实际的工作中时，有时有很多的页面（例如不同的栏目）都会有相同的布局，在制作时为了避免这种重复操作，设计者就可以使用Dr