设置网页的动画效果

课 题

设置网页的动画效果

主备人

陈立军

教学目标

1、知识目标：

让学生能够熟练、灵活地美化自己的网页作品。并通过小组活动，培养大家合作、探究的能力。

2、技能目标：

使学生掌握网页制作中添加动态效果的方法。

3、情感、态度和价值观目标：

通过网页动画效果制作，来增强网页的吸引力，培养学生的审美能力，提高自身的艺术修养。

重点

难点

重点：在网页中添加滚动字幕、交互式按钮、动态HTML效果，横幅广告管理器效果。

难点：对各个对话框的具体设置及其功能运用。

教学素材

教案、教学课件、探究用素材等

教师活动

学生活动

设计意图

创设情境

激发兴趣

师：（第一先给同学们展示两张图片，给同学们以美的享受。第二展示已经制作好的两张网页，一张很单调，另外一张是带有动画的网页。）同学们，这是两张不一样的网页，请你们仔细的观察，（观察约30秒左右）然后分小组讨论这两个网页有何不同？（讨论约1分钟）

师问：你们认为哪一张好看？注意要说说自己的理由？

师：（及时评价）这个学生很有审美观点，说出了自己的看法。

师问：大家想学习设置网页动画的方法吗？

师：今天我们就来学习一些设置网页动画效果的方法，主要有在网页中设置添加滚动字幕、交互式按钮、动态HTML效果。

学生有秩序入座

学生认真的观察两张网页

学生激情的探讨发表自己的见解

组一代表：

第二张好，装饰好的房子好，因为漂亮美观。

组二代表：

第二张好看，因为有动画……

生：（学生的动手制作网页的兴趣被调动起来，课堂教学就成功了一半。）想。

好的开始就等于成功了一半。这一部分主要通过创设美感情境，提高学生审美意识，激发学生制作动画效果，美化网页的热情。

通过展示作品，使学生对美好的事物的向往，增强审美的观念，从而激发对本课学习的极大兴趣，激起强烈的动手制作欲望。

启发探究

技巧点拨

教师在问题情境中，设计进一步探索问题的建议和暗示。在讲解的过程中应详略得当，突出重点，巧妙分散难点，充分挖掘学生的潜能。

教师引导，让学生想象一下我们将要做的动画效果，

滚动字幕：按字面意思分解一下，首先是字幕，第二是滚动的，字幕同学们不陌生吧，看电视时的开头、最后的字幕，演员表。

悬停按钮：首先是一个按钮，那就插入按钮吧，悬停啊，就是鼠标停在上面啦，会有什么效果呢？自己快点动手吧。

学生通过听教师讲解，明确任务，探究解决任务的方法。

教师在启发学生时，多给予方法的引领，而不是操作步骤的演示。通过教师分解任务，对所做的效果有一个大概的了解，并且真正懂得这个效果的含意，这样学生可以在理解了的 基础上做最大的创作发挥，

自主探究

交流分享

（一）自主探究：

1、明确探究任务：

（1）让网页上的“文字”动起来，完成添加滚动字幕，动态HTML效果。

（2）让网页上的“图片”动起来，合作完成悬停按钮，横幅广告管理器效果。

2、师：如果在制作的过程中我们遇到了困难，应怎样解决呢？

师：同学们小组内部交流疑难问题。或者和其他同学商量、看教材、查资料。如果再解决不了的问题请教老师，老师巡视指导。

（二）交流分享：

1、小组内交流汇报，推选代表发言。

师：我看同学们通过自己的探究，已经小有收获了。下面，各小组成员就把自己的收获和小组内的同学交流交流，然后每个小组推选一名代表来发言，说说你们小组共同努力的结果。咱们看看哪个小组的同学收获的最多，汇报的最精彩。好，开始。

师穿插在小组当中，了解交流汇报的情况，为下一步的合作交流奠定基础。

2、各小组代表在班级内汇报研究结果。

