教学设计：动态网页制作教学设计

随着新一轮课程改革的进行，研究性学习、Webquest等利用网络资源的课程计划和课程单元已步入师生的日常教学活动中，信息技术与学科整合已成为中小学教学的一道亮丽的风景。学生的学习方式正从单一、被动的学习方式向多样化、互动性的学习方式转变，自主探索、合作交流已逐步成为学生乐于接受的学习方式。本文试以广东省高级中学课本《信息技术》第一册“动态网页制作”的教学设计来加以论述，主张在信息技术教学中，要克服单纯只教技术的观点，注重培养学生的协作创新精神和审美意识，引导学生将信息技术作为支持其主动探究学习及终身学习的工具。
【指导思想】
引入美国学者比尔的“三层塔”教学思想，比尔“三层塔”教学法包括三个步骤：第一，讲完一般的背景后，接着进行本门学科的训练；第二，运用本门学科的知识，解决这一领域的大量问题；第三，各门学科通过共同的问题，互相联系起来。通过运用“三层塔”教学法，引导学生搜索其他相关学科的素材和利用网络学习环境，互动协作完成网页作品创作的过程。结合启发式教学、自主探究学习模式，引导学生探究学习、合作学习，实现将能力的培养落实到一个个具体的教学任务中去。
【教学课题】
动态网页制作(《高一信息技术》第一章广东教育出版社)1课时
【教学目标】
①认知目标：掌握两种以上动态网页制作的技巧，具体哪一种不作硬性要求，如：悬停按钮、横幅广告管理器、滚动字幕的制作方法，学会添加背景音乐等。
②技能目标：能在网页设计时根据需要适当加入悬停按钮、横幅广告管理器、滚动字幕和添加背景音乐等特效；培养学生网页设计的审美能力、互动协作能力、创新能力。
③情感目标：通过创作——交流——评比的教学手段，激发学生们高涨的学习兴趣，在操作的同时获得成功的喜悦。
【教学重点、难点及对策】
①难点：网页制作通过前面几个小节的学习铺垫，大部分学生对掌握本节的技巧并不困难。而难点在于怎样根据主题设计一个动静相宜、图文并茂、色彩和谐的优秀网页，逐步建立起比较直观、全面的优秀网页概念。
②重点：培训学生逐步建立优秀网页的意识。
③对策：针对本课时理论性不强的特点，强调学生创作的过程，在这个过程中通过教师的引导和学生的相互观摩比较，逐步建立网页美的意识。教学进程如下：作品演示观摩——教师引导——学生创作——小组交流评选——展示总结。
【教法和学法分析】
信息技术是一门以培养学生信息素养和操作技能为主的新兴学科，有别于传统的教学方法。实践证明，学生的操作技能应从实际操作的体验中获得。信息技术学科有其得天独厚的有利条件——计算机网络环境，它为我们实施先进的教学方法提供了良好的外部条件。
本课教学采用“以学生为中心的网络教学模式”，充分发挥网络教学的优势，努力为学习者创设一个张扬个性共同提高的学习环境。
①本课以创作“个人主页”为主线，分为“作品演示观摩——教师引导——学生创作——小组交流评选——展示总结”五个阶段。在整个学习过程中，让学习者主动参与、相互协作、共同提高。
②本课考虑到学习者的个体差异，采用高效率的“各取所需”的学习方法——即事先准备好各个知识点的教学片断——用FlashCAM录制好示范操作过程。学生如有知识盲点可以点击相关链接查看相应内容——获得即时的帮助与指导。
③由学生通过对示范网页的观察；小组评选中对作品的比较；总结评价时对他人作品的分析，从而让学生自己逐步建立起比较直观、全面的优秀网页概念。
【教学准备】
网络环境的设置，能够访问校园局域网。
为了能在课堂上给学生更多的操作时间，教师在课前应先建立学习网站，设置好网络环境，这是本课时能否顺利进行的关键，它包括以下几个模块：
①课程导航：提供本节课程学习要点，让学生了解本节课的教学实施方案及有关教学的基本信息。提供相关资源检索、参考书目、相关网站、导航帮助等。
②学习教程：提供本节知识点的内容详解和相应操作指导。操作指导部分是事先用FlashCAM录制的示范操作过程。学生如有知识盲点可以点击查看相关内容——获得即时的帮助。另设优秀网页展示园地，供学生学习和欣赏。
③协作学习：提供多样化的交互方式。讨论区、BBS、基于文本和图像的电子白板等方式，实现协作交流。学生机上设置共享文件夹，把设计好的网页保存至该文件夹下，其他学生通过网上邻居即可实现对该网页的访问。
④自我评估：学生通过对示范网页的观察；小组评选中对作品的比较；总结评价时对他人作品的分析，从而让学生自己逐步建立起比较直观、全面的优秀网页概念。
⑤教学管理：教师评价、学生作业提交等。

