挖掘课堂“错误”资源 提高学生学习素养----《CSS层叠样式表》教学设计 溧阳市第三中学 史文俊 邮编:213300 一、设计背景 1.教材:教育科学出版社 《网络技术应用》(选修) 2.年级:高中一年级 3.教材章节:第五章《动态网页制作》第二节 理解动态HTML第二部分 CSS样式表(第一课时) 4.课时:1 非上机时间 15 分钟,其中讲解学习内容和学习方法 10 分钟,课堂结束时,教师与学生的总结5分钟,上机操作时间 30 分钟。 二、设计思想 课堂上,我们的教师如果能充分挖掘错误资源,发挥错误的价值,那么,我们的学生收获的,就是兴趣、信心和能力。本节课的设计主要围绕“情境导入→讲授新知→任务引领→自主探究→交流评价→总结拓展”这样一条主线索展开。情境导入,用“比较”的方式展开,效果明显。学生练习,由“完型填空→输入代码,观看效果→纠错总结”,由易到难,学习进度灵活。学生在不断的“思错”和“纠错”过程中,不断认识和改变自己原有的“粗心”、“想当然”等坏习惯,从而不断提升自己的学习素养。 三、教学分析 (一)教材分析 第五章 动态网页制作 5.2.2 CSS样式表, 主要介绍了动态HTML核心技术之一CSS样式表的基础知识和实现方法,是本章的一个重点和难点。通过学习和实践,学生应了解CSS技术的基础知识,并能简单地使用CSS优化网页。本段内容计划2课时完成。第一课时主要介绍CSS的概念和特点、基本语法和实现方式。第二节是外联式样式表的应用与扩展 本课是第一课时,通过本课学习,让学生体验CSS在网页设计中的应用价值,掌握内联式样式表的简单应用。 (二)学情分析 1、基本情况 高一学生具有一定的认知水平和自学能力。通过第四章的学习,同学们已经了解了HTML代码的基础知识,能熟练操作记事本程序或frontpage2000编辑网页代码,这为本节课学习打下了良好的基础。 2、可能遇到的困难和错误 (1)对CSS在网页中的应用价值缺乏认识和理解,导致学习动力不够。 (2)虽然学生储备了一些HTML知识,但第一次使用程序进行编码,对标点符号等重要的代码符号认识不足(程序语法中中只能使用英文标点),错误百出 (3)学生对于样式表代码的输入位置不清楚,不经意间会删除某些重要标记符,如<head>标签,导致整个网页内容紊乱 (4)样式表的应用思路不清晰,做着一些机械的模仿。 3、学习策略 教师指引:(从简单入手,坚持以学生为主的思想) 样式表概念的理解——通过课件,将概念图形化,简单化 内联式样式表的应用——通过完型填空的方法,简化学生学习难度(教师准备资料) 通过学生完成网页代码的输入,总结学习中的经验和教训,引导学生自我纠错,相互找错,共同完成学习任务 (三)教学目标分析 1、知识与技能: (1)通过学习和实践,认识样式表对于制作和美化网页的巨大价值。 (2)通过学习和实践,会利用CSS对简单文本实现格式化。 2、过程与方法: (1)在学习中体验错误和自身的不足(2)在互助中体味成功的快乐 (3)在总结经验与教训中巩固知识 3、情感态度与价值观: (1)通过使用CSS实现文字的样式效果,体验CSS技术在网页制作中的优点。 (2)在错误中学习,在错误中成长,引导学生正确对待错误,提高自身的学习能力和素养 (四)教学重点和难点分析 1、教学重点: (1)样式表的概念 (2)内联式样式表的应用 2、教学难点: 如何正确使用内联式样式表 灵活使用样式表的定义语法格式 (根据不同的使用类型) 如何正确应用内联式样式表(根据样式表名称的定义类型) 3、解决策略: 以完型填空的方式,引导学生自主学习;提供出题(解题)思路,降低学生学习难度 (五)教学策略 1、通过创设问题情境引入学习。 2、提供学习资源(知识点1.ppt、学习任务.doc、任务1.htm,任务2.htm),指导学生自主学习。 3、通过完型填空帮助学生归纳、梳理所学的知识,提升对知识的理解和认识。 4、利用启发法引导学生运用理论创新实践,提高技术应用的水平。 5、通过交流评价,加深学生对知识内容的理解,促进其对技术应用的认识。 四、教学资源 (一)硬件:计算机网络教室。 (二)软件:Lanstar多媒体教学软件、FrontPage 2000、课件、学习资源(知识点1.ppt、学习任务.doc、任务1.htm,任务2.htm,样式表网页)。 (三)学生课前活动:课本第四章第一节HTML部分Page78,实践1、2、3,熟悉HTML标记的简单规律和特征 (四)教师课前准备:将学习任务.doc、任务1.htm,任务2.htm发送到学生机上,以备使用。 五、教学过程: 教学环节 教学资源 教师活动 学生活动 设计意图 创设情境 引入新课 (3分钟) 1、样式表网页 简单修改样式表,演示样式表对于整体修改网页风格的巨大魅力。 观看演示,体验样式表的巨大魅力。 创设轻松的课堂气氛,同时为引出课题做铺垫。本论文由论文格式网整理,转载请注明来源www.lwgsw.com,更多论文,请点论文格式范文查看 2、课件 1、设问:这样的样式,页面效果如何?如果用以前学的用工具栏来修改网页文本格式,有什么优点? 学生观察,总结样式表的巨大作用 让学生自己发现问题,分析问题,并得出结论。 引出主题 课件 1、样式表的概念 2、将样式表概念图形化,帮助学生理解 学生观察,理解样式表内容 降低难度,帮助学生更好的把握和理解知识点。 学习新知 完成实践 1、知识点概要 2、任务一 1、引导学生通过自主探究或自主学习,完成任务一,内容见“课堂任务.doc”。 机房巡回指导 完成完型填空 完成代码的输入 填写“错误总结” 让学生通过自己学习,解决问题。 学习交流 加深理解 1、学生网页 2、课件 1、查看学生完成情况 2、(展示课件)引导学生分析自己在制作中的遇到的问题 1、学生探讨在完成任务中遇到的问题 2、学生在错误中理解样式表的定义和使用技巧 通过引导和探讨,老师可以检查学生的学习情况,帮助学生梳理、归纳、提升知识。 提出任务二 课件、 学习任务.doc 任务二.htm 引导学生注意: 样式表名称的定义对于后面的应用样式表之间的关系。完成任务二,内容见“课堂任务.doc”。 完成任务二,掌握内联式样式表如何应用 完成“错误总结” 引导学生逐步体会样式表定义的名称与应用之间的关系。 交流与评价 任务一.htm
任务二.htm 请2位同学展示他们的任务完成情况。 1、先请一位实现效果好的同学展示超链接文字的动态变化,解说样式,并让学生介绍自己在完成任务中遇到哪些问题,自己又是如何解决的。 2、再请一位同学展示页面,并请其他同学进行评价,从而引出在学习样式表中要注意的问题。 1、学生先展示作品效果,然后介绍自己的样式表插入类型,接着解说自己在制作过程中遇到的问题,总结的经验等。 一位学生展示作品,老师和同学一起来纠错。 谈谈样式表的作用 通过自评和互评在巩固样式表知识点的同时,学会协作学习,学会从错误中找到真知,学会如何处理自己在学习中出现的错误,从而不断增强学生的学习能力和学习素养。 总结 课件 1、先请同学谈一谈今天的学习收获和感想。 2、教师总结,提出CSS其他应用实例,激发学生课后探究的兴趣。 3、感谢和鼓励学生在今后的学习中提出更多好的问题。 1、学生谈对CSS应用的认识和体会。 2、感受CSS应用带来的惊奇,产生继续探究信息技术的兴趣。 发现CSS技术的魅力,加深同学们对CSS的理解和认识,激发同学学习信息技术的兴趣。
六、知识流程结构 【参考文献】: [1]张文军《课程资源开发与利用的实践智慧》 高等教育出版社 2004年10月 [2]薛蕾《激发学生学习动机》 ttp://www.shuifeng.net/Teacher/ShowInfo.asp?InfoID=117 附:(1)学生学习资源(课堂任务.doc; 任务一.htm; 任务二.htm) (2)教师使用资源(课件.ppt; 样式表网页.htm)