体验CSS样式表——在HTML中应用CSS教学设计.docVIP

5.2 .2 体验CSS样式表――在HTML中应用CSS教学设计?????????????????????????????????????????????????????? 【设计思想】?????? 以普通高中信息技术课程标准为指导，以人本主义理论为基础进行教学设计，充分发挥教学过程中学生的主体作用和教师的主导作用。利用“自主学习网站”所提供的自主学习平台，充分调动学生学习的积极性和自主性，培养学生分析问题和解决问题的能力。 【教材分析】 ????本课教学内容是教育科学出版社《网络技术应用》（选修）第5章第2节的内容。教学重点是了解CSS样式表的功能和简单应用，难点是如何根据实际情况选择合适的CSS,并在HTML语言中使用CSS。 【学生分析】 ????学生对这部分的内容普遍很感兴趣，但是绝大部分学生都为“零起点”！学生学习本课必须建立在对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网上祭拜 /index /mem/3074/worship.ahtml 请同学们登录以上网站，为512死难者祈福！ 动手思考 听讲思考 动手思考 自主探究 分析问题 解决问题 给学生设置障碍，引出用CSS美化网页 再次设置障碍，引出内联式CSS 总结归纳 3 教师引导学生对本节课的学习内容进行简要的总结和归纳，并在此基础上进行有效补充 总结归纳 培养学生对知识点进行总结和归纳的能力 教学反思 CSS是动态网页制作中较难把握的内容，学生虽然能够根据网站的帮助完成简单的效果，但只停留于模仿层面，对于CSS本质和灵活运用上还有待于进一步的巩固和提高。