网页基础项目九 运用Div+css样式 任务二 Div+css的运用方法与技巧 电子教案.docxVIP

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