网页的美化教学案例.doc

《网页的美化教学案例.doc》由会员分享，可在线阅读，更多相关《网页的美化教学案例.doc（4页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页美化教学案例 张振玉一、概述本课是学生已经学习了制作简单网页的基本方法，这部分的主要内容是，网页中共享边框、导航栏的设置和主题的应用。如果采用传统的教学模式（即教师示范学生模仿操作）也能完成教学任务，但对学生而言，他们只学会了计算机的操作，而对信息素养并没有得到提高。因此，本着学生自主探究学习意示、创新能力的培养，以综合提高学生的信息素养为目的，笔者在教学时将本课中原来让“做中学”的方式改为了自主探究的学习方式，将课堂交给学生，让学生自主探究学习，教师在课堂中主要起到引导作用。二、教学目标分析1认知目标：学会简单的对网页进行美化的方法。2技能目标：（1）掌握美化网页的几种操作方法；（2）能

2、够应用主题，来改变网页的整体布局；（3）能够灵活地对几种操作方法进行综合运用。3情感目标：（1）通过师生协作和学生互相配合，培养学生合作团结的精神；（2）培养学生热爱美的情感，激发学生表现美的欲望，使学生的审美能力得到提高。三、学习者特征分析从六年级学生的认知特点来看，他们爱问好动、求知欲强、想象力丰富，对实际操作活动有着浓厚的兴趣，对直观事物感知较强，正处在形象思维向抽象思维逐步过渡的阶段。因此，在学习过程中，应鼓励学生自己观察，亲自动手操作，进行学生讨论和交流，师生共同归纳总结，体验学习。在讲此内容之前，学生已经学过如何制作一个简单的网页，并且已对网页进行简单的修饰,这为学生进一步对美化网

3、页作好了充分准备。基于以上学生情况的分析，笔者对教学过程大胆采用让学生为主体，教师为主导为教学思路进行设计。四、教学策略选择与设计在讲此内容之前，学生已经学过如何制作一个简单的网页，并且已对网页进行简单的修饰,这为学生进一步对美化网页作好了充分准备。基于以上学生情况的分析，笔者对教学过程大胆采用让学生为主体，教师为主导为教学思路进行设计。五、教学资源与工具设计 本课中笔者利用凌波多媒体网络教室系统展示学生制作的各式各样的网页，同时也用简单的幻灯片制作一些简单的页面，以此来出示本课的教学目标以及学习任务，以便学生有目标的去学习和练习。六、教学过程（一）组织教学（二）学生讨论导出教学目标师：（利用

4、凌波多媒体网络教室系统选择几个观看）请同学们将你们所制作的网页打开，说说谁的网页最漂亮。漂亮在什么地方？（学生讨论）有的说某个同学网页中的文字好看，也有的说某个同学的网页中的图片漂亮，还有的说某个同学的网页底色好看等等。师：刚才同学们都说出某个网页的某一点好看，没有完全是自己认为最漂亮的一个，那么，今天，就让我们用计算机做出一个自己认为最漂亮一个网页好吗？生：好！师：利用多媒体电子教室分别展示已经进行美化了的美丽家乡1和当前还没有进行美化的美丽家乡2两个网页。谁说说这两个网页哪一个更漂亮，它们的区别在哪儿？生：“美丽家乡2”更漂亮。师：那么请同学们讨论一下，要想让网页最漂亮到底要对网页做那些修

5、饰呢？ （学生讨论）有的说要加链接栏，也有的说要添加共享边框，还有的说要对网页进行底色的设置。师：（小结）利用幻灯片出示本节课的教学目标：（1）怎样给网页添加导航与共享边框，来使网页更美观、更具有个性化；（2）如何进行主题的应用来改变网页的整体布局。（解析：通过学生讨论对老师所展示的学生网页，进而加深对网页的认识，也明白本课的教学目标。由于采用讨论这一形式也能更好地调动全班学生的学习积极性，更容易激发学生的学习兴趣。）（三）新课讲授教师利用多媒体电子教室演示1、插入链接栏导航教师演示：单击“插入”“导航”“插入Web组件”“选择相应设置”“下一步”“选择相应设置” “完成”（ 让学生知道插入链

6、接栏导航的方法）师：出示学习任务：（展示网页）请同学们插入如教师所示的链接栏。生：学生自主探究练习。（学生通过自主学习，能初步掌握导航栏的添加，并为后面的共享边框的设置作准备）师：教师巡视，了解学生操作的情况，进行个别学生指导。对做的好的给予肯定和赞扬。生：请个别学生示范操作。教师提出问题：请同学们对“导航栏”属性通话框中的各个“选项”逐个进行研究、总结、掌握。（培养学生的自学能力）（解析：“插入链接栏导航”是本节教学重难点，通过老师的演示讲解，让学生带着问题去操作，进行自主探究，最终解决实际问题。这样既完成了教学目标，也更好地提高了学生探究意识和创新能力。所以，让学生带着任务直接去学习，这样

