西安铁五小大学区区域教研模式的研究课题之统一备课运行机制的研究相关资料大学区新教师亮相课活动版本：西交大版 学科：信息技术 年级：五年级 授课教师：周蓓 第1单元（10页-12页）字儿舞动有高招教学设计【教学目标】知识与技能：掌握添加字幕、修改字幕的方法。过程与方法：培养学生合理运用动态字幕、设置字幕等来增强网页表现力的能力。情感态度与价值观：在学生进行探索、尝试性学习时，培养学生的团队合作精神，提高学生的审美情趣。【重难点分析】重点：掌握添加字幕、修改字幕的方法。难点：图片滚动的设置方法。【课型】新授课【课时】1课时【教具准备】硬件：多媒体信息技术教室软件：LanStar多媒体网络教室软件、FrontPage 2003 软件其他：半成品网页、字幕代码文件【教学方法】自主探究法、演示法、讨论法、练习法【教学过程】一、导入新课1、之前完成的主页中文字和图片都是静态的，不够灵动，如何能让这些内容由静态变成动态呢？2、展示字幕。3、如果能把这样的效果加到网页中，整个页面就会更加灵动。【设计意图：直观的感受字幕，激发学生的学习兴趣，调动学生的积极性，为下面的学习做好准备。】二、新授教学1、请学生阅读课本P1012内容，思考以下两个问题：让文字在标题的下方滚动起来的第一步是什么？请用课本上的两个字回答。在哪里对这些字的效果进行修改？（教师巡视指导，了解学生探索情况。）2、这些会动的字叫什么？像这样子能在网页中循环连续地移动的文字就叫作字幕。3、提问：要在标题下方添加一行字幕首先应该怎么做？（即问题）（学生或许会有许多答案，在必要时教师可以提醒：定位。原因是无论做什么样的字幕，首先都要确定字幕的位置。）4、 我们来试着做一个字幕。如何打开上次我们没有做完的网页？（学生齐声回答：在FrontPage中打开。）5、如何插入字幕呢？请学生做老师的小助手，“你们来说我来做”，帮助老师完成字幕的添加。（强调定位为什么重要。）注意：FrontPage版本不一样，课堂上所用的版本在Web组件里的动态效果中插入字幕。具体方法：定位插入Web组件字幕6、为什么我插入了字幕，但是字幕不动呢？（学生齐声回答：要在预览中才能看到效果。）7、请同学们比较这个字幕和之前老师给大家展示的字幕，这个少了一点什么？（学生能快速说出现在这个字幕不像之前的文字颜色字体和背景有变化。）8、提问：如何给字幕加上背景、改变字体颜色呢？（即问题，如何修改字幕。）（学生能说出双击字幕，在字幕属性中修改的方法。）想想看，除了双击能打开字幕属性外，还可以怎么样打开字幕属性？（有个别学生能凭经验猜到右键的方法，适当的情况下教师可以提示。）9、字幕属性对话框中有很多选项可以对字幕的效果进行修改，例如方向、表现方式，请同学们练习的时候自己探索。背景在背景颜色中修改，那字体和字色在哪里修改呢？（学生进行讨论猜测，在教师的带领下得到答案：在样式格式里进行修改。）10、请学生试着给网页上加入一行字幕。【设计意图：让学生自主学习添加修改字幕的方法，在反馈中发现问题、解决问题。】三、 拓展与提高1、文字能成功地滚动起来，图片同样也可以滚动起来。2、展示滚动图片。3、图片要滚动起来需要用到代码。4、打开代码，一个页面上所有的内容与效果都会在这里用代码有序地排列出来。请同学们在代码中迅速找出刚刚所插入的字幕在第几行。5、我们运用“替换法”就可以快速简便地让图片动起来。6、教师演示操作：在页面中插入一个简单的字幕；在代码中，找到该行；打开桌面上字幕代码文件，复制代码，替换代码中文字的部分。复制地址栏中地址，替换“图片连接地址”。复制文件名，替换“图片文件名”。在预览中检查图片是否成功滚动起来。（强调：在替换中，不要误删了地址前后的双引号。）7、请学生试着给网页上添加一张滚动图片。【设计意图：提高学习难度，体现分层教学。】四、展示与小结1、展示同学作品，对完成的同学提出表扬并帮助没有完成的同学找到错误所在。2、总结：虽然有一些同学还没有让图片滚动起来，但希望你们不要气馁，让我们下节课继续学习，相信你们一定能将问题解决。今天同学们不但学到了让文字和图片动起来的方法，你们今天在课堂上的学习状态还非常认真，非常投入，老师希望今后我们无论在什么课堂上，都能将这种状态继续延续下去！【板书设计】3.字儿舞动有高招字幕 方法：定位插入Web组件字幕 代码 修改：双击 右键 替换法