挖掘课堂“错误”资源 提高学生学习素养——“CSS层叠样式表”教学设计

1、挖掘课堂“错误”资源 提高学生学习素养-css层叠样式表教学设计 一、设计背景1教材：教育科学出版社 网络技术应用（选修）2年级：高中一年级3教材章节：第五章动态网页制作第二节 理解动态html第二部分 css样式表（第一课时）4课时：1 非上机时间15分钟，其中讲解学习内容和学习方法 10 分钟，课堂结束时，教师与学生的总结5分钟，上机操作时间30分钟。二、设计思想课堂上，我们的教师如果能充分挖掘错误资源，发挥错误的价值，那么，我们的学生收获的，就是兴趣、信心和能力。本节课的设计主要围绕“情境导入讲授新知任务引领自主探究交流评价总结拓展”这样一条主线索展开。情境导入，用“比较”的方式展开，效

2、果明显。学生练习，由“完型填空输入代码，观看效果纠错总结”,由易到难,学习进度灵活。学生在不断的“思错”和“纠错”过程中，不断认识和改变自己原有的“粗心”、“想当然”等坏习惯，从而不断提升自己的学习素养。三、教学分析 （一）教材分析第五章 动态网页制作 5.2.2 css样式表， 主要介绍了动态html核心技术之一css样式表的基础知识和实现方法，是本章的一个重点和难点。通过学习和实践，学生应了解css技术的基础知识，并能简单地使用css优化网页。本段内容计划2课时完成。第一课时主要介绍css的概念和特点、基本语法和实现方式。第二节是外联式样式表的应用与扩展本课是第一课时，通过本课学习，让学生

3、体验css在网页设计中的应用价值，掌握内联式样式表的简单应用。（二）学情分析1、基本情况高一学生具有一定的认知水平和自学能力。通过第四章的学习，同学们已经了解了html代码的基础知识，能熟练操作记事本程序或frontpage2000编辑网页代码，这为本节课学习打下了良好的基础。2、可能遇到的困难和错误（1）对css在网页中的应用价值缺乏认识和理解，导致学习动力不够。（2）虽然学生储备了一些html知识，但第一次使用程序进行编码，对标点符号等重要的代码符号认识不足（程序语法中中只能使用英文标点），错误百出（3）学生对于样式表代码的输入位置不清楚，不经意间会删除某些重要标记符，如标签，导致整个网页

4、内容紊乱（4）样式表的应用思路不清晰，做着一些机械的模仿。3、学习策略1、 教师指引：（从简单入手，坚持以学生为主的思想）（1） 样式表概念的理解通过课件，将概念图形化，简单化（2） 内联式样式表的应用通过完型填空的方法，简化学生学习难度（教师准备资料）（3） 通过学生完成网页代码的输入，总结学习中的经验和教训，引导学生自我纠错，相互找错，共同完成学习任务（三）教学目标分析1、知识与技能：（1）通过学习和实践，认识样式表对于制作和美化网页的巨大价值。（2）通过学习和实践，会利用css对简单文本实现格式化。2、过程与方法：（1）在学习中体验错误和自身的不足（2）在互助中体味成功的快乐 （3）在总

5、结经验与教训中巩固知识3、情感态度与价值观：（1）通过使用css实现文字的样式效果，体验css技术在网页制作中的优点。（2）在错误中学习，在错误中成长，引导学生正确对待错误，提高自身的学习能力和素养（四）教学重点和难点分析1、教学重点：（1）样式表的概念 （2）内联式样式表的应用2、教学难点：如何正确使用内联式样式表（1） 灵活使用样式表的定义语法格式 （根据不同的使用类型）（2） 如何正确应用内联式样式表（根据样式表名称的定义类型）3、解决策略：以完型填空的方式，引导学生自主学习；提供出题（解题）思路，降低学生学习难度（五）教学策略1、通过创设问题情境引入学习。2、提供学习资源（知识点1.p

6、pt、学习任务.doc、任务1.htm,任务2.htm），指导学生自主学习。3、通过完型填空帮助学生归纳、梳理所学的知识，提升对知识的理解和认识。4、利用启发法引导学生运用理论创新实践，提高技术应用的水平。5、通过交流评价，加深学生对知识内容的理解，促进其对技术应用的认识。四、教学资源（一）硬件：计算机网络教室。（二）软件：lanstar多媒体教学软件、frontpage 2000、课件、学习资源（知识点1.ppt、学习任务.doc、任务1.htm,任务2.htm，样式表网页）。（三）学生课前活动：课本第四章第一节html部分page78,实践1、2、3，熟悉html标记的简单规律和特征（四）

7、教师课前准备：将学习任务.doc、任务1.htm,任务2.htm发送到学生机上，以备使用。五、教学过程：教学环节教学资源教师活动学生活动设计意图创设情境引入新课（3分钟）1、样式表网页简单修改样式表，演示样式表对于整体修改网页风格的巨大魅力。观看演示，体验样式表的巨大魅力。创设轻松的课堂气氛，同时为引出课题做铺垫。2、课件1、设问：这样的样式，页面效果如何？如果用以前学的用工具栏来修改网页文本格式，有什么优点？学生观察，总结样式表的巨大作用让学生自己发现问题，分析问题，并得出结论。引出主题课件1、样式表的概念2、将样式表概念图形化，帮助学生理解学生观察，理解样式表内容降低难度，帮助学生更好的把

8、握和理解知识点。学习新知完成实践1、知识点概要2、任务一1、引导学生通过自主探究或自主学习，完成任务一,内容见“课堂任务.doc”。2、 机房巡回指导1、 完成完型填空2、 完成代码的输入3、 填写“错误总结”让学生通过自己学习，解决问题。学习交流加深理解1、学生网页2、课件1、查看学生完成情况2、（展示课件）引导学生分析自己在制作中的遇到的问题1、学生探讨在完成任务中遇到的问题2、学生在错误中理解样式表的定义和使用技巧通过引导和探讨，老师可以检查学生的学习情况，帮助学生梳理、归纳、提升知识。提出任务二课件、学习任务.doc任务二.htm1、 引导学生注意：样式表名称的定义对于后面的应用样式表

9、之间的关系。完成任务二,内容见“课堂任务.doc”。1、 完成任务二，掌握内联式样式表如何应用2、 完成“错误总结”引导学生逐步体会样式表定义的名称与应用之间的关系。交流与评价任务一.htm任务二.htm请2位同学展示他们的任务完成情况。1、先请一位实现效果好的同学展示超链接文字的动态变化，解说样式，并让学生介绍自己在完成任务中遇到哪些问题，自己又是如何解决的。2、再请一位同学展示页面，并请其他同学进行评价，从而引出在学习样式表中要注意的问题。1、学生先展示作品效果，然后介绍自己的样式表插入类型，接着解说自己在制作过程中遇到的问题，总结的经验等。2、 一位学生展示作品，老师和同学一起来纠错。3、 谈谈样式表的作用通过自评和互评在巩固样式表知识点的同时，学会协作学习，学会从错误中找到真知，学会如何处理自己在学习中出现的错误，从而不断增强学生的学习能力和学习素养。总结课件1、先请同学谈一谈今天的学习收获和感想。2、教师总结，提出css其他应用实例，激发学生课后探究的兴趣。3、感谢和鼓励学生在今后的学习中提出更多好的问题。1、学生谈对css应用的认识和体会。2、感受css应用带来的惊奇，产生继续探究信息技术的兴趣。发现css技术的魅力，加深同学们对css的理解和认识，激发同学学习信息技术的兴趣。css样式表六、知识流程结构样式名称样式