给网页增加动感效果 教学设计(五篇)

给网页增加动感效果 教学设计篇一

内容分析

本课的教学内容是第四课学习的一个延续，属于“造型表现”领域的一个学习内容，是色彩系列的一部分。教材中介绍了野兽派的先驱安德烈·德兰，课文中所出现的《查灵克罗斯大桥》这幅名作，强烈的色彩对比使画面产生了动感，无论是树，还是路或街上的车和行人都和着一种旋律在动。学生通过对作品的欣赏，感悟对比色在绘画作品中的强烈、活泼、跳跃等美感，并由此激发创作的灵感。

学生分析

在学生对《色彩的对比》的学习后，对本课的安德烈·德兰《查灵克罗斯大桥》的欣赏会更容易，对运用对比色彩进行创作有

教学目标

知识与技能：学习和了解色彩的视觉规律，引导学生感受色彩对比的形式美感，运用色彩的对比完成一副有动感的作业。过程与方法：通过欣赏艺术作品中色彩的对比，培养学生的审美能力，提高色彩的造型能力。情感态度与价值观：培养学生热爱生活、热爱自然的情感以及对美术学习活动的兴趣。

教学重点

如何用色彩的对比关系表现动感。

教学难点

对比色的运用以及画面动感的表现。

课前准备

教学课件、绘画工具、材料。教学过程

一、导（导入新课）

1、比赛：请学生以小组合作的形式，以最快的时间利用彩色纸张拼贴作品《跳动的旋律》。

2、交流合作的成果，比一比谁运用的对比色最多、谁的画面表现的动感最强。

[设计意图]以游戏的形式来检查学生对前课关于“色彩对比”知识的掌握情况，通过比较合作的作品，巩固本课的知识点，并引入欣赏名作。

二、示（出示学习目标）

1、学习和了解色彩的视觉规律。

2、如何用色彩的对比关系表现动感。

三、论（学生分小组讨论）

欣赏：请学生欣赏安德烈·德兰《查灵克罗斯大桥》。

1、出示两幅相同的画面，但所运用的色彩不同。

（a图：原作 b图：利用修图软件修改成色调平和的画面）

2、两个画面给你的感觉是怎么样的？

3、画家利用色彩的对比表达了怎么样的情感？

4、你在哪里见过这样充满强烈对比色彩的景物（画面）？

5、老师小结。

[设计意图] 老师设计谈话式的问题，引发学生的自主思考。让学生在创设的环境中激发学习的兴趣和愉悦的心情。

四、范（教师演示）

出示一幅表现跳动的画面（线描稿）„„

五、练（学生练习）

1、参考课本的学生作品：利用水粉颜料表现这个跳动的画面。

2、尝试：自己选择一个主题进行创作。

3、老师巡视辅导，对优秀的作品进行适时的表扬，对个别的作品进行即时的修改。[设计意图]从小组合作到个人表现、从颜料绘色到自主创作，难度逐渐增加，既能循序渐进，又能有效地调动学生的积极性。

六、评（展评作品）

1、学生为自己喜欢的作品进行介绍、或评价其他同学的作品，说说为什么喜欢。

2、老师作出适当的补充和点评。

[设计意图]培养学生对作品的评价能力，在欣赏与比较中体验成功的喜悦。

给网页增加动感效果 教学设计篇二

《让网页动起来》教学设计

教材分析：

教材主要是介绍通过在网页中添加字幕与在网页中添加“动态图片”，“更改属性”等dhtml动态效果，让“网页动起来”。通过前面的学习，学生熟悉了教材第一课所列举的网页所有的组成元素，已基本掌握建立一个“静态”网站的方法。本课知识拓宽了网页制作的途径，拓展了之前制作网页的方法，弥补了之前表达网页效果制作手段上的不足。

学情分析：

1、学生在此之前已经会利用acdsee将彩色图片修改成黑白图片，能熟练地通过word字处理软件进行字体的设置，已学会了制作“静态”网页的操作方法。

