让网页有声色.docVIP

课题：第19课 让网页有声有色 王晓丽 一、教材分析：本课是第三单元的网页制作部分的最后一课，此前，学生已经学习了如何建立一个初具雏形的网站，通过本课的学习，学生能够对网页进行润色，让网站更加精美活泼。学生通过掌握添加背景图片、背景音乐的方法，理解网页特效的概念，掌握添加和修改网页特效代码的方法，对网页进行修饰美化，对层次较高的学生要求能根据实际需要选择适当的特效代码，修改并添加到网页中，并为网页添加flash动画。 二、学情分析：武原中学是一个乡镇中学，据了解，学生学习能力、学习态度、学习习惯、信息技术基础普遍较好。 三、教学目标： 知识与技能 1. 了解加入网页背景图片和背景音乐的方法。 2. 理解网页特效的概念 3. 掌握添加特效代码，基础好的同学掌握修改特效代码的方法 过程与方法 能够根据网页的具体需要对网页进行润色。 四、情感态度与价值观： 认识网络黑客的危害，培养遵守网络公德、维护网络秩序的观念。 五、重点与难点 重点：添加网页背景图片及背景音乐，添加网页特效 难点：运用、修改特效代码 课前准备：对比网站、自主学习帮助网站、资源包 六、教学过程 环节 教师活动 学生活动 设计意图 课前 播放《成龙历险记》片段 观看 吸引学生注意力 导入 老师编写了一段成龙历险记的故事，让学生进入故事情境“做反黑高手”，情境中的问题正好需要用上本课所学内容来解决。 学生边听老师讲故事，边分析故事中提出的问题，得出本堂课需要完成的基本任务。 激发学生的学习兴趣 为新课要讲的三个知识点做铺垫。 添加网页背景图片 1.???? 指明图片的存放位置，以及帮助网站的打开方法，请所有学生完成设置。 2.???? 请学生根据自己的观察，选择合适的图片作为背景，并总结为什么这么选? 3.???? 基础较好的同学根据自主学习网站的提示，思考水印复选框的作用。 学生借助书本或自主学习帮助网站，尝试设置网页背景图片。 学生总结如何为网页选择合适的背景图片。 基础较好的同学自主探索解决。 添加背景图片的操作课本中附有详细的步骤，一般学生都能对照课本完成设置，让学生根据课本与帮助网站，自主探索学习，增强他们的自学能力。通过尝试，学生总结出选择合适的背景图片的注意点 分层，让基础好的同学探索更多的内容。 添加背景音乐 1.恭喜大家成功过了第一关，第二个问题是要给网页添加背景音乐，背景音乐其实也是网页的属性之一，有没有同学在攻克第一关的时候就找到了解决第二个问题的关键？ 提示：背景音乐同属网页属性，鼓励学生进行尝试操作。 2.成龙找到了三个声音文件，我们来听一听，这三个声音文件是不是同一首曲子？是同一首，我们应该哪一个选更合适？ 3.为什么要选择文件大小最小的音乐？ 举例说明：同样一个人走在同一条路上，负载轻走得快还是负载重走得快？ 学生根据提示，尝试找到设置网页背景音乐的方法。 学生分析三个声音文件中最合适的是哪个。 学生讨论并思考理由 通过提示，让学生学会自主阅读对话框，找到解决办法。 引导学生进行观察，并分析，基于网页浏览速度的考虑，得出容量较小的文件更适合做网页背景。 形象的例子有利于学生理解为什么要选择容量最小的音乐文件作为背景音乐。 添加特效代码 1.反黑高手们正在成长，已经成功解决了前两个问题，最后一个问题是添加特效代码，来看看最后的这个文件，找到解决问题的线索。引出超文本标记语言和特效代码标记。 2.根据反黑联盟的提示，恢复网页特效 3.修改鼠标的跟随文字 认识超文本标记语言，了解常用的几个标签，理解标签的结构是成对出现的。 看“线索”尝试添加特效代码。 尝试修改特效代码。 分析常用标记，让学生理解超文本标记语言在功能和结构上的特点， “线索”中有方法，让学生先试一试，促其主动自主学习，并让先完成的学生演示，保证基础稍差的同学能跟上。 让学生知道，特效代码也可以修改，消除神秘感。 小结 拓展 总结添加背景图片、背景音乐，网页特效的方法与技巧。强调有技术还要有网络公德的情感目标 出示拓展任务，小玉希望换掉原来的网页特效，帮小玉完成她的心意吧。 建立遵守网络公德的概念，自觉维护网络秩序 根据喜好选择添加修改其他特效代码 总结本课内容，强调学习信息技术应该用在正途，建立网络公德意识。 让学生加深对网页代码的理解，提高网页特效代码的使用能力。 层次较好的学生可以试着使用鼠标特效之外的其他特效 提升 请利用本课学会的知识，为你的班级主页做修饰，提供学生本班班级主页及资源库。 按自己的喜好进行主页修饰。 维趣，巩固。 层次较好的学生可以通过“帮助”网站修改添加插入flash动画。 【教学设计说明】 创立教学情境： 学习情境直接影响着学生的学习效果，本课以黑客危机为背景，把学生变身为反黑高手，在这个虚拟的情境中，让学生一步一步学会如何设置网页背景图片