信息技术桂科版任务三 让网页更具活力教案

《让网页更具活力》教案

一、教学目标

1、掌握滚动字幕、交互式按钮的制作方法及属性设置；学会网页中插入多媒体信息的方法。

2、让学生学会在网页中插入“web组件”，设置插件对象的属性，给网页增添动态效果，陶冶学生的艺术修养和审美情趣。学生自身的创新能力和创新意识得到提高。

3、网页设计是学生展示个性、自主创新的机会；通过作品展示与交流，让学生体验成功的喜悦，激发学生的创造热情。

二、学情分析

从教材的结构和内容来看，本节是制作网页中心内容，本节界面直观而且操作成果很吸引人，学生对于添加滚动字幕、交互性按钮以及动画都很感兴趣。这几个操作都是类似的操作，学生应具备互助协作、探究学习的能力。但学生的基础有所差异，在教学中采用基于任务驱动、实时操作演示、网络微视频教学相结合的教学模式，通过学生分组学习，能完成具有动态特点的网页制作。

三、重点难点

重点：滚动字幕、交互按钮制作方法及属性设置。措施：欣赏作品、演示操作、学生展示、网站自主学习。

难点：网页中插入flash插件。措施：播放操作录像、开放操作过程教学网站，点明两个主要步骤、学生展示。

四、教学过程

一学时

教学活动

活动1、

【导入】一、直观感受，导入新课

点明本节目标任务是让网页更具活力。

打开有多媒体动态效果的教学网页，让学生感受到网页艺术，引入网页动态效果。

意图：学生感性认识后自然导入新课学习。

活动2

【讲授】二、实时演示，效果引领

任务1、添加滚动字幕。

教师打开网站，演示添加字幕操作，探究制作滚动字幕的方法。

步骤①：使用FrontPage 2000打开自己的站点→打开“biaoge.htm”网页。

步骤②：选择菜单栏“插入”→“Web组件” →“动态效果”，选择“字幕” 。

步骤③：设置字幕属性（文字、速度、样式）。

步骤④：保存，预览效果。

意图：广播系统直观有效，教学网站可灵活欣赏，机动地学习。

活动3

【讲授】三、制作按钮，逐类旁通

任务2、制作交互式按钮。

步骤①：打开“biaoge.htm”网页，选定单元格4。

步骤②：选择菜单栏“插入”→“Web组件”。 →“动态效果”，选择“交互式按钮” 。

步骤③：设置按钮属性（形式、名称、图像）。

步骤④：保存，预览效果。

教师展示按钮效果，演示给网页添加简单导航按钮。引导学生做好探究准备。注意用贴切情感演示插入按钮的属性设置，强调在网页保存过程中，一个按钮对象保存了多个文件。

意图：同类操作，可比操作较异同点，展出特点，突显本节重点。

活动4

【活动】四、师生竞技，合理鼓励

学生练习制作交互式按钮

学生演示操作过程，展示作品。邀请学生展示按钮的文字属性、图像属性的设置，演示操作。

观察学生的演示操作，辅导，评价加分，用电子表格记录，精神鼓励。

意图：引导学生自主学习，发现问题，分析问题，解决问题。鼓励探索精神。

活动5

【讲授】五、观微视频，活练技巧

任务3、插入flash动画。学生听课观看微视频，学生提交网站文件夹并在教学网查看网页。

步骤①：打开“biaoge.htm”网页，选定单元格35。

步骤②：选择菜单栏“插入”→“Web组件” →“高级控件”；选择“flash影片”。

步骤③：选择所需要的flash影片，设置大小。

步骤④：保存，预览效果。

扩展：选择“高级控件” 后再选择“插件”，可选择多种形式影片，如：“环境污染.avi”。

在教学网站上准备好操作微视频，教师指引并广播一遍（约1分钟），让互助自主的学生小组完成插入flash，教师巡视并进行个别指导。

意图：引领机动学习、分层学习作准备。用教学网站突破差异性学习。

活动6

【活动】六、任务驱动，小组合作

学习练习插入flash动画

请学生演示操作，展示作品、点评。

小结制作动画及其他音频、视频多媒体对象插入的要点。要给勇于探索的同学合理评价，鼓励加分记录。

意图：可引导学生学会利用教学网页自主学习，实现差异性学习，部分同学可以灵活学习操作，探索更美效果。

活动7

【活动】七、扩展深化，系统评价

任务4、进入评价系统练习，题量为10题单选题，低难度占90%，小组互助完成，个别辅导。最后教师电脑阅卷，反馈结果。

意图：用软件完成网络测试、阅卷，方便查询、评价学习效果。