2、目前因特网上网页的动态效果应用普遍，学生在平时上网浏览信息时经常接触，对网页的动态效果已经有一定的感性认识，因而，在网页中添加字幕和dhtml动态效果后，网页具有良好的动感，对小学生更具吸引力，学习本课的兴趣将相对较高。

教学目标：

1、知识与技能：在网页中添加字幕，并能对添加的字幕进行设置；在网页中添加dhtml动态效果，并了解其用途和特点。

2、过程与方法：在小组活动中培养学生自我探究、主动学习、自我创新的能力，培养学生如何获取信息、处理信息和应用信息的能力。

3、情感态度价值观：让学生在自主解决问题的过程中培养成就感，为今后学会自主学习打下良好的基础。

教学重难点：

1、教学重点：运用滚动字幕、悬停按钮美化自己的网页

2、教学难点：给网页插入字幕、dhtml动态效果

教学方法：

1、讲授法；

2、演示法；

3、练习法；

4、讨论法；

教学过程：

一、观赏导入，激发兴趣

1、展示已按本课要求制作完成的网页，特意将鼠标悬停在会产生动态效果的图片及文字上，引导学生注意观察，想想网页中哪些元素吸引了自己。

2、请学生谈谈网页中哪些元素吸引了自己。

师：这张网页向我们展示了与前几节课不一样的东西，原本静态的网页多了一些动态的元素，如滚动的字幕、会变化的图片等。揭示课题——让网页动起来。

【设计意图】前几课所学网页中的文字和图片均是“静态”的，因此导入部分展示包含“动态”文字及图片的网页，引起学生的注意，激发其好奇心和求知欲。

二、自主探究，合作交流

1、在网页中添加字幕。

师：网页中常常有一些滚动的文字，我们称之为“字幕”。在网页中添加字幕，如同在网页中插入图片。教师操作演示：（1）打开主页；

（2）将光标移到网页的末尾，执行“插入”-“水平线”命令，插入一条水平线；（3）将插入点光标定位在水平线的下一行；

（4）执行“插入”-“组件”-“字幕”命令，打开“字幕属性”对话框，在“文本”框中输入“欢迎光临笨笨熊之家，请多指教！”，单击“确定”按钮；（5）保存后，预览网页，观察字幕效果。

字幕的字体、字号、颜色、背景等设置操作与word的一样。

学生动手操作练习，教师到学生中巡视，帮助困难学生及时解决问题，鼓励完成的学生发挥创造力和想象力，完善作品。

2、在网页中添加dhtml动态效果。

师：所谓dhtml动态效果，就是访问者在浏览网页的文字或图片时，随着单击鼠标或鼠标悬停或加载网页等事件发生，文字或图片就会相应地按设定的效果变化；事件消失，文字或图片恢复原样。教学操作演示：

（1）用图像处理工具将一张图片处理成黑白图效果，并存到主页所在文件夹下的images文件夹中；

（2）打开做好的主页，选中图片；

（3）单击“格式”下拉菜单中的“动态html效果”命令，打开“dhtml效果”工具栏；（4）在“dhtml效果”工具栏的“开启”下拉框中，选择“鼠标悬停”事件；（5）在“应用”下拉框中，选择“交换图片”；

（6）在“选择设置”下拉框中，单击“选择图片„„”弹出“图片”对话框；在“图片”对

话框中，选择要交换的图片文件，单击“确定”；（7）保存后，预览网页效果。

学生动手操作练习，教师到学生中巡视，帮助困难学生及时解决问题，鼓励完成的学生发挥创造力和想象力，完善作品。

3、试一试。

编辑“七巧板”主页，实现如下效果：浏览网页时，当鼠标指针悬停在“鲁班锁”或“九连环”或“华容道”文字上，文字变成加粗、倾斜、红色。

【设计意图】让学生阅读教材有助于明确任务，实践后在回过头来理解dhtml动态效果，能够帮助学生更好地掌握知识。

