《体验CSS样式表——在HTML中应用CSS教学设计.doc》由会员分享，可在线阅读，更多相关《体验CSS样式表——在HTML中应用CSS教学设计.doc（3页珍藏版）》请在三一办公上搜索。
1、5.2 .2 体验CSS样式表在HTML中应用CSS教学设计 【设计思想】 以普通高中信息技术课程标准为指导，以人本主义理论为基础进行教学设计，充分发挥教学过程中学生的主体作用和教师的主导作用。利用“自主学习网站”所提供的自主学习平台，充分调动学生学习的积极性和自主性，培养学生分析问题和解决问题的能力。【教材分析】本课教学内容是教育科学出版社网络技术应用（选修）第5章第2节的内容。教学重点是了解CSS样式表的功能和简单应用，难点是如何根据实际情况选择合适的CSS,并在HTML语言中使用CSS。【学生分析】学生对这部分的内容普遍很感兴趣，但是绝大部分学生都为“零起点”！学生学习本课必须建立在对H
2、TML语言有一定认识的基础上。【教学重点和难点】1. 教学重点 CSS样式表的优点和作用 CSS样式表的书写规则 CSS样式表在HTML中的应用2. 教学难点如何选择根据实际情况，选择合适的CSS 如何在HTML中应用CSS【教学策略】本课以自主学习网站为平台，采用以学习自主学习为主，教师有效讲解为辅进行教学，学生通过3个层层递进的探究任务展开学习。【教学环境设计】多媒体网络教室、自主学习网站设计题目5.2 .2 体验CSS样式表在HTML中应用CSS教学内容CSS样式表在HTML中的简单应用教学对象高一教学目标知识目标:（1）CSS样式表的优点 （2）在HTML中应用CSS的方法过程与方法：
3、（1）通过本课的学习，了解CSS的优点 （2）掌握嵌入式CSS的应用方法 （3）掌握内联式CSS的应用方法情感态度和价值观:（1）培养学生对网页制作的兴趣（2）培养学生自主学习的能力和探究精神（3）培养学生自主分析问题和解决问题的能力教学策略自主学习、任务驱动、有效讲解教学过程（可续页）教学步骤所用时间教 师 活 动学 生 活 动设计说明导入2512汶川大地震一周年，一些网站网页变灰色表达哀悼！让学生观察效果。动手动脑由学生感兴趣的问题引入本课教学内容教学新课401、在FP中将文字512设置为：50pt；颜色FFCCCC2、引导学生通过自学网站的“自学指南”上的帮助，制作出上面的特效3、分析上
4、面的代码，重点讲解CSS的语法结构，启发学生举一反三分析嵌入式CSS的使用方法和特点4、引导学生通过自学网站完成“任务一”5、在FP中将3段文字512都设置为50pt;#FFCCCC的效果；引导学生通过网站的帮助，做出上面的效果6、让学生自主分析和归纳内联式CSS和嵌入式CSS在使用上的区别7、引导学生完成通过自学网站的帮助“任务二”8、在完成了上面2个基本任务后，引导学生完成提高题（任务三）9、请完成了上面3个任务的学生演示完成过程；并让学生自己总结本课的教学内容10、教学评价11、引导学生利用自学网站进行能力拓展【活动】512网上祭拜请同学们登录以上网站，为512死难者祈福！动手思考听讲思考动手思考自主探究分析问题解决问题给学生设置障碍，引出用CSS美化网页再次设置障碍，引出内联式CSS总结归纳3教师引导学生对本节课的学习内容进行简要的总结和归纳，并在此基础上进行有效补充总结归纳培养学生对知识点进行总结和归纳的能力教学反思CSS是动态网页制作中较难把握的内容，学生虽然能够根据网站的帮助完成简单的效果，但只停留于模仿层面，对于CSS本质和灵活运用上还有待于进一步的巩固和提高。
