网页基础项目九 运用Div+css样式 任务一 了解Div+css 电子教案.docxVIP

项目九 运用Div+css样式 任务一 了解Div+css 课程：网页设计与制作 课题：了解div+css 教材分析与处理：本项目是学习网页设计与制作的进阶，主要用于在成品网页进行后期修饰，是网页制作必备的技能。本次任务以实践操作为主，理论讲解为辅，目的在于让学生熟练掌握网页制作的布局和美化。 教学目标 识与技能目标： 了解css+Div的布局方式； 掌握插入DIV标签的方法； 掌握创建css样式方法。 过程与方法目标： 通过任务驱动，结合教师讲授，让学生在做中学。 情感态度与价值观： 培养学生善于发现、勤于动脑、乐于动手的学习习惯； 激发学生学习网页设计与制作的兴趣； 3、培养学生的归纳总结能力。 课时：2课时 教学重点：使用Div进行布局。 教学难点：css样式的创建。 教学过程： 教学程序 教学内容要点 教师活动 学生活动 设计意图 1、导入 展示未美化的普通网页，让学生发现不足，提出网页布局和美化的重要性 提出问题 引出任务 思考问题 回答问题 通过引导学生回答问题引出本节课的教学内容。 2、新课讲授 课件展示Div和css的概念和优缺点 演示使用Dreamweaver创建div和css的方式 演示讲解 倾听讲解 通过理论阐述，让学生掌握理论本节课的知识点。 3、学做合一 实践任务 要求学生完成练习 巡视教室 解答问题 自主练习 完成课堂任务 学生通过教师的讲解和练习，掌