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

《网页基础项目九 运用Div+css样式 任务一 了解Div+css 电子教案.doc》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、项目九运用Div+css样式任务一了解Div+css课程：网页设计与制作T解div+css教材分析与处理:本项目是学习网页设计与制作的进阶，主要用于在成品网页进行后期修饰,是网页制作必备的技能。本次任务以实践操作为主，理论讲解为辅，目的在于让学生熟练掌握网页制作的布局和美化。教学目标识与技能目标:1、了解css+Div的布局方式;2、棠握插入DIV标签的方法;3、掌握创建css样式方法。过程与方法目标：通过任务驱动，结合教师讲授，让学生在做中学。情感态度与价值观：1、培养学生善于发现、勤于动脑、乐于动手的学习习惯;2、激发学生学习网页设计与

2、制作的兴趣；3、培养学生的归纳总结能力。课时：2课时教学重点：使用Div进行布局。教学难点：css样式的创建。教学过程：教学程序教学内容要点教师活动学生活动设计意图1、导入展示未美化的普通网页，让学生发现不足，提出网页布局和美化的重要性提出问题引出任务思考问题回答问题通过引导学生回答问题引出本节课的教学内容。2、新课讲授1、课件展示Div和css的概念和优缺点2、演示使用Dreamweaver创建div和css的方式演示讲解倾听讲解通过理论阐述，让学生掌握理论本节课的知识点。3、学做合一实践任务要求学生完成练习巡视教室解答问题自主练习完成课

3、堂任务学生通过教师的讲解和练习，掌握div和css创建方式和相关设置C4、梳理知识课堂小结1、CSS+Div的概念和布局方式的优势；2、Div布局的插入梳理知识点学生小结不断提高师生共同小结，归纳总结知识与技能要点，学习归纳总结的方法。方式；3、创建CSS样式的方法。教学反思: