任务三 让网页更具活力 教学设计

任务三 让网页更具活力 教学设计
一、教学目标1、掌握滚动字幕、交互式按钮的制作方法及属性设置；学会网页中插入多媒体信息的方法。2、让学生学会在网页中插入“web组件”，设置插件对象的属性，给网页增添动态效果，陶冶学生的艺术修养和审美情趣。学生自身的创新能力和创新意识得到提高。3、网页设计是学生展示个性、自主创新的机会；通过作品展示与交流，让学生体验成功的喜悦，激发学生的创造热情。二、学情分析从教材的结构和内容来看，本节是制作网页中心内容，本节界面直观而且操作成果很吸引人，学生对于添加滚动字幕、交互性按钮以及动画都很感兴趣。这几个操作都是类似的操作，学生应具备互助协作、探究学习的能力。但学生的基础有所差异，在教学中采用基于任务驱动、实时操作演示、网络微视频教学相结合的教学模式，通过学生分组学习，能完成具有动态特点的网页制作。三、重点难点重点：滚动字幕、交互按钮制作方法及属性设置。措施：欣赏作品、演示操作、学生展示、网站自主学习。难点：网页中插入flash插件。措施：播放操作录像、开放操作过程教学网站，点明两个主要步骤、学生展示。四、教学过程21教育网
【导入】一、直观感受，导入新课点明本节目标任务是让网页更具活力。打开有多媒体动态效果的教学网页，让学生感受到网页艺术，引入网页动态效果。意图：学生感性认识后自然导入新课学习。活动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%，小组互助完成，个别辅导。最后教师电脑阅卷，反馈结果。意图：用软件完成网络测试、阅卷，方便查询、评价学习效果。21世纪教育网版权所有