体验CSS样式表――在HTML中应用CSS教学设计

本论文在其他论文栏目，由论文格式网整理,转载请注明来源www.lwgsw.com,更多论文,请点论文格式范文查看

5.2 .2 体验CSS样式表――在HTML中应用CSS教学设计                                                       江苏省沙溪高级中学陈英 215421【设计思想】       以普通高中信息技术课程标准为指导，以人本主义理论为基础进行教学设计，充分发挥教学过程中学生的主体作用和教师的主导作用。利用“自主学习网站”所提供的自主学习平台，充分调动学生学习的积极性和自主性，培养学生分析问题和解决问题的能力。
【教材分析】
     本课教学内容是教育科学出版社《网络技术应用》（选修）第5章第2节的内容。教学重点是了解CSS样式表的功能和简单应用，难点是如何根据实际情况选择合适的CSS,并在HTML语言中使用CSS。本论文由论文格式网整理,转载请注明来源www.lwgsw.com,更多论文,请点论文格式范文查看
【学生分析】
     学生对这部分的内容普遍很感兴趣，但是绝大部分学生都为“零起点”！学生学习本课必须建立在对HTML语言有一定认识的基础上。
【教学重点和难点】
     1. 教学重点        CSS样式表的优点和作用        CSS样式表的书写规则        CSS样式表在HTML中的应用
     2. 教学难点        如何选择根据实际情况，选择合适的CSS        如何在HTML中应用CSS
【教学策略】    本课以自主学习网站为平台，采用以学习自主学习为主，教师有效讲解为辅进行教学，学生通过3个层层递进的探究任务展开学习。
【教学环境设计】
     多媒体网络教室、自主学习网站
设计题目 5.2 .2 体验CSS样式表――在HTML中应用CSS
教学内容  CSS样式表在HTML中的简单应用
教学对象高一
教学目标知识目标:（1）CSS样式表的优点         （2）在HTML中应用CSS的方法
过程与方法：（1）通过本课的学习，了解CSS的优点            （2）掌握嵌入式CSS的应用方法             （3）掌握内联式CSS的应用方法
情感态度和价值观:（1）培养学生对网页制作的兴趣
（2）培养学生自主学习的能力和探究精神
（3）培养学生自主分析问题和解决问题的能力
教学策略自主学习、任务驱动、有效讲解
教学过程（可续页）
教学步骤所
用
时
间教师活动学生活动设计说明
导入 2 512汶川大地震一周年，一些网站网页变灰色表达哀悼！让学生观察效果。动手动脑由学生感兴趣的问题引入本课教学内容
教学新课 40 1、在FP中将文字512设置为：50pt；颜色＃FFCCCC
2、引导学生通过自学网站的“自学指南”上的帮助，制作出上面的特效
3、分析上面的代码，重点讲解CSS的语法结构，启发学生举一反三
分析嵌入式CSS的使用方法和特点
4、引导学生通过自学网站完成“任务一”
5、在FP中将3段文字512都设置为50pt;#FFCCCC的效果；引导学生通过网站的帮助，做出上面的效果
6、让学生自主分析和归纳内联式CSS和嵌入式CSS在使用上的区别
7、引导学生完成通过自学网站的帮助“任务二”
8、在完成了上面2个基本任务后，引导学生完成提高题（任务三）
9、请完成了上面3个任务的学生演示完成过程；并让学生自己总结本课的教学内容
10、教学评价
11、引导学生利用自学网站进行能力拓展

请同学们登录以上网站，为512死难者祈福！动手思考

听讲思考

动手思考

分析问题
解决问题
给学生设置障碍，引出用CSS美化网页

再次设置障碍，引出内联式CSS

总结归纳 3 教师引导学生对本节课的学习内容进行简要的总结和归纳，并在此基础上进行有效补充总结归纳培养学生对知识点进行总结和归纳的能力
教学反思 CSS是动态网页制作中较难把握的内容，学生虽然能够根据网站的帮助完成简单的效果，但只停留于模仿层面，对于CSS本质和灵活运用上还有待于进一步的巩固和提高。
=