三、交流讨论，归纳总结

1、请同学展示自己已经完成的作品，并说说自己为什么这么设置。对完成得比较好的同学进行鼓励性评价。

2、请学生结合自己本课的操作，说说自己学到了什么？

【设计意图】通过师生交流，帮助学生梳理知识点，通过问题引发学生思考。

板书设计：

让网页动起来

一、在网页中添加字幕

二、在网页中添加dhtml动态效果

教后反思：

经过本课的学习，学生初步掌握了在网页中插入字幕并进行相应设置以及通过“鼠标悬停”等动态效果，体验“网页动起来”后浏览者带来的视觉冲击，感受frontpage网页制作功能的强大，发现原来网站中动态效果的实现也不是很难，激发制作网页的兴趣，调动进一步学习的积极性，为后续课程的学习打下基础。同时，通过教师的引导，探究学习“字幕属性”对话框、“速度属性”的设置于文字“更换属性”设置与动态效果的关系，删除选定对象动态效果的操作方法，体验探究的乐趣，体会交流的重要性。

给网页增加动感效果 教学设计篇三

《让剪影动起来》教学设计

一、教学目标

1.学习用黑色卡纸制作剪影人物。2．了解皮影艺术的特点。

3．增强对中国民间传统艺术的了解。

二、课前准备

1．搜集有关皮影的图片文字资料。

2．准备黑色卡纸针线竹条剪刀刀片等用于制作剪影的材料。

3．选择几个传统剧目或故事（民间故事成语故事）所选择的剧目或故事，内容和情节应简单易懂。

三、教学过程

第1课时

（一）引导阶段

1．学生之间交流搜集到的有关皮影的图像和文字资料，谈谈他们所知道的皮影知识。

2．分组讨论皮影戏中人物的造型特点（用灯光照射兽皮或纸版雕刻成的人物剪影以表演故事的戏剧剧目唱腔多同地方戏曲相互影响，由艺人一边操纵一边演唱，并配以音乐）。

3．指导学生观察教科书上的图例技法点击栏目中的剪影人物制作过程，想一想皮影该如何制作。

（1）第一步：剪出人物造型。（2）第二步：用针线缝上手臂腿。（3）第三步：装上木棍。（4）第四步：操作、表演。

（二）发展阶段

1．将学生根据剧目或故事，分成小组，分小组进行构思合作创作（提示学生要根据故事的内容和情节来考虑人物的造型特点）。

2．学生进行创作，教师巡视指导。3．未完成的可以在课后接着制作。

4．准备下节课的表演，想一想该怎样表演。

第2课时

（剪影表演）课前准备：布置环境

（一）每个小组将自己制作的剪影

轮流进行表演展示体验民间皮影艺人的表演技能。

（二）教师对学生的表演进行总结点评。

（三）总结

激发学生对民间美术的认同感。

（四）拓展

用透明胶片等透明或半透明的材料，试着制作彩色的皮影，在课余，同小伙伴一起演一演。

给网页增加动感效果 教学设计篇四

《让机器人动起来》教学设计

顺德区北滘镇林头小学 麦盛维

一、设计思想

以机器人实践活动为学习活动方式，通过图形化的编程降低学生学习算法与编程的难度，结合课件加强对程序运行过程的理解，激发学生学习机器人编程的强烈兴趣，提高学生的动手操作能力和锻炼其互助合作的团队精神。

二、教材分析

五年级的信息技术教材内容以学习logo语言编程为主，穿插了用logo指挥机器人的知识内容，主要目的是想通过机器人的活动进一步巩固和运用第一章所学内容，使枯燥的算法学习形象化、趣味化，从而降低学习难度和激发学习兴趣，使学生感受“确定算法-编程实现”这一计算机解决问题的一般过程；本人这节课主要是想通过策划活动，将初中所学的信息技术综合应用到学习和现实生活中。