7、使学生自主学习得到的体现，也有利于教师对个别学生加以指导，充分体现了学生为主体，教师为主导的思想。）2共享边框教师提示：“共享边框”是在网站的每个网页中，在共同的框架位置上显示相同的内容，我们可以通过“格式”菜单的“共享边框”命令来为网页进行共享边框的设置（让学生知道设置共享边框的概念及设置的基本方法）师：出示学习任务：（展示网页）请同学们设置如教师所示的共享边框。生：学生自主探究练习。（学生通过自主学习，能初步掌握共享边框的设置）师：教师巡视，了解学生操作的情况，进行个别学生指导。对做的好的给予肯定和赞扬。生：请个别学生示范操作。（解析：本部分教学也应是本节教学重难点，教师并没有完全示范操作

8、，而是稍加提醒，让学生带着问题去操作，最终解决实际问题。这样既完成了教学目标，也更好地提高了学生探究意识。）3知识拓展主题的应用师：刚才都是我们手工对网页进行的美化，有没有一种更快捷的办法让电脑自动对网页进行美化呢？生：（学生陷入深思之中）师：请同学们仔细观察一下“格式”菜单中还有什么命令？（教师适时的加以提醒）生：（此时多数都积极动手操作实践了）师：那就请同学们各显神通吧！看谁做得又快又好！生：（此时学生都积极参与操作，都想拿到第一名）师：（教师巡视，注意观察及个别指导）师：（过一段时间，当发现有第一位学生运用“主题”做好时）好，我班王伟同学已经做好了，就请他为我们示范讲解一下吧。师：（结合

9、学生操作和讲解情况加以总结）解析：利用知识拓展形式来补充课堂知识，让那些学有余力的学生表现得更出色，同时，也更加激励全班学生向更高层次发展，提高学生对信息技术的兴趣。也要充分注重学生的个体差异性。）4放开手脚充分展显学生个性师：刚才同学们都掌握了对网页的基本美化方法了，现在老师这还有一个很粗糙的网页想请同学们把它美化的更漂亮些，好吗？生：好！师：那就请各位同学大显身手吧，看看谁的网页最漂亮！生：积极主动地进行练习师：注意对个别学生进行相关指导。（解析：通过让学生帮老师解决问题的形式，将问题抛给学生，学生的积极性更高，同时也采用竞赛的形式，比一比谁的最漂亮，这就更好的提高了学生的兴趣。更重要的是

10、能够让学生充分展现个性，放开学生的手脚，让学生大胆发挥想象，尊重了学生的个性发展，大大提高了学生的自主创新能力。）5作品分析填写报告师：现在同学们都已经美化好了网页，请同学们填写网页上的一份表格。生：学生认真填写表格内容。（解析：通过分析自己的作品，让学生在脑海里充分回忆所学过的知识点，加深对操作过程的印象，进而培养学生良好的学习意识和学习习惯。）6本课总结师：（结合某个同学的作品进行总结）这节课我们学习了对网页的一些简单的美化，同学们表现得都很好，希望同学们能将此运用到今后的学习生活中去。（解析：对全课的总结，首先是进一步理顺了本节的教学重难点，也充分肯定了学生学习成果，为以后的学习奠定了坚

11、实的基础。）七、教学评价设计首先，在这节课的教学中，采用了任务驱动的教学方法，注重学生的自主探究意示和创新能力的培养，这种教学方法既培养了学生自主学习的能力，也更好地提高了学生的创新能力，使学生成为真正的学习主体。通过学生自学、实践、质疑、探索的过程，自主完成指定任务来达到教学的目的。在教学过程中多启发、少教授，充分发挥学生的自学能力、独立分析问题和解决问题的能力、创新的能力。其次，在教学评价上，也让学生进行了自评、互评，提高了学生自我评价的能力，同时也培养了学生良好的学习习惯。最后，教师从原来的知识的传授者转变为教学的组织者、管理者，教师的主导地位得以充分的体现。八、帮助和总结课教学以“情景导入知识建构综合应用自主创新”为主线，提高了学生学习的主动性。通过本节课的学习使学生们的创新能力增强了许多，制作出了好多漂亮的网页。教师要营造交互式的学习环境，给学生更大的主动权，满足学生个性化的学习需求。教师的引导与学生的思考融为一体，符合学生的认知规律，有助于学生全身心地参与到学习中去。要让学生在课堂上真正“动”起来，教师在课堂预设与生成的诸多环节都要精心设计，科学处理，以理性的思维去点燃学生求知的火焰。