边用边学Dreamweaver网页设计与制作教学课件 作者 李彪 杨仁毅 第9章.pptVIP

边学边用Dreamweaver CS4网页制作 教师： 职务： ——教育部实用型信息技术人才培养系列教材 第9章 应用模板和库制作网页 学习目标： 在一个大型的网站中一般会有几十甚至上百个风格基本相似的页面，在制作时如果对每一个页面都设置页面结构，以及导航条、版权信息等网页元素，其工作量是相当大的。而通过Dreamweaver CS4中的模板与库就极大地简化了操作。本章主要向读者介绍了模板与库的知识，希望读者通过本章内容的学习，能够理解模板与库的概念、掌握模板与库的编辑操作和应用。 第9章 应用模板和库制作网页 本章知识点： 模板和库的概念 使用模板 应用实践 使用模板制作网页 使用库完善网页 第9章 应用模板和库制作网页 第9章 应用模板和库制作网页 第9章 应用模板和库制作网页 第9章 应用模板和库制作网页 第9章 应用模板和库制作网页 第9章 应用模板和库制作网页 第9章 应用模板和库制作网页 第9章 应用模板和库制作网页 第9章 应用模板和库制作网页 第9章 应用模板和库制作网页 第9章 应用模板和库制作网页 * 9.1 模板和库的概念 9.1.1 模板的概念 模板是制作其他网页文档时使用的基本文档，一般在制作统一风格的网页时会经常使用该功能。在Dreamweaver CS4中，模板能够帮助设计者快速制作出一系列具有相同风格的网页。 9.1.2 库的概念 库是指将页面中的导航条、版权信息、公司商标等常用的构成元素转换为库保存起来，在需要的时候调用。 库本身是一段HTML代码，而模板本身是一个文件。Dreamweaver CS4中将所有的模板文件都存放在站点根目录下的“Templates”子目录中，扩展名为“.dwt”；而将库项目存放在每个站点的本地根目录下的“Library”文件夹中，扩展名为“.lbi”。 9.2 使用模板 9.2.1 创建模板 创建模板一般有两种方法：一种是可以新建一个空白模板，另一种可以从某个页面生成一个模板。 1．新建一个空白模板 2．将文档保存为模板 9.2.2 设计模板 9.2.3 定义模板区域 1．定义可编辑区 2．定义可选区域 3．定义重复区域 4．定义可编辑标签属性 9.3 应用实践 9.3.1 创建库项目 在Dreamweaver中，用户可以网页中body部分中的任意元素创建库项目，这些元素包括文本、图像、表格表单、插件、导航条等等。库项目的文件扩展名为“.lbi”，所有的库项目都被缺省放置文件夹“站点文件夹/Libxry”内。 9.3.2 库项目属性面板 通过库项目的“属性”面板，可以设置库项目的源文件、编辑库项目等。 9.3.3 编辑库项目 编辑库项目，包括更新库项目、重命名项目名、删除库项目和编辑库项目中的行为。 （1）更新库项目 （2）重命名库项目 （3）删除库项目 9.3.4 添加库项目 当向页面添加库项目时，将把实际内容以及对该库项目的引用一起插入到页面。 使用库项目可以完成对网站种某个板块的修改。在定义模板的可编辑区域时需要仔细研究整个网站中各个页面所具有的共同风格和特性，这样才能设计出适合整个网站且使用合理的模板。 9.4 应用实践 任务1——使用模板制作网页 本实例在设计制作时，由于首页的布局方式需要固定，所以首先将首页制作为模板页，再将需要更新的网页元素设置为可编辑区域，最后通过模板页将可编辑区域进行更新。完成后的效果如下图所示。 9.4 应用实践 任务2——使用库完善网页 本实例首先新建了库项目，使用表格布局，再在表格中插入图像，然后插入层，并在层中输入文字，最后在网页中插入库项目。完成后的效果如下图所示。 9.5 知识拓展 9.5.1 设置模板文档的页面属性 应用模板的文档将会继承模板中除页面标题外的所有部分，因此应用模板后只可以修改文档的标题，而不能更改其页面的属性。 9.5.2 快速更新网站中所有页面 *