给网页增加动感效果.docVIP

南通市第一初级中学易家桥校区教案 编号：XXJS720903主备：顾明霞? 时间 给网页增加动感效果 主备内容 二次备课 （备课人：__________） 【教学目标】 1、知识与技能： （1）理解动态网页与网页动态效果的区别； （2）掌握插入flash影片的方法及设置； （3）掌握滚动字幕、交互式按钮等控件的插入方法及设置； 2、过程与方法： 本节课通过给装修为主题，分析网页中文字、图片、动画、按钮等元素的搭配与运用。通过任务分析——实践操作——知识小结的过程，强化和升华知识点，使学生主动构建制作和美化网页的思路。 3、情感态度与价值观： （1）调动学生学习积极性，培养学生根据实际需要布局网站和元素的搭配； （2）通过学生自主学习网页动态效果的制作，形成积极、主动的学习气氛，激发学生的学习兴趣，培养学生的探究意识和创新能力。 【教学重点】 滚动字幕、交互式按钮等动态效果的制作与Flash的插入 【教学难点】 各种对象属性的设置及网页页面的综合设计 【教学过程】 一、课题导入： 话题引入：装修 制作网站就像建房子,每个页面就是一个房间，那么如何让你网站更能吸引别人的眼球呢？ 引出课题：给网页添加动感效果。 学生互动交流，并积极回答老师的问题 意图：联系生活，拉近距离，引入课题 二、探索问题解决方法 教师操作：展示两个网页作品 教师设问：两种网页,哪个更吸引你？ [分析]网页的组成元素：文字、图片、动画、视频、音乐。 分析装修要点: 1、色调---背景颜色 2、布局---表格规划 3、搭配---图文位置 学生积极回答自己的想法，并听老师讲解 意图：帮助学生认识分析网页中的元素运用,为下一步的学习理清思路。 三、热身练习 给墙面刷漆—设置网页背景（颜色、图片） 学生练习设置网页背景颜色 意图：巩固旧知，为下一任务的学习培养信心。 四、布置任务 添加动态效果，要有所创新，教师讲解装修网页的任务流程： 1、插入Flash 2、插入滚动字幕 3、插入交互式按钮 [任务一] 制作Flash吊顶 在网页上方插入flash 横幅，并调整成合适大小[拓展] 1、将flash设置成透明效果 2、用gif图片替代flash效果 学生参照课本两人一组讨论完成任务 [任务二] 电子滚动屏 插入滚动字幕，并设置字体大小、背景等属性。 [拓展]如何让字幕滚动方向从上下方向移动？ 学生参照课本两人一组讨论完成任务 邀请学生上台展示 [任务三] 安装控制开关 插入交互式导航按钮，设置其属性 学生制作导航按钮 意图：给出任务流程，让学生有计划、有条理的去讨论合作学习，从而完成任务。 五、探究任务 [任务四]插入日历控件 已完成之前所有任务的部分学生参考学件制作 意图：分层次教学，学有余力的同学可以参考学件完成探究练习 六、学生评价 学生提交作品并选取作品进行欣赏评价 意图：学会欣赏别人的作品并作出公正评价，调动评价的积极性。 七、学习小结 1、本节课网页动态效果的制作过程。 2、动态效果制作中应图文并茂、色彩和谐、动静适宜。 3、学会利用网络资源学习，搜集特效代码增添网页美化的效果。 学生自我小结本节课所学内容，教师适当补充说明。 意图：梳理本节课知识点，巩固。 教学反思： 通过前面几节课的学习，学生已经了解和掌握了网页制作的一般思路，掌握了网页制作中的一些简单的操作，但因教学时间跨度大，课时较少，造成前面知识的遗忘比较多，因此，在设计本课时，尽量能把前后知识进行串接起来，要让学生通过本节课的学习，能够对网页作品的整体制作方面有着全面的认识，以此培养他们学习的信心和成就感，从而对教学内容的设计方面，采取了重新编排，以生活中装修的主题，将知识点拟化到装修的每一个环节中，将任务形象化，有助于学生的理解，同时也添加了学习的乐趣，让任务不太枯燥，学而有乐，乐中去学。 内容多了点，时间上有点紧，[任务四]作为一个分层任务，完成情况不是很理想。