三、教学目标

（一）知识目标

1.理解程序设计思路，掌握程序基本结构之一——循环结构。2.重点掌握svjc1.6系统的图形化编程方法。

（二）能力目标

1.培养学生的自主学习能力和综合运用知识的能力。

2.培养学生的探究学习能力、动手实践能力和创新思维能力。3.培养学生的协作学习能力。

（三）情感目标

1.激发学生的学习兴趣，培养学生勇于尝试的精神。2.培养学生互帮互助的团队精神。

四、教学重、难点和研究问题

1.教学重点：svjc1.6系统的图形化编程方法。

2.教学难点：由于学生刚接触该内容的学习，在调试程序过程中，既要动脑又要动手还要根据各自程序执行的不同情况认真分析，准确找到问题所在，及时修改，这些对他们都有难度。

五、研究问题：引导学生用svjc1.6系统编写和调试程序，使机器人按自己设计的路线走。

六、教学对象及学情分析

通过logo语言程序设计基础的学习，学生已了解了程序设计的基础知识，具备了一定的图形模块操作能力，急切希望手中的机器人能快些动起来。因此，学生对本节课具有浓厚的学习兴趣和强烈的求知欲望。

七、教学工具

机器人教学实验室、svjc1.6开发版软件、广茂达中学版智能机器人（8台）、教学课件和视频资料。

八、教学安排

1课时。

九、教学策略与教法

创设情境引入新课，讨论分析领悟新知，合作探究提高效率，实践操作理解实质，讨论交流共同提高。

十、教学过程

（一）创设情境、导入新课

演示机器人灭火的过程，激发学生的兴趣。

引入：同学们，你们想不想让自己手中的机器人动起来呢？好，别着急，从本节课开始我们就开始学习给机器人编程的知识，让它按照我们的指示来行动。

（二）引领探索、获取新知

1、实践活动一：前后走

通过简单“前后走”的动作让学生快速掌握图形化编程方法，以及如何让机器人动起来等基本操作步骤。

2、实践活动二：走正方形路线

今天，我们的任务是让机器人走四边形。问：机器人走四边形需要经过哪几步？

引导学生回答：机器人走四边形就是让机器人完成“前进→转弯→前进→转弯→前进→转弯→前进→转弯”，也就是机器人需要完成四个“前进→转弯”。教师提示（播放课件）：要让机器人完成一个“前进→转弯”，首先需要启动电机，使机器人能以一定的速度向前运行一段路程，然后停下，以左轮为中心旋转90°再停下，这样就能走完四边形的一边。

提问：要让机器人走四边形，需要重复上述步骤几次？ 学生回答：4次。

教师总结（播放课件）：重复4次相同的步骤，有一个简单的方法，就是编程的基本结构之一——循环，本任务即循环重复4次。(1)根据编程思路，学生自主探索图形化编程方法。(2)找学生演示自己的流程图，师生一起查找问题。(3)教师给出标准的流程图，对主要模块进行讲解（播放课件）。

机器人走四边形流程图如图1所示，此程序的步骤如下：

①用鼠标点击图2“控制模块库”，从中选择“多次循环”。鼠标右击图3图标，在弹出的图4界面中，将循环次数由10改为4，这意味着要循环执行4次。

②点击图5“执行器模块库”，选择“直行”模块，在↑↓直行上点击鼠标右键；出现图6，按照文字的含义进行设置即可，如图6表示让机器人以速度80前进0.5秒。

③点击图5“执行器模块库”，选择“转向”模块，在转向上点击鼠标右键；出现图7，在“速度”和 “时间”栏内分别填写适当的值，使机器人向右旋转90°。

（三）互动协作、调试程序

程序编写完毕，我们将编好的程序下载后让机器人在真实环境中运行。结果发现，机器人可能走得不很规则，转弯的角度不正确，那么需要我们对机器人进行调试。

（四）拓展延伸、学以致用

