五年级信息技术《美化网页》教学实录.docx

《五年级信息技术《美化网页》教学实录.docx》由会员分享，可在线阅读，更多相关《五年级信息技术《美化网页》教学实录.docx（8页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、五年级信息技术美化网页教学实录五年级信息技术美化网页教学实录（） 导入师：同学们，前面我们已经学习了如何“建立网页”，今天，老师借助网页的形式介绍 下老师的爱好，大家请看，这是第1个网页，这是第2个，你们更喜欢哪个网页呀？生：师：嗯，这个，是的，这个网页有了图片的美化与修饰，使整个页面更生动，而且更吸 引我们的眼球，那么美化网页该怎么做呢？今天我们走进第8课美化网页的学习。师：请同学们齐读课题第8课开始。生：齐读课题。（板书课题）过渡：那么，要学会哪些本领，才能美化网页呢？请同学们快速浏览。（展示“学习要 领”）（二）新授1、回顾过渡：好，让我们看看如何在网页中插入图片（板书：插入图片），那么

2、，我们还得先 利用Frontpage这个软件，建立或者翻开已经建立好的网站，如何翻开已经建立好的网 站呢？师：老师这儿，给大家一些温馨提示，请看。（展示“回顾”）师：老师，已经在同学们的桌面上建立好了一个名为“班级姓名美化网页”的网站，而 且里边有两个网页：“wodeaihao. htm、aizhuochongdewo.htm” 和一些图片。师：谁愿意帮老师利用FrontPage软件翻开这个网站?画叶片 M 画风车转换成元件设置旋转动作生：师：非常感谢你的帮助。2、插入图片过渡：接下来，请同学们修改你们自己桌面上的网站名称，把“班级+姓名”替换了， 在翻开网站之后，以同桌为一小组，学习4445

3、页，给“wodeaihao.htm”网页插入合 理的图片（活动一）。生：师：巡视，收集问题。【同学们，在网页中插入图片，和上学期学过的在ppt中插入图片是不是很类似呀？边 做边保存网页，有个*号？ ？按F12浏览网页】过渡：好，同学们请停下来，不要紧，没做完的待会还有机会再操作。师：谁愿意和我们提供下你的操作方法？生：师：直接就单击“插入”吗？把图片添加到网页哪个位置，要不要先确定？生：师：然后呢？老师把你说的步骤展示出来。（特别提醒：定位光标）1.和2.以上翻开网站和添加图片 （插入站点外图片【备选】放综合拓展）3、设置图片属性过渡：好了，同学们，你们看这图片和文字的位置能不能更合理些，网页

4、更美观些呢？生：师：那么我们就要对图片的属性进行设置（板书：设置图片属性），现在，请同学们认 真看老师的演示哦！师：（演示+讲解）“双击图片”一一“图片属性”一一“外观”师：谁看清了老师的操作过程，和我们说一说。生：（边说边出示“设置图片属性”步骤）师：好，请坐。师：接下来，考一考大家（活动二），请按照自己喜欢的排版方式，对图片的属性进行 设置。开始吧！（往下展示“设置图片属性”步骤页面）师：巡视。【设置好的同学，可以参照书本4647页的第点和第点，试试，你发现了什么？】 （活动三）3.1展示学生作品师：都停下来，请往上看，我们看看这位同学的作品。（控制学生机）师：（生生评价和师生评价）整个页

5、面图片布局合理，文字与文字的距离恰好，看上去很舒服。咱们再看这位同学，整体还行，但是如果能就更好了。3.以上设置图片属性（拓展：设置图片属性的“常规”选项，即活动三。）4、编辑图片过渡：同学们，咱们已经学会了添加图片，设置图片属性，那如果老师只要张图片这一 区域，我们应该怎么办呢？师：对了，对图片进行编辑（板书：编辑图片）。师：（边演示+讲解）比方，对这张图片进行裁剪，首先“选中图片”一一单击鼠标右键 “显示图片工具栏”一一“裁剪”一一调整裁剪范围，除了裁剪，还有很多对图片 进行编辑的功能。师：现在，请同学们按照老师给出的提示（课件展示“编辑插入的图片”），自己试一 试。4 .以上编辑图片5、

6、设置网页背景过渡：同学们，请看大屏幕，编辑图片还有很多值得我们探索，课后同学们再继续，大 家再看老师的这张网页，除了图片，还有什么特别之处呢？生：师：是啊，还有背景呢！师：那请同学们参考47页，按照书本介绍的方法，为自己的网页添加个背景吧。 ppt展示设置背景步骤。（板书：设置背景）师：设置完背景的同学，尝试以上两个操作。（展示“创新活动”）5 .以上设置网页背景（三） 总结师：这节课，大家都学会了哪些美化网页的本领呀？生：贴板书步骤。师：美化网页除了添加图片，还有很多很多其他的方式，下节课我们再继续探索。冀教版小学信息技术五年级转动的风车教学设计本课是冀教版小学信息技术五年级第五课，主要内容

