资源简介

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

展开更多......

收起↑