网页特效揭秘.doc

网页特效揭秘 [一]案例背景信息 １．学科：信息技术 ２．年级：高一年级 ３．所用教材版本： 出版单位：中国地图出版社 编写单位：天津市教育教学研究室 [二]教学设计 （一）对应课程标准： 初步掌握用计算机进行信息处理的几种基本方法，认识其工作过程与基本特征。 （二）教学内容分析 本节内容源自地图版教材第四单元第三节尝试开发技巧。本单元以信息加工与表达为中心，以制作网页为例，经历创作电子作品的实践活动过程。而本节则是由于网页表达进一步需求的产生，来引导学生学习计算机处理信息的多种方法，教学内容主要以网页特效问题为主线索进行导入和教学组织的，从中引导学生通过分析特效代码认识到计算机程序在问题解决中的特殊作用，了解程序设计的基本结构，从而达到自我认知的进一步提升。 （三）学生分析： 高一学生对网页特效接触较多，也有较强的学习兴趣，但对其中相应的程序代码并不理解，由于他们对程序设计，程序结构及相应的语句思想。 【师】网页赏析，展示带有特效的网页，提出问题：大家是否见过类似的网页效果？它在网页表达中起到的效果如何？ 【生】观看，交流讨论。 【师】师生共同归纳：网页特效增强了表达的丰富性、吸引力等。并从中总结这种效果可能的技术实现方式：（1）用软件生成。（2）加入代码。 揭示网页的本质是由代码编写的文档：“查看——源文件”，指导学生利用记事本工具来编辑保存网页。 二、通过对比，找出特效代码，引出计算机程序 1、通过对比，找出特效代码： 【师】提供空白页和一加入特效的网页，引导学生从对比中，找出核心代码。 【生】查看→源文件，找出特效代码部分。 【师】为了进一步验证结论，尝试在原网页中删除该代码（Script……/script）并预览结果。 【生】确认了结论。 2、借助学习网站，了解Javascript： 【师】提出一些问题，为学生自主学习提供方向。 【生】浏览学习网站相关内容，认识Javascript脚本语言，思考提出的一些问题。 1）Javascript脚本语言的作用？ 2）简述Javascript脚本语言的代码特点。 3、师生总结，引出利用计算机程序解决问题的方法： 【生】回答学习网站中提出的问题。 【师】1）与学生共同总结一些问题。 2）引出利用计算机程序解决问题的方法。今天就通过Javascript脚本语言来了解计算机程序设计的思想。 三、动手实践，，认识三种基本结构，体验用程序解决问题 1、动手实践，初步体验： 【师】在学习网站中“练一练”栏目下，（分别针对程序的三种结构）提供了三个小特效，由学生任选其一进行体验。目的是让学生进行模仿，自己做个特效，亲身体验一下。 特效一：“你知道今天是*年*月*日吗？让计算机来告诉你吧！” 特效二：“圣诞节倒计时”。 特效三：字符逐渐变小的效果。 任务要求：可以使用记事本工具，编辑制作一网页，显示某一效果，按要求进行保存。 【生】任选一个效果，进行实践。通过选择关键代码，初步体验用计算机程序解决问题的方法。 2、认识结构，提升思想： 【师】带领学生从程序结构上进行分析。 针对特效一：（1）引导学生进行简单修改，如：只显示出年月。 （2）引导学生联想数学中函数、变量的意义与作用。 （3）由学生找出这段程序中的函数与变量， （4）指明计算机是顺序执行该程序的，给出流程图。 （强调思想一：自顶向下逐步运行） （5）联想生活当中的一些情况。 针对特效二：（1）先从“倒计时”问题出发，分析其算法实现过程，并给出流程图，指出分支结构。 （2）引导学生查看代码，找出关键字“if”、“else”等。并做一下简单改动，如：将其改为“奥运会倒计时”。 （强调思想二：分支让计算机变得智能化） （3）联想生活中的一些情况，如：十字路口红灯停、绿灯行。 针对特效三：从“文字逐渐变小，重复显示”问题出发，尤其是引导学生分析数目很多时效率低下、重复枯燥，从而分析其算法实现过程，并给出流程图，指出循环结构。(强调思想三：简化重复性任务，提升效率) （4）引导学生查找程序中的关键字。 （5）联想生活中的一些情况。 【生】（1）与教师一同思考分析问题，并通过流程图明确问题。 （2）自己查看代码，找出关键字“if” “else”。对分支结构有感性认识。 （3）结合流程图认识循环结构中的初值、终值、控制变量等。 （4）联想生活中的一些情况。 3、归纳小结： 【师】（1）明确计算机程序利用这三种结构可以解决各种复杂的问题。 （2）展示一些网页及特效，与学生共同分析其可能使用的结构。 【生】思考，与教师共同分析。 四、拓展应用，加深体验 【师】提供四个特效，由学生任选一个去体验。每一种效果的代码中含有不同的结构，主要让学生能对于程序结构进行简单分析。有能力同学能对其中的内容做一下简单修改，体验