二等css样式表.doc

评委1评语：教师对于不同知识点之间过渡的情节设计十分用心，让学生自发产生学习需求，形成教学活动的良性循环。评委2评语：把CSS与魔术联系起来，给这节原本枯燥的内容赋予了新的生命和活力。教学设计思路清晰，教师巧妙运用存在问题的网页，设置思考和改进的问题，让学生在修改过程中轻松掌握css样式表的功能和使用以及三类样式表的选择应用。教师还运用类比的方法，帮助学生理解抽象的CSS类型，轻松化解教学的难点。网页魔术师CSS层叠样式表教学目标：1知识与技能：掌握css样式表的概念，并能够根据实际情况，选择合适的样式表对网页或网样式进行修改。2过程与方法：通过让学生在操作中产生认知冲突，从而循序渐进完成教学。 3情感态度与价值观：培养学生合理选择并利用样式表美化网页的思想。 教学重点：css样式表的功能和使用教学难点：外联、内联和内嵌三类样式表的选择应用学生分析：高一年级的学生在必修课本中已经掌握了网站制作的基本要领。但对于动态网页这部分内容比较生疏。CSS样式表对于学生来说枯燥、无趣，学生仅有一点html知识，因此要在html的基础上，让学生理解和掌握几类样式表的功能、特点，需要有针对性地授课设计。教材分析：CSS层叠样式表这部分内容取自中国地图出版社信息技术选修3网络技术应用第四单元第四节，教材中对于样式表的功能特点进行了详细的介绍，但对于具体应用方面有些欠缺，没有给教师更多的范例。因此对于这部分内容的教学，教师需要自行寻找课堂突破口，设计情境，完成教学。教学过程：教师活动学生活动教学意图一、【我来变魔术】师：“同学们，春晚中刘谦的魔术给大家带来了一丝震撼，眼下魔术非常流行，我们中的不少同学对此也特别着迷，今天我们的课程就从魔术开始，我也给大家变一个魔术，露一手”。教师屏幕广播，展示网站茶客小栈|教师关闭屏幕广播，快速在FrontPage中按下“确定”按钮（上课前事先加入css样式表，但不单击“确定”）|请一个学生上讲台，单击浏览器中的“刷新”按钮|网站“大变身” ，学生惊呼|魔术结束，学生小声讨论观看魔术变化前后网站的变化。利用魔术展开情境教学，吸引学生兴趣，激发学习热情。魔术前页面效果魔术后页面效果二、【教你变魔术】师：“刚才我们表演了一个网站大变身的魔术，同学们一定很想知道这个魔术的秘密，今天就要教会大家这个魔术。魔术之前，我们先来热身”。魔术前热身：给学生提供变魔术的两个“道具”，两个网站，先请学生对这两个网站进行简单评价，找出需要修改的地方。网站1：科普博览网站2：茶客小栈让学生利用已有的网站制作的知识，分别对这两个网站进行加工修改。（修改所有的文字格式、网页背景）（单学号的学生修改网站1，双学号的学生修改网站2，同桌彼此互相学习）（教师巡视指导）屏幕转播某学生（单学号）操作过程：逐一修改文字、背景，从而产生重复劳动，效率低。教师由此引入CSS内联样式表的功能及使用方法（教师在学生机上操作，插入内联样式表）学生找出网站中需要修改的地方。网站1：首页超级链接文字不美观。网站2：所有网页的背景单调，文字拥挤。学生利用已有知识对网站进行修改。观看教师的操作过程为CSS样式表内容做铺垫。这是一个让学生 “碰壁”的过程，从中产生需求寻找解决问题的新方法。学生此时仅是“依葫芦画瓢”的学习过程，是一种对样式表的体验过程。屏幕转播另一学生（双学号）的操作过程l 师：根据刚才所讲的知识，你打算如何操作？l 生：在每一个网页中插入代码。l （学生插入内联样式表）l 师：这样效率高吗？l 生：l师：每一个网页都插入内联样式表，会造成工作繁琐，语句重复，导致运行速度减慢。怎么办？举例：给大家出一道数学题师：ab+ac+ad=？生：a(b+c+d)师：什么方法？生：提取公因式（板书）由数学中的“提取公因式”引出：一样的道理，此时可以编写一个CSS文件，借助外部样式表来实现不同页面的风格。这样可以减少代码，提高网站运行速度，这就是外联样式表。操作方法：格式样式表链接学生利用所体验到的样式表的知识，重新对两个网站进行整改。使学生产生认知冲突找到了数学中“提取公因式”这一知识点，成为讲解外联样式表的突破口。让学生自然的接受了外联样式表。三、【魔术DIY】教师发送网站“古乐坊”和“学件”。网站：古乐坊学件屏幕广播：提供网站古乐坊，教师提出修改意见，让学生根据所学知识，参照“学件”的帮助，正确选择样式表进行网站美化。 “古乐坊”修改意见1.将index标题栏文字由“新建网页1”改为“古乐坊”。2.利用style.txt文件，统一网站的风格，观察效果。3.利用mingqu.txt文件，改变mingqu.htm页面风格。4.利用picture.txt中的代码，将mingqu.htm中的图片进行美化。5.将鼠标悬浮的文字颜色由红色改为蓝色。鼠标超链接悬浮式样由“”变为“”。 （“”图片为imagesmouse051.ani）（教师巡视指导）屏幕转播某学生操作过程，学生演示并讲解。通过任务4将内嵌样式表简单讲解。根据所学知识，灵活选择样式表，将网站成功美化。学生演示让学生不仅仅“依葫芦画瓢”，还要活学活用。通过学生的讲解带领全班同学对样式表进行巩固。四、【魔术课总结】（板书总结）（学生）说出三类样式表的名称、作用范围和使用方法。（教师）加上线条，顺利完成板书表格：学生总结对样式表的概念、功能、分类等知识再梳理。五、【魔术师考核】分层次：没有完成网站美化任务的同学继续完成，完成好的同学进行魔术师考核，检验自己的学习效果。分层次完成任务通过自我考核，让学生对自己的学习效果进行检验。教学反思：本课为市级公开课，并受一致好评。CSS层叠样式表这部分内容本来比较枯燥乏味，教师讲解起来有一定的难度，如何把这三种样式表的概念、特点和功能说清楚是至关重要的。因此需要创设一定的情境教学，让学生更容易接受。全文共分五个部分：【我来变魔术】【教你变魔术】【魔术DIY】【魔术课总结】【魔术师考核】。通过对整个教学过程的认真回顾，有以下几个设计亮点：1创设魔术情境教学如何设计开场，吸引学生注意？这是课前思考很久的问题。最后决定利用时下比较流行的刘谦魔术作为开场，激发学生兴趣。这样做的目的不是为了“故弄玄虚”，而是认为这样做可以将CSS样式表的神奇功能最大限度的表现出来，让学生带着疑问和兴趣走进课堂。2在“碰壁”中产生认知冲突让学生利用已有知识修改网页，让学生在这样的“重复劳动”中产生认知冲突，这样的做法对不对？适不适合？从而产生需求寻找找到解决问题的新方法。在讲解完内联样式表后，利用内联样式表去修改网站中的所有页面，又会出现这样的认知冲突，此时也同样需要寻求一种更为高效、便捷的方法去完成任务。3利用课程整合，找到突破点本课的一大亮点就是利用数学中的“提取公因式”引出外联样式表的特点和功能。这样做的目的可以让学生从认知上顺利过渡到外联样式表的学习，接受起来更加容易。4精彩的总结，恰当的自我评价撇去了教师总结的俗套，让学生自我梳理知识点。教师在学生总结的基础上，勾画线条，形成表格，效果很好。课堂结尾处的自我评价，让学生可以对自己的学习效果进行自评。 本节课，整体效果不错，学生们基本上都能够顺利完成教学目标。听课教师一致认为这节CSS样式表公开课是一种全新的语言教学尝试，值得学习和效仿。反思教学对自己来说是一