【教学过程】

教学步骤

教师活动

学生活动

引入课题

4分钟

示范网页：

介绍网页中使用的一些特殊动态效果，如：悬停按钮、横幅广告管理器、滚动字幕和背景音乐等。

①学生观察展示的网页作品；

②根据展示的作品确定自己比较喜欢的网页样式。

导出任务

5分钟

▲本课的任务：

①制作一个简单的个人主页，主题可以根据自己的爱好来确定，内容应积极向上；

②要求在网页中使用两种以上动态效果；

③在因特网和校园网中搜索素材，使用在线帮助。

▲建立学习小组原则：

学生根据主题内容，采用自愿组合方式，建议一般每小组5——10人。

▲学习时间分配：

作品创作20分钟；

小组观摩评选5分钟；

总结展示作品10分钟。

①学生根据提出的问题，确定自己的主题和需要学习的动态技巧；

②根据主题内容确定加入小组。

创作作品

20分钟

①可适当准备相关素材，以免学生在找素材上花费大量时间；

②巡视辅导、参与讨论、个别指导。

①根据自己确定的主题收集资料，利用因特网和校园网资源库，搜索与主题相关的文字、图片、动画和音乐等；

②点击在线帮助，“各取所需”，学习一些必要的知识和操作方法；

③如有问题可以利用在线协作与同学进行讨论，也可以和老师讨论，及时解决问题。

观摩讨论

小组评选

3分钟

参与评论

①按小组交流作品；

②每小组评选一个较有特色的作品在全班展示；

③自我评价：你的网页可以得________分。你认为小组比较好的网页有_______________。

总结评价

展示作品

8分钟

教师对网页中的优点和不足作点评，对具有创新意识的设计给予表扬。

①展示各小组代表作品；

②学生参与评论，班级中比较好的网页有；

③对自己的作品进行“润色”修改。

【教学后记】

本课教学力求打破“传统教学+网络的教学模式”，采用“以学生为中心的网络教学模式”，努力为学生创设一种相互协作、相互激励的同时又能够让学习者张扬个性的学习环境。这个过程，是学生把学到的知识和技能（包括信息技术以外的）应用于一个实际作品的制作的过程，是一个创作实践的过程。在作品创作中并不规定具体的主题内容，而是让学生可以选择他们熟悉和能发挥特长的材料来进行制作。从学生最终的作品内容看，有体育的、文学的、科技的、环境的、天文的，也有学习和生活的。从中可看出学生的不同爱好和特长，也有利于激发学生学习的兴趣。

本课围绕作品的创作实践，进行小组协作学习——小组观摩——小组评选——全班展示，是学习者主动参与、相互协作、相互激励、共同提高的过程，在整个过程中教师既是活动的策划者和组织者，同时又是参与者。教师的“主导”地位体现在教学设计的全过程，即对课程总体结构的把握；对教学目标的把握；对整个教学环境和教学节奏的把握；课堂上对学生“有的放矢”、“画龙点睛”的及时指导。这是教师引导的体现。

为了准备作品用的素材，学生必须运用他们学到的知识，包括信息技术、数学、物理、语文和美术等，并把分散的知识进行综合运用。为了把作品做得更好，一些学生还运用了工具软件的其它功能，既增长了信息技术知识，又培养了自学能力。在创作中教师给予学生极大的自由，小组协作交流广泛开展，使学生感到自己是实践活动的主人，是学习的主体。协作、主动、有责任感的学习气氛，有利于学生张扬个性，充分发挥学习者的积极性。这是学生协作的体现。

本课把原来教师对作品的评定改为学生对作品的评价，这一过程，使学生在比较轻松的氛围中了解了他人作品的长处，认识到自己作品中存在的不足，是一个自我教育不断完善的内化过程，学生从师生之间的评价中吸取精华，不断创新，有利于逐步建立起比较直观、全面的优秀网页概念。这是师生创新的体现。

所谓“功夫在诗外”，网络教学环境的设置是这节课能否成功的关键。教师必须在课前精心做大量的准备工作，也即是对网络教学环境的设置。在每节信息技术课程的教学中，网络教学环境的框架设置是基本一致的——是一种以学生为中心的网络环境的教学平台，不同的是需要填充或修改其中的内容。这种网络教学平台可以教师自己编制，也可以是市面上的商品化产品。

诚然，一节课的教学，并不能引导学生将信息技术作为支持其主动探究学习及终身学习的工具，重要的是，通过一节常规教学课，引发教者如何根据计算机学科的现代性、实践性、工具性、应用性等特点，对计算机教育中必须培养学生哪些素质、如何培养学生素质、学生具备这些素质的意义等问题进行更深层次的思考。