《网页制作——美化网页》教学案例

《网页制作——美化网页》教学案例
一、概述
本课是《信息技术——美化网页》课时的内容。

学生已经学习了制作简单网页的基本方法，这部分的主要内容是，网页中共享边框、导航栏的设置和主题的应用。

如果采用传统的教学模式（即教师示范──学生模仿操作）也能完成教学任务，但对学生来说，他们只学会了计算机的操作，而对信息素养并没有得到提升。

所以，本着学生自主探究学习意示、创新水平的培养，以综合提升学生的信息素养为目的，作者在教学时将本课中原来让“做中学”的方式改为了自主探究的学习方式，将课堂交给学生，让学生自主探究学习，教师在课堂中主要起到引导作用。

二、教学目标分析
1．认知目标：学会简单的对网页实行美化的方法。

2．技能目标：
（1）掌握美化网页的几种操作方法；（2）能够应用主题，来改变网页的整体布局；（3）能够灵活地对几种操作方法实行综合使用。

3．情感目标：（1）通过师生协作和学生互相配合，培养学生合作团结的精神；（2）培养学生热爱美的情感，激发学生表现美的欲望，使学生的审美水平得到提升。

三、学习者特征分析
从八年级学生的认知特点来看，他们爱问好动、求知欲强、想象力丰富，对实际操作活动有着浓厚的兴趣，对直观事物感知较强，正处在形象思维向抽象思维逐步过渡的阶段。

所以，在学习过程中，应鼓励学生自己观察，亲自动手操作，实行学生讨论和交流，师生共同归纳总结，体验学习。

在讲此内容之前，学生已经学过如何制作一个简单的网页，并且已对网页实行简单的修饰,这为学生进一步对美化网页作好了充分准备。

基于以上学生情况的分析，作者对教学过程大胆采用让学生为主体，教师为主导为教学思路实行设计。

四、教学策略选择与设计
在讲此内容之前，学生已经学过如何制作一个简单的网页，并且已对网页实行简单的修饰,这为学生进一步对美化网页作好了充分准备。

基于以上学生情况的分析，作者对教学过程大胆采用让学生为主体，教师为主导为教学思路实行设计。

五、教学资源与工具设计
本课中作者利用科教2000多媒体网络教室系统展示学生制作的各式各样的网页，同时也用简单的幻灯片制作一些简单的页面，以此来出示本课的教学目标以及学习任务，以便学生有目标的去学习和练习。

六、教学过程
（一）组织教学
（二）学生讨论──导出教学目标
师：（利用科教2000多媒体网络教室系统选择几个观看）请同学们将你们所制作的网页打开，说说谁的网页最漂亮。

漂亮在什么地方？
（学生讨论）有的说某个同学网页中的文字好看，也有的说某个同学的网页中的图片漂亮，还有的说某个同学的网页底色好看等等。

师：刚才同学们都说出某个网页的某一点好看，没有完全是自己认为最漂亮的一个，那么，今天，就让我们用计算机做出一个自己认为最漂亮一个网页好吗？生：好！
师：利用多媒体电子教室分别展示已经实行美化了的《美丽家乡1》和当前还没有实行美化的《美丽家乡2》两个网页。

谁说说这两个网页哪一个更漂亮，它们的区别在哪儿？
生：“美丽家乡2”更漂亮。

师：那么请同学们讨论一下，要想让网页最漂亮到底要对网页做那些修饰呢？（学生讨论）有的说要加链接栏，也有的说要添加共享边框，还有的说要对网页实行底色的设置。

师：（小结）利用幻灯片出示本节课的教学目标：（1）怎样给网页添加导航与共享边框，来使网页更美观、更具有个性化；（2）如何实行主题的应用来改变网页的整体布局。

（解析：通过学生讨论对老师所展示的学生网页，进而加深对网页的理解，也明白本课的教学目标。

因为采用讨论这个形式也能更好地调动全班学生的学习积极性，更容易激发学生的学习兴趣。

）
（三）新课讲授
教师利用多媒体电子教室演示
1、插入链接栏导航
教师演示：单击“插入”→“导航”→“插入web组件”→“选择相对应设置”→“下一步”→“选择相对应设置”→“完成”（让学生知道插入链接栏导航的方法）
师：出示学习任务：（展示网页）请同学们插入如教师所示的链接栏。

生：学生自主探究练习。

（学生通过自主学习，能初步掌握导航栏的添加，并为后面的共享边框的设置作准备）
师：教师巡视，了解学生操作的情况，实行个别学生指导。

