PrimaryshoolICT3 unit3

出自稷下学社社区维基

第十二课 让网页“动”起来

课时：1个课时 年级：小学五年级第一学期 环境：机房内，共享服务器上网，50台学生机（Pentium4 3.2 256M内存） 背景分析：生源以农村学生以及外来务工子弟为主，课外时间接触电脑的时间很少。 设计理念：把课堂时间尽可能多的还给孩子，锻炼自学能力。

教学目标 1、知识目标：掌握在网页中插入动态元素的方法；了解评价网站的标准；使学生学会如何展开作品评价。 2、技能目标：能够熟练地在网页中插入背景音乐、滚动字幕、视频等动态元素。 3、情感目标：通过任务中的选材对学生进行品德教育和审美教育。 重点和难点 1、重点：在网页中插入背景音乐、滚动字幕、视频。 2、难点：滚动字幕的插入。 知识点 1、背景音乐的插入及带有背景音乐的网页的保存。 2、滚动字幕的插入。 3、视频的插入及带有视频的网页的保存。 4、站点中文件的分类存放。 教学过程 一、导入新课 浏览欣赏节日网页：通过多媒体教室广播功能向学生展示。（对比效果） 教师提问： 1．这两个网页你更喜欢哪个？ 2．为什么喜欢它？你对哪些设计最为满意？ 3．与自己做的节日网页对比，在信息表达形式上主要有哪些不同的地方？ 学生思考并尝试回答： 1．喜欢第二个网页。 2．有背景音乐、会移动的文字、视频。（大部分学生的回答） 3．使用了背景音乐、会移动的文字、视频、动画。 教师： 大家对一些动的元素都比较感兴趣，那么这些背景音乐、可以移动的文本、视频是如何插入到网页中呢？其实，我们只要利用FrontPage中的一些工具就可以简单轻松地制作出这些效果，让网页动起来了。利用FrontPage可以在网页中插入特殊效果，为网页添加动画功能，这样大大地增强了网页的表现力，增强了网页的可视性。这一节课先学习《让网页动起来》。 [设计意图：通过对比效果图，以浏览漂亮的网站作为引子，学生在看到了加入很多动态效果的网站会很兴奋。这样激发了学生的学习兴趣，积极性也就随之调动起来。]

二、新课讲授

任务1：在网页中插入背景音乐（可向学生提供半成品网页） 问题与方案：

   教师提示方法，然后提出问题让学生自己通过查阅课本、讨论、探索等方法来思考、操作，然后学生通过操作来掌握背景音乐的设置方法。

讲解演示： 请同学们回忆一下上节课是如何使用“网页属性”对话框来设置页面背景的？这节课的新内容“设置背景音乐”与“设置页面背景”有相似的地方。 小知识点： 在“普通”视图模式下听不到设置好的音乐效果，可以在“预览”视图模式下观看效果。如果不满意，再次利用“网页属性”对话框进行设置。背景音乐可以循环播放。 问题： 1．如何在页面中设置背景音乐？如何感受音乐效果？ 2．设置背景音乐与设置背景图片都用到了哪个属性对话框？ 学生活动：对两个问题思考后进行自主探索实践，然后完成任务。 1．打开网页，在网页编辑区中打开“网页属性”对话框。 2．打开“常规”标签，浏览背景音乐，并预览。 3．保存带有背景音乐的网页。 教师小结： 1．背景音乐的插入方法。 2．带有背景音乐的网页保存。

[设计意图：以学生自主操作为主。引出任务以后，教师不要急于讲解具体怎末操作，先让学生看书、讨论、分析任务，说出完成任务需要做哪些事情，特别是在新知识的引入上，要引导学生积极思考，让学生把遇到的疑惑提出来后，老师再将新知识介绍给学生，学生会自然的接受。]

任务2：插入字幕 滚动字幕俗称“跑马灯”：是在网页中循环连续地移动显示某一段文本信息，适宜于在网页中显示时效性强的新闻或欢迎等消息。 问题与方案：

   教师讲解插入字幕的方法，然后提出问题让学生自己通过查阅课本、讨论、探索等方法来思考、操作，然后学生通过操作来掌握字幕属性的设置和字体格式、边框等的设置方法。

讲解演示： 演示在网页中空白处插入滚动字幕“欢迎光临本站”的操作来讲解制作滚动字幕的基本步骤：光标定位，利用“插入/组件/字幕”命令来插入滚动字幕并且设置其表现方式。 小知识点： 在“普通”视图模式下看不到字幕的效果，可以在“预览”视图模式下观看效果。如果不满意，回到“普通”模式后，双击字幕或右单击并选择“字幕属性”进行修改。 问题： 1．如何把现成的文本“欢迎光临本站”制作成滚动字幕？ 2．怎样修改“欢迎光临本站”的字体，并且为它加上边框？ [设计意图：先讲解演示在空白处插入滚动字幕的方法，这样学生就可掌握插入滚动字幕的基本步骤，锻炼学生的观察能力和记忆力，然后再提出问题让学生思考，锻炼学生的思维能力。] 学生活动：对两个问题思考后进行自主探索实践，然后完成任务。 1．选择已存在的文本“欢迎光临本站”，然后执行“插入/组件/字幕”命令，就可把现成的文本转化成滚动字幕。 2．学生在“字幕属性”对话框中，单击“样式”按钮，可以在“修改样式”对话框中对字体、段落等进行设置并为文本加上底色、边框等。 3．改变字幕的大小。 教师小结： 1．字幕的插入方法。 2．字体格式的设置与底色边框等的设置方法。 [设计意图：把更多的时间留给学生操作。学生在掌握基本方法的基础上，自己再探索如何解决问题，自己动手操作的过程中会遇到各种各样的问题，教师巡视指导学生通过观察、类比、讨论、合作等方式来尝试解决自己的问题。在解决问题的过程中，培养学生的动手能力，同时让学生体会到成功的喜悦，让学生自己感受实践学习、自主学习，这样学生的学习兴趣会进一步提高，学习激情、气氛会更加热烈。]

任务3：插入视频

问题与方案：

在网页中添加视频可以让网页的内容更丰富、形式更多彩，插入视频的方法与插入图片的方法类似，请同学们自主去操作、学习、思考、归纳，自己去探索插入的基本方法。

讲解演示： 请同学们回忆一下插入图片的操作步骤？这节课的新内容“插入视频”与“插入图片”有相似的地方。 小知识点： Frontpage中可插入avi\ram\ra\asf等格式的视频文件。 保存已插入背景音乐和视频文件的网页时，可在站点中新建立两个文件夹分别存放这两类文件。 问题： 1．如何在页面中插入视频？ 2．设置插入视频与插入图片都用到了哪个菜单？ 学生活动：对两个问题思考后进行自主探索实践，然后完成任务。 1．打开网页，在网页编辑区中执行“插入”—“图片”—“视频”。 2．保存带有背景音乐的网页。 教师小结： 1．视频的插入方法。 2．带有视频的网页保存。

[设计意图：利用知识迁移让学生让学生学会新知识，锻炼学生自主学习的能力。]

三、作品展示 [设计意图：学生不仅要“学会”，更重要是要“会用”。通过学生自己动手设计，积累经验，培养学生综合运用知识的能力，激发学生的创作意识，开发学生的想像力，提高学生的审美情趣。]

四、课堂总结： 对本节的知识点进行小结，重点指出应该注意的问题。引导学生总结归纳自己在学习活动中的收获和体会。