资源简介

项目九 运用Div+css样式
任务二 Div+css的运用方法与技巧
课程：网页设计与制作
课题：创建与应用css层叠样式
教材分析与处理：本项目是学习网页设计与制作的进阶，主要用于在成品网页进行后期修饰，是网页制作必备的技能。本次任务以实践操作为主，理论讲解为辅，目的在于让学生熟练掌握网页制作的布局和美化。
教学目标
识与技能目标：
掌握css样式设置的方法；
理解css的三种选择器的作用；
学会使用DIV+css的方式编写网页。
过程与方法目标：
通过任务驱动，结合教师讲授，让学生在做中学。
情感态度与价值观：
培养学生善于发现、勤于动脑、乐于动手的学习习惯；
激发学生学习网页设计与制作的兴趣；
3、培养学生的归纳总结能力。
课时：3课时
教学重点：理解css的三种选择器的作用。
教学难点：学会使用DIV+css的方式编写网页。
教学过程：
教学程序 教学内容要点 教师活动 学生活动 设计意图
1、导入 给学生展示一个完成的网页，让学生观察代码，发现css中的不同种类，以及css结合div使用的方式 提出问题 引出任务 思考问题 回答问题 通过引导学生回答问题引出本节课的教学内容。
2、新课讲授 使用div标签进行页面布局的步骤 课件展示css的样式设置分类和三种选择器 演示三种选择器的设置方式 演示讲解 倾听讲解 通过理论阐述，让学生掌握理论本节课的知识点。
3、学做合一 实践任务 要求学生完成练习 巡视教室 解答问题 自主练习 完成课堂任务 学生通过教师的讲解和练习，掌握css的设置和三种选择器的选择方式。
4、梳理知识 课堂小结 div标签设置布局 css样式设置的方法； css的三种选择器的作用； 梳理知识点 学生小结 不断提高 师生共同小结，归纳总结知识与技能要点，学习归纳总结的方法。
教学反思：

展开更多......

收起↑