《让网页有声有色.pdf》由会员分享，可在线阅读，更多相关《让网页有声有色.pdf（5页珍藏版）》请在三一文库上搜索。
1、课题：第 19 课让网页有声有色 王晓丽 一、教材分析： 本课是第三单元的网页制作部分的最后一课，此前，学生已经学习了如何建 立一个初具雏形的网站，通过本课的学习， 学生能够对网页进行润色，让网站更加精美活泼。 学生通过掌握添加背景图片、背景音乐的方法，理解网页特效的概念，掌握添加和修改网页 特效代码的方法， 对网页进行修饰美化，对层次较高的学生要求能根据实际需要选择适当的 特效代码，修改并添加到网页中，并为网页添加flash动画。 二、学情分析：武原中学是一个乡镇中学，据了解，学生学习能力、学习态度、学习习惯、 信息技术基础普遍较好。 三、教学目标： 知识与技能 1. 了解加入网页背景图片和
2、背景音乐的方法。 2. 理解网页特效的概念 3. 掌握添加特效代码，基础好的同学掌握修改特效代码的方法 过程与方法 能够根据网页的具体需要对网页进行润色。 四、情感态度与价值观： 认识网络黑客的危害，培养遵守网络公德、维护网络秩序的观念。 五、重点与难点 重点：添加网页背景图片及背景音乐，添加网页特效 难点：运用、修改特效代码 课前准备 ：对比网站、自主学习帮助网站、资源包 六、教学过程 环节教师活动学生活动设计意图 课前播放成龙历险记片段观看吸引学生注意力 导入 老师编写了一段成龙历险 记的故事， 让学生进入故事 情境“做反黑高手”，情境 中的问题正好需要用上本 课所学内容来解决。 学生边听
3、老师讲 故事，边分析故 事中提出的问 题，得出本堂课 需要完成的基本 任务。 激发学生的学习兴趣 为新课要讲的三个知识点 做铺垫。 添加 网页 背景 图片 1.指明图片的存放位 置，以及帮助网站的 打开方法，请所有学 生完成设置。 2.请学生根据自己的 观察，选择合适的图 片作为背景， 并总结 为什么这么选 ? 3.基础较好的同学根 据自主学习网站的 提示，思考水印复选 框的作用。 学生借助书本或 自主学习帮助网 站，尝试设置网 页背景图片。 学生总结如何为 网页选择合适的 背景图片。 基础较好的同学 自主探索解决。 添加背景图片的操作课本 中附有详细的步骤，一般学 生都能对照课本完成设置，
4、让学生根据课本与帮助网 站，自主探索学习，增强他 们的自学能力。通过尝试， 学生总结出选择合适的背 景图片的注意点 分层， 让基础好的同学探索 更多的内容。 添加 背景 音乐 1. 恭喜大家成功过了第一 关，第二个问题是要给网页 添加背景音乐， 背景音乐其 实也是网页的属性之一，有 没有同学在攻克第一关的 时候就找到了解决第二个 问题的关键？ 提示：背景音乐同属网页属 性，鼓励学生进行尝试操 作。 2. 成龙找到了三个声音文 件，我们来听一听，这三个 声音文件是不是同一首曲 子？是同一首， 我们应该哪 一个选更合适？ 3. 为什么要选择文件大小 最小的音乐？ 举例说明： 同样一个人走在 同一条
5、路上， 负载轻走得快 还是负载重走得快？ 学生根据提示， 尝试找到设置网 页背景音乐的方 法。 学生分析三个声 音文件中最合适 的是哪个。 学生讨论并思考 理由 通过提示， 让学生学会自主 阅读对话框，找到解决办 法。 引导学生进行观察，并分 析，基于网页浏览速度的考 虑，得出容量较小的文件更 适合做网页背景。 形象的例子有利于学生理 解为什么要选择容量最小 的音乐文件作为背景音乐。 添加 特效 代码 1. 反黑高手们正在成长，已 经成功解决了前两个问题， 最后一个问题是添加特效 代码，来看看最后的这个文 件，找到解决问题的线索。 引出超文本标记语言和特 效代码标记。 2. 根据反黑联盟的提示
6、，恢 复网页特效 3. 修改鼠标的跟随文字 认识超文本标记 语言，了解常用 的几个标签，理 解标签的结构是 成对出现的。 看“线索”尝试 添加特效代码。 尝试修改特效代 码。 分析常用标记， 让学生理解 超文本标记语言在功能和 结构上的特点， “线索”中有方法，让学生 先试一试， 促其主动自主学 习，并让先完成的学生演 示，保证基础稍差的同学能 跟上。 让学生知道， 特效代码也可 以修改，消除神秘感。 小结 拓展 总结添加背景图片、背景音 乐，网页特效的方法与技 巧。强调有技术还要有网络 公德的情感目标 出示拓展任务， 小玉希望换 掉原来的网页特效，帮小玉 完成她的心意吧。 建立遵守网络公 德
7、的概念，自觉 维护网络秩序 根据喜好选择添 加修改其他特效 代码 总结本课内容， 强调学习信 息技术应该用在正途，建立 网络公德意识。 让学生加深对网页代码的 理解， 提高网页特效代码的 使用能力。 层次较好的学生可以试着 使用鼠标特效之外的其他 特效 提升 请利用本课学会的知识，为 你的班级主页做修饰，提供 学生本班班级主页及资源 库。 按自己的喜好进 行主页修饰。 维趣，巩固。 层次较好的学生可以通过 “帮助” 网站修改添加插入 flash动画。 【教学设计说明】 创立教学情境： 学习情境直接影响着学生的学习效果，本课以黑客危机为背景， 把学生变身 为反黑高手，在这个虚拟的情境中， 让学生
8、一步一步学会如何设置网页背景图片、 背景音乐、添加网页特效代码，整个过程，任务紧凑、自然，能较好的落实各个 知识目标与技能目标， 并能从黑客纯粹以掌握技术为荣，无视网络公德， 肆意破 外网络秩序出发， 引导学生正确的看待信息技术的使用，树立自觉遵守网络秩序 维护网络公德的意识。 充分利用帮助网站系统 充分自主学习帮助网站，让学生尝试自己解决问题，锻炼自主学习的能力， 同时，也使得学生的分层学习得以落实，不同层次的学生能够成帮助网站获得不 同层次的提高。 消除隔阂，突破难点 学生看到网页特效时可能觉得很神奇，以为一定很难， 我用一句轻巧的 “其 实我们只要用复制加粘贴就能让网页得到这个效果”首先
9、让学生亲近 HTML 代码， 消除他们的畏难情绪， 然后学生直接根据说明， 把代码嵌入网页， 成功添加代码 后，我再粗略讲解HTML 代码，进行意义建构，使学生在非常自然的状态下突破 难点。 提升于维趣 为为弥补情境任务的开放性不足，在最后的拓展与提升中， 让学生用在反黑 行动中学会的技术修饰自己的班级主页，达到维趣与巩固的效果。 【个人简介】 黄娇林， 女，1981 年 6 月出生， 2002年毕业于湖南城市学院计算机教育专 业，同年参加工作， 2002年到 2006年任教于新昌西岭职业技术学校，担任班主 任及计算机专业班级教学，2006年至今任教于新昌县七星中学，担任信息技术 学科教学，并
10、承担学校网络、电教等管理工作。担任班主任工作期间，所带班级 被评为县级先进班集体，指导学生制作的电子作品多次在县、市、省获奖，所撰 写的论文用思维导图建设一个网站 获省二等奖及全国二等奖， 制作的课件封 面设计获省一等奖， 2010参加绍兴市优质课评比荣获一等奖第一名。 短信评课： 1. 引入的介绍很有诗意 , 期待接下来的 . 2. 黄老师介绍新昌时说的好有感情！赞一个！ 3. 尽管在课前出现了小插曲，黄老师还是能够镇定自若，导入依然很诗意， 值得学习 ! 4. 黄老师的作品范例对学生的创作有很好的引领作用。 5. 黑板上贴“春联”，很有特色啊！ 6. 当教师将一个快乐， 通过 40 分钟变
11、成三十个快乐时， 这堂课离好课便不远 了。 7. 黄老师对知识的迁移处理做得不错！ 8. 评价网页，什么叫有境界？是否可以这样说，图片的选择，图片的大小、 色调要根据主题。 9. 地方特色是选材中很重要的一条途径，题材很亮。选取不同题材，期待黄 老师有更好的展示。 10. 让海盐的同学做新昌的风景介绍，能引发学生的共鸣吗? 11. 小京生的美味充分激发了学生的兴趣。 12. 其实黄老师在讲文件传输速度时不仿在小插曲时灵活运用起来呀！ 13. 忧伤的“童年“！朴实平稳细致，赞。 14. 偶发事件的处理多少让老师紧张许多，另外导入有点强硬， 不过对知识点 的讲解很细致。 15. 为什么不让学生做海盐的介绍网页呢？ 16. 电脑卡机， 桌面上的好不容易下发的资料又没了，要做好充分的准备工作 啊。 17. 图片、背景以及特效要与主题合理搭配，应是本课重要教学内容之一， 可 是, 18. 黄老师应变能力还是不错的， 但淮备还可以全面点， 如网络空间可以备份 一份，学生机突发情况，可自己下载。 19. 本课重点是什么 ?侧重网页特效成分太多 , 而背景图片格式类型等选取基 本没有。特效成为了本课的中心啦！ 20. 能不能在此基础上拓展出去，上一些插入FLASH 和视频。