对做的好的给予肯定和赞扬。

生：请个别学生示范操作。

教师提出问题：请同学们对“导航栏”属性通话框中的各个“选项”逐个实行研究、总结、掌握。

（培养学生的自学水平）
（解析：“插入链接栏导航”是本节教学重难点，通过老师的演示讲解，让学生带着问题去操作，实行自主探究，最终解决实际问题。

这样既完成了教学目标，也更好地提升了学生探究意识和创新水平。

所以，让学生带着任务直接去学习，这样使学生自主学习得到的体现，也有利于教师对个别学生加以指导，充分体现了学生为主体，教师为主导的思想。

）
2．共享边框
教师提示：“共享边框”是在网站的每个网页中，在共同的框架位置上显示相同的内容，我们能够通过“格式”菜单的“共享边框”命令来为网页实行共享边框的设置（让学生知道设置共享边框的概念及设置的基本方法）
师：出示学习任务：（展示网页）请同学们设置如教师所示的共享边框。

生：学生自主探究练习。

（学生通过自主学习，能初步掌握共享边框的设置）师：教师巡视，了解学生操作的情况，实行个别学生指导。

对做的好的给予肯定和赞扬。

生：请个别学生示范操作。

（解析：本部分教学也应是本节教学重难点，教师并没有完全示范操作，而是稍加提醒，让学生带着问题去操作，最终解决实际问题。

这样既完成了教学目标，也更好地提升了学生探究意识。

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

师：（结合学生操作和讲解情况加以总结）
（解析：利用知识拓展形式来补充课堂知识，让那些学有余力的学生表现得更出色，同时，也更加激励全班学生向更高层次发展，提升学生对信息技术的兴趣。

也要充分注重学生的个体差异性。

）
4．放开手脚──充分展显学生个性
师：刚才同学们都掌握了对网页的基本美化方法了，现在老师这还有一个很粗糙的网页想请同学们把它美化的更漂亮些，好吗？
生：好！
师：那就请各位同学大显身手吧，看看谁的网页最漂亮！
生：积极主动地实行练习
师：注意对个别学生实行相关指导。

（解析：通过让学生帮老师解决问题的形式，将问题抛给学生，学生的积极性更高，同时也采用竞赛的形式，比一比谁的最漂亮，这就更好的提升了学生的兴趣。

更重要的是能够让学生充分体现个性，放开学生的手脚，让学生大胆发挥想象，尊重了学生的个性发展，大大提升了学生的自主创新水平。

）
5．作品分析──填写报告
师：现在同学们都已经美化好了网页，请同学们填写网页上的一份表格。

生：学生认真填写表格内容。

（解析：通过度析自己的作品，让学生在脑海里充分回忆所学过的知识点，加深对操作过程的印象，进而培养学生良好的学习意识和学习习惯。

）
作品分析表（略）
6．本课总结
师：（结合某个同学的作品实行总结）这节课我们学习了对网页的一些简单的美化，同学们表现得都很好，希望同学们能将此使用到今后的学习生活中去。

（解析：对全课的总结，首先是进一步理顺了本节的教学重难点，也充分肯定了学生学习成果，为以后的学习奠定了坚实的基础。

）
七、教学评价设计
首先，在这节课的教学中，采用了任务驱动的教学方法，注重学生的自主探究意示和创新水平的培养，这种教学方法既培养了学生自主学习的水平，也更好地提
升了学生的创新水平，使学生成为真正的学习主体。

通过学生自学、实践、质疑、探索的过程，自主完成指定任务来达到教学的目的。

在教学过程中多启发、少教授，充分发挥学生的自学水平、独立分析问题和解决问题的水平、创新的水平。

其次，在教学评价上，也让学生实行了自评、互评，提升了学生自我评价的水平，同时也培养了学生良好的学习习惯。

最后，教师从原来的知识的传授者转变为教学的组织者、管理者，教师的主导地位得以充分的体现。

八、协助和总结
本课教学以“情景导入→知识建构→综合应用→自主创新”为主线，提升了学生学习的主动性。

通过本节课的学习使学生们的创新水平增强了很多，制作出了好多漂亮的网页。

教师要营造交互式的学习环境，给学生更大的主动权，满足学生个性化的学习需求。

教师的引导与学生的思考融为一体，符合学生的认知规律，有助于学生全身心地参与到学习中去。

要让学生在课堂上真正“动”起来，教师在课堂预设与生成的诸多环节都要精心设计，科学处理，以理性的思维去点燃学生求知的火焰。