师：同学们讨论的这么热烈，看来收获还真的是不少。下面，我们各小组派代表来汇报研究成果，注意尽量地边操作，边说说小组的研究成果。

3、在交流分享过程中，老师穿插在小组中，并进行适当调控、点评、指导。

4、在此基础上，鼓励学生进行插入背景音乐的方法尝试。

在组长的带领下，讨论，并按照教材中“操作指南”的步骤完成任务。

学生积极开始操作任务：插入滚动字幕和悬停按钮。

学生根据不同的效果，分小组进行研究。（自主探究）

学生找到自己喜欢的效果并进行小组探究学习。

学生进行探究（约15分钟）

生：内部交流，推选代表发言。

四个小组的学生代表分别边讲解边操作的完成他们的作品，其他同学观看演示学方法找不足。

让学生在明确学习目标和学习任务后，进行自主学习。在整个学习过程中充分发挥学生的主动性，培养学生独立分析、解决问题的能力，使学生能够循序渐进地学习信息技术的知识和技能。

学生以小组为单位，自主交流，并推选代表发言，以期养成良好的学习习惯。

学生将自主探究的结果进行分享交流，使得学生的思维进行充分的激活，获得解决问题的最佳途径，并使学生在独立探索过程中不断获得成就感。

合作学习

释疑解难

师：刚才，我们分别听取了四个学习小组的汇报，我发现同学们的收获还真不少。对于网页动画制作过程，哪些同学还有不明白的地方，可以提出来，我们大家一起来共同探讨一下？

教师集中讲解比较有共性的问题。（包括实践和理论的问题。）

学生以小组的形式讨论提出疑难问题，如:各种对话框的详细设置等。

学生再互帮互助，解决一些疑难问题。找出都解决不了的问题向老师求助。

学生认真听并做好记录。

将学生在自主探究中出现的没有解决的重难点问题，再次交给学生，通过小组内分析讨论，找出方法，使问题得以解决，达到开阔学生思路、进一步理解知识的目的，并使学生的团结协作能力得到培养。最终学生有解决不了的问题，老师可以有针对性的进行点拨提示。

实践创作

展示评价

师：大家都没有问题了，看来同学们对刚才所研究的内容已经掌握的不错了，根据刚才我们研究的内容，运用今天所学的知识，我们一起来展示展示，看谁美化的最好、做的又快？

师巡视，发现有新意的作品，将予以展示。并将自己的观点和学生们的观点相结合来对作品进行评价。在此基础上，每个小组评选出优秀作品。

师：这节课，我们每个小组都制作出了非常棒的作品，相信以后的练习，大家的作品会更优秀的。

学生实践创作

学生吸收集体的建议进行二度创作。

学生评选出“最佳网页奖”

采用多种形式对学生的作品进行展示、交流、评价，增强学生的自信心和自我成就感，同时达到交流思想、取长补短的目的。

梳理总结

拓展延伸

生：找学生来回顾本节课内容。

师：根据生回顾情况，再由教师作适当补充。

师：这一节课我们学习了网页的动画制作，还创作出了许多优秀的作品，希望同学们能将今天所学的内容运用到我们的实际生活当中去，由修饰、美化你的网页进而美化自己的生活，如卧室的布局、客厅的装饰等等。

师：提出的拓展问题。在因特网上，有许多的好看的gif动画，如何把它插入到我们的网页上呢？

生：利用课下时间查阅完成。

板书设计

第5节 设置网页的动画效果

教学反思

1、这节课选的网页主题和素材比较好的吸引了学生，激发起他们的学习兴趣。

2、学生在操作过程中，创作了很多优秀作品，提高了网页修饰、美化能力，增强了审美观念，提高了自身艺术修养。

3、时间分配有些不合理，前面用时有点长，使得后面的操作做得很匆忙。

4、再教这一节课的时候我要准备给学生更多的素材，把时间更多的还给学生让他们尽情的享受网页美化带给他们的乐趣。