设计“我和机器人跳个舞”教学环节，是为了进一步发挥学生的创意，以及提高他们的团队协助精神，此外通过分组演示、评价反馈，让学生在课堂中得到自我实现的乐趣。

（五）小结

提问激趣，收尾呼应：同学们觉得自己来控制机器人好玩吗？以后还想不想学机器人方面的知识？

给网页增加动感效果 教学设计篇五

《让幻灯片动起来》教学设计

教学目标

1.知识目标：

（1）能为幻灯片中的文本、图片、添加适当的进入效果；（2）能结合幻灯片内容调整动画顺序；（3）掌握动作路径的设置方法。2.能力目标：

培养学生的实践能力和信息处理能力。3.情感目标：

（1）培养学生自主学习的能力和创新能力；

（2）使学生体会到“将我所学，为我所用”的乐趣；培养学生热爱祖国的美好情感。

教学方法

在这节课的教学中，我采用“任务驱动教学法”，把所要学习的内容隐含在一个个任务主题中，使学生通过完成任务达到掌握所学知识的目的。

教学过程

一、创设情境、激情导入

设计理念：通过“奥运宣传文稿”情境导入，激发学生兴趣。

出示静态的演示文稿和动态的演示文稿进行对比,激起学生让幻灯片动起来的欲望

出示课题：让幻灯片动起来。

二、任务驱动、分层探究

设计理念：在教学过程中，把总任务细化成一个个的小目标，并把每一个学习模块的内容细化为一个个容易掌握的“任务”，通过这些小的“任务”来体现总的学习目标。

任务一：添加进入动画效果

师：说到奥运，还是先请我们的福娃出场吧！

1、出示一张未加效果的福娃图片。学生对其评价并添加动画进入效果。

2、教师用另一种方法添加动画进入效果。

现在我们的福娃已经闪亮登场了，要带我们去参观奥运主体育场鸟巢。

3、师：关于鸟巢，你都了解哪些知识？ 生交流。师：你能给图片和文字添加适应的进入效果，使幻灯片更加生动吗？

4、学生尝试练习。

5、作品评价。

任务二：合理调整动画顺序

师：这个同学的作品首先出现的是图片，接着出现了鸟巢两个字，最后出现了介绍性的文字，如果想让介绍性的文字先出来，该怎么做呢？

1、小组讨论并交流、演示。

2、教师小结引出动画顺序

3、学生操作练习。任务三：动作路径

师：刚才我们走进了奥运主体育场鸟巢，了解了鸟巢，现在鸟巢体育馆内正在进行足球点球大赛，你想参与吗？

1、学生根据提示自主探究动作路径的方法。

2、学生交流操作方法。

3、把自己的作品补充完整。

三、拓展延伸、学以致用

1、创作作品、评价作品

设计理念：创作的过程是体验快乐的过程，在线互动评价交流，可以使更多的学生的学习长处得到弘扬，使更多的孩子得到激励，体现了学习过程的创造性。师：这节课我们不但学习了进入效果，动画顺序，动作路径等知识，也进一步了解了奥运。我们威海也在为迎接奥运积极做准备，你知道吗？威海已经入围奥运旅游城市了。青岛帆船比赛时，会有一部分游客到威海来旅游，参观，你想为他们介绍我们美丽的威海吗？你想做个传播文明的小使者吗？（1）、制作要求

在小导游、文明小使者、中任选一个文件，用本节课知识让幻灯片动起来（2）、作品上传 把作品上传到网站（3）、作品评价

在线互动评价同学们的作品

2、展示交流优秀作品

师：同学们，你的作品出现在互联网上了，你高兴吗？在这里我们可以相互学习，取长补短。

展示优秀作品，学生评价作品

四、小结

课后，同学们还可以继续登陆我们的网站，上传作品，评价其他同学的作品，把我们的网址告诉给更多的人，好不好？让更多人看到我们的作品，让更多人了解威海，让更多人关注奥运。下课！