网页教案11.docVIP

课程教学教案 课程名称 Dreamweaver网页制作实例教程 课 型 专业课 任课教师 贺桂娇 教学进度 第9章 CSS美化 授课时间 第10周 周一 5-6节 教学时数 2 授课地点 综-301 授课班级 11计应1班 人数 60 课 题 第9章 CSS美化2 教学目标 知识目标： 1、掌握链接CSS的建立及使用 2、握链接CSS的使用 能力目标： 1、掌握链接CSS的建立及使用 2、握链接CSS的使用 教学重点 1、掌握链接CSS的建立及使用 2、握链接CSS的使用 教学难点 握链接CSS的使用 授 课 提 纲 序号 内 容 教学方法 与手段 时间安排(90分钟) 一 1）选择器的嵌套 任务驱动： 演示 实操 分组 5 二 2继承 简单的说就是将各个HTML标记看作一个个容器，其中被包含的小容器会继承所包含它的大容器的风格样式。我们在这里从页面各个标记的父子关系出发，讲解CSS的继承。 以操作为主结合多媒体演示及答疑 10 三 应用CSS到网页中 在对CSS有了大致的了解后，便希望使用CSS对页面进行全方位的控制。我们在这里主要介绍如何使用CSS控制页面，以及其控制页面的各种方法，包括行内样式、内嵌式、链接式、导入式等。并最后探讨各种方式的优先级问题。希望大家能够掌握以下几个方面的内容： 内嵌式 （写在head头部信息中） 行内样式 （写到html标记里面） 链接式 （适合多个页面使用） 导入样式 各种方式的优先级问题 行内样式》内嵌式 》链接式 提问 集体讲授 点评 10 四 利用外部链接样式统一下述网页的风格： 以操作为主结合多媒体演示及答疑 10 五 提问 集体讲授 点评 10 作 业 利用外部样式表统一“青岛教育网”页面风格 45 课后小结 课程教学教案 课程名称 Dreamweaver网页制作实例教程 课 型 专业课 任课教师 贺桂娇 教学进度 第9章 CSS美化 授课时间 第10周 周四 1-2节 教学时数 2 授课地点 综-302 授课班级 11计应1班 人数 60 课 题 第9章 CSS美化 教学目标 知识目标： 1、掌握链接CSS的建立及使用 2、握链接CSS的使用 能力目标： 1、掌握链接CSS的建立及使用 2、握链接CSS的使用 教学重点 1、掌握链接CSS的建立及使用 2、握链接CSS的使用 教学难点 握链接CSS的使用 授 课 提 纲 序号 内 容 教学方法 与手段 时间安排(90分钟) 一 CSS综合练习，完成如下页面的美化，效果如下： 提问 集体讲授 点评 5 二 提问 集体讲授 点评 15 三 提问 集体讲授 点评 10 四 任务驱动： 演示 实操 分组 10 五 更改CSS，实现下述风格 任务驱动： 演示 实操 分组 5 作 业 完成上述综合练习 45 课后小结 课程教学教案 课程名称 Dreamweaver网页制作实例教程 课 型 专业课 任课教师 贺桂娇 教学进度 第10章 模板和库 授课时间 第11周 周一 3-4节 教学时数 2 授课地点 综-302 授课班级 11计应1班 人数 60 课 题 第10章 模板和库 教学目标 知识目标： 模板、库的创建、编辑、应用、修改，站点的更新。 如何合理的设置和定义模板的可编辑区域。 能力目标： 模板、库的创建、编辑、应用、修改，站点的更新。 如何合理的设置和定义模板的可编辑区域。 教学重点 模板、库的创建、编辑、应用、修改，站点的更新。 教学难点 如何合理的设置和定义模板的可编辑区域。 授 课 提 纲 序号 内 容 教学方法 与手段 时间安排(90分钟) 一 一般情况下： 网页较多 网站网页分为三级： 首页 目录页 内容页 每个网页的头和尾是相同的 可以利用已经做好的主页，快速实现分页的制作 提问 集体讲授 点评 5 二 在制作中，可利用模板来设计其相同部分，不同之处留为可编辑区域，待在具体制作网页时，再将具体内容填入可编辑区域。 制作模板 基本元素的制作 插入模板区域 创建可编辑区域 创建重复区域 创建基于模板的网页文档 修改模板并更新 提问 集体讲授 点评 5 三 库是一种用来存储想要在整个网站上经常重复使用或更新的页面元素（如图像、文本和其他对象）的方法。这些元素称为库项目 提问 集体讲授 点评 5 四 使用库的意义：如果使用了库，就可以通过改动库更新所有采用库的网页，不用一个一个的修改网页元素