第8章 创建“遇见鲜花”网站（二） 课件(共15张PPT) 《网页设计与制作（第三版）》（高教版）

(课件网) 创建“遇见鲜花”网站（二） 高等教育-出卷网- 网页设计与制作 教学目的： 帮助学生理解Dreamweaver中模板与库的概念 帮助学生掌握模板的新建、删除、编辑的方法 帮助学生掌握库的新建、删除、编辑的方法 教学重点： 帮助学生理解模板与库的概念 帮助学生理解并掌握模板与库的使用方法 知识点： 模板与库的概念和作用 新建和编辑模板 使用模板生成网页 管理站点中的模板 新建和使用库项目 更新和删除库项目 1. 项目描述与分析 项目描述： 继续制作“遇见鲜花”网上花店。在上一项目中，我们运用Div+CSS完成了首页的布局与制作。在本项目中，我们将使用库元件和模板工具快速地制作版面类似的页面。 项目分析： 网站中常常存在许多版面类似的页面，我们可以运用Dreamweaver中的模板帮助生成一系列风格统一的页面。对于页面中重复出现的内容，可以通过定义库项目实现快速使用和一键式修改。 2. 预 备 知 识 什么是模板以及模板的作用 在Dreamweaver中，模板是一种特殊类型的文档，其后缀名为“.dwt”，多用于整张页面的设计布局，其编辑制作的过程与普通网页的制作过程类似。 网站中整体框架类似的页面很多，模板可以帮助我们快速处理此类页面。把这些页面中相同的部分制作成不可编辑区，而将这些页面中不同的部分留出来设为可编辑区。使用同一张模板可以生成许多张版面类似的页面。 3.项目任务 任务一、“首页”及“关于我们”页面制作 创建库项目 将现有元素存为库项目 编辑、修改库项目 使用库项目 删除库项目 任务二、制作“联系我们”页面 创建模板文件 定义可编辑区域 使用模板创建网页 修改模板 删除模板 4. 知 识 链 接 （1）、 线上学习：各种类型的模板 模板王网站 http://www. 68Design http://www.68design.net （2）、 线下学习：网页界面的构成要素 THANK YOU