7、为认识补问 动画在Flash中的作用。通过教师演示和学生练习，培养学生的探究 精神和合作学习意识，增加学生的好奇心和求知欲。本课可安排两课 时进行教学。本课活动是制作转动的风车，其中又可分为三个小活动。1、制 作风车；2、让风车转动；3、为风车绘制手柄。在这些活动中涉及到 了如何使影片播放更加流畅以及如何设置舞台背景色，教材中的“试 一试”为学生提供了操作方法。最后，让学生交流“用动作补间的旋转效果，还可以制作哪些动画”, 可调动学生的想象力，培养学生举一反三的能力。二、教学目标分析1、通过制作风车，能了解运用Flash中动作补间的另外一种形 式：旋转运动。2、认识图层在Flash中的作用。3

8、、培养学生创新精神和小组合作学习的意识。三、学习者特征分析五年级学生有强烈的好奇心、求知欲、参与意识及动手能力，在 此之前，学生对Flash的制作已有了初步的了解，已经基本掌握逐帧 动画和制作动作补间动画的操作方法，从中已体会到了 Flash的无穷 乐趣。Ui本课主要认识补间动画在Flash中的作用。通过教师演示和学生 练习，关键是运用Flash中动作补间制作旋转效果；理解旋转速度与 旋转次数的关系。五、教学资源与工具设计本节信息技术课在微机室进行教学，学生利用电脑和flash软件进行操作练习，教师在 网上下载相关的一些视频资料和相应的播放工具。六、教学过程（一）情境导入 激发兴趣师：今天教师

9、给大家带来一个你们特别爱看的动画一一播放大风 车栏目主题曲转动的风车动画范例。师：大风车栏目富有朝气，充满了七彩阳光，就像风车一样具有 生机和活力。那你们喜欢这些风车吗？想不想利用flash学做转动的 风车？师：好！这节课老师和同学们一起来用Flash软件做一个转动风 车。板书课题：转动的风车（二）新授A.绘制风车1、学生观察屏幕上的风车，找同学说一说风车的转动局部是由哪些图形组成。2、教师演示绘制风车的第一个叶片。先把图层1的名字改成“风车1”（选输入法，双击图层1,输入 后回车）。运用椭圆工具绘制一个风车叶片，画好后进行组合，演示 后学生做。4、提问：风车的其它三个叶片应该怎样得到呢？粘贴

10、5、老师演示完成风车中心局部，演示后学生做。（在空白处画好 后进行组合，再移到中心位置）B.让风车转动1、由于我们要制作一个旋转的补间动画，所以我们要把画好的 风车转化成图形元件。（同学看书试着做，选中风车，转换为图形元 件，命名为“风车”）教师巡视，帮助操作。2、风车转动属于动作渐变动画中的旋转动画，我们先来设置动 作渐变动画。设置动作渐变动画必须有首关键帧和尾关键帧，我们把 第1帧设为首关键帧，在首关键帧，拖动风车元件到舞台合适位置， 我们把30帧设为尾关键帧，在30帧，单击右键，选择插入关键帧， 注意，现在首尾关键帧都设好了，不要随便移动首尾关键帧的位置了。 下面我们来设置补间动画。在首

11、尾关键帧之间的任意一帧上，单击鼠 标右键，选择“创立补间动画”。现在时间轴中两个关键帧之间有一 条带箭头的直线相连，并且帧的背景显示为淡紫色，就说明我们的动 作渐变设置成功了。现在看看我们的风车转起来了吗？（没有）风车 转动属于动作渐变中的旋转动画，我们必须进行旋转选项的设置，风 车才可以转起来。注意：在“属性”面板的“旋转”选项一栏选择“顺时针”或“逆 时针”选项，再来看，我们的风车转起来了没有？生：操作。3、下面请同学们相互说一说，你是怎样让风车转起来的。4、找同学说，请同学们认真听，如果他说的不完整给以补充。（多找几名同学说，使之能独立完成。）5、老师总结：制作转动的风车时，要先画出图形并转换成图形 元件，然后再在时间轴的某一帧，如30帧，处插入关键帧以确定旋 转的时间长短。最后在属性面板的“补间”中选择“移动”，并设置 旋转的“方向”就可以了。（三）学生作品展示及评价从学生上传的作品中选出五幅优秀作品通过屏幕广播向学生展 示并给予激励性评价。师总结：孩子们，老师真佩服你们，你们设计的风车让我大开眼 界，我相信不久的将来，大家一定能设计出真正的风车来装点我们的 世界，风车可以节省能源，净化空气，我相信到那时天会变的更蓝， 水会变的更绿，我们的生活一定会更加美好！那怎样给风车添加手柄 呢？怎样让我们的风车转得更快呢？下节课我们继续学习 教学流程图：