案例背景
    在我校校级优质课评比中，刘炯炯老师执教的高一语文课《胡同文化》上得很不错，用PPT做的课件也很有效。笔者是评委之一，也是刘老师执教班级的信息技术教师。听课时我想到：若把这节课的内容作为信息技术课网页教学素材，利用学生刚刚学过这一课文的优势，让学生为课文制作网页课件，既可让他们学到网页制作技术，又可使他们深化对课文的理解，这不正符合信息技术与学科整合的思想吗！带着这个想法，我又听了由高一语文备课组长执教的《胡同文化》，并请教了语文教研组长，还在网上查找到了这一课文几份不同的教案、课文作者汪增祺先生的生平介绍以及其他有关胡同与胡同文化的一些资料，还找了一些其他中国民居的资料，制成一个网站，并把它发到学生机上，同时挂在校园网上。教学中，我用这网站作范例，要求学生自主设计网页板块、各板块标题和选择素材，制作《胡同文化》教学网页课件。
    教材处理
    本课的教学目标是：
    ●知识　了解网页制作的工具和流程，掌握操作方法，会进行简单的网页制作。
    ●能力　学会使用各种方式查找、收集、整理相关资料，学会用FrontPage制作完整的主题网站。
    ●情感　（1）培养团队合作互助精神；（2）激发学习信息技术的热情；（3）通过网页课件制作，体会教师备课的辛苦，增强尊重别人、珍惜劳动成果的意识。
    本课教学采用任务驱动、合作学习的方式，小组成员分工收集、编写、整理资料与素材，共同完成任务目标。网站建设用三个课时完成：第一课时进行首页制作，难点是素材的整理、网页表格的设置；第二课时用于各分页的制作与超链接的设置，难点是4种超链接的设置；第三课时用于网页中特效的设置以及学生作品的评价，其中学生作品的评价是重点。
    教学过程
    第1课时　制作首页
    1.导入
    师：几天前，我与你们一起学习了汪增祺先生的《胡同文化》，现在我们先来回顾一下这篇课文，请大家以小组为单位开展讨论，谈谈学习这篇课文的收获。
    教师依次在电子白板上写下学生发言的要点：作者介绍、北京胡同、胡同与胡同文化、胡同文化的内涵、作者的胡同情结、汪增祺先生的语言风格（饶有趣味的京味语言）、其他地域民居欣赏。
    师：你们还记得刘老师上课时使用的课件吗？
    师：刘老师的PPT课件很漂亮。今天我以网站的形式又为这篇课文做了一个课件，已经放在你们的D盘上，校园网上也有。请同学们欣赏（快速展示网站）。
    师：你们想不想也为刘老师做一个《胡同文化》的网站？
    师：现在我们要学习网页的制作，请同学们用三节课的时间，学习制作《胡同文化》教学网站。做完后请刘老师欣赏，也许刘老师今后会选用哪位同学的作品来给别班的同学上课呢，大家要用心做哟！
    2.首页制作教学
    (1)网页素材资料的收集。分小组活动：打开“D盘/《胡同文化》”，浏览范例，讨论并确定本小组《胡同文化》网站的主要板块与相应页面的设计大纲；合理分工，用查找、编写、绘制等方式收集网页素材资料，也可以从老师的《胡同文化》网站中下载一些；把这些素材以文件的形式存放在小组的共享文件夹中，以便选用。
    (2)网站制作准备。教师演示制作网站的准备工作：先在硬盘上建立一个存放网页的文件夹Myweb（我的站点）；然后在该文件夹下建一个用于存放图片素材的文件夹Images（图像）；把找到的有关胡同文化的所有图片放在Images文件夹中，如作者的照片、胡同、四合院及其他民居的图片等。学生边听课边操作，几乎与老师同步完成上述准备。
    (3)首页的制作。教师演示：启动FrontPage后插入表格，讲解为何要插入表格及如何设置表格属性；在相应位置插入图片，讲解如何插入及图片位置的设置。学生跟着老师启动FrontPage，并以小组为单位自主完成网站首页的制作（教师及时给各组提供帮助）。学生制作网页需要用到的技术包括：
    A.相应位置的图片插入、文字输入；
    B.水平线的插入与水平线属性的设置；
    C.字幕的插入与字幕属性的设置。
在这个过程中，大屏幕上显示制作的主要步骤及注意事项。对B、C的操作，如果各小组自主学习、讨论后仍有困难，教师可提供解决方案。
    (4)保存首页。让学生把制作完成的网页以Index.htm（首页）为文件名存放到Myweb文件夹中。
    第2课时　分页制作及超链接设置
    1.分页制作
每位学生制作一个页面，再把这些页面及要用到的图片素材一起放入小组共享文件夹中。
    2.超链接设置
    打开“创建超链接”属性对话框进行演示讲解，再具体演示“网页间的超链接”的操作，然后让学生练习“链接到文件”、“链接到URL”、“链接到E-mail”、“链接到空白页”这四种超链接的设置。
    在上述学生练习过程中，教师巡视指导。在进行超链接设置练习时，大屏幕上投映出制作各种超链接的主要步骤及注意事项。
    第3课时　Flash等特效设置及作品评价
    1.导入
    师：上两节课各组经过努力，已基本完成了《胡同文化》网站的建设。这些网站尽管还有些不足需要我们去完善，但毕竟已基本成功了，在此我要祝贺大家。特别值得提出的是，有些小组在课外也来机房操作，星期天还在家中认真研究。这种追求成功、严谨踏实的学习态度是值得我们大家学习的。为了使网站更具吸引力，请大家再对照范例，看看是否有必要增加一些特效，如时间与日期的显示、Flash动画等。
    师：这些特效的源文件我已放在你们的D盘下，文件夹名为“特效”。今天我们先学学如何插入特效，完成后大家互相进行评价。
    2.特效设置
    教师讲解并演示利用源文件插入“时间与日期显示”以及Flash动画的步骤，重点是插入Flash动画时的“透明”问题及如何使用解决此问题的“源程序”代码。在此基础上让学生操作练习。大屏幕上投映出特效插件属性设置的主要步骤及注意事项。
    3.作品评价
    下课前10分钟，各组把作品上传到教师机。教师根据事先观察，展示几件较有代表性的学生作品（不一定是最好的）请全体学生进行评价——对优秀的设计做出肯定，对不足的进行指正。要求各组修改自己的作品，并将感到满意的作品送给刘老师，同时由网管中心将作品发布到校园网上展示。
    案例反思
    1.让学生带着自己的设想主动学习信息技术
    本案例利用学生刚刚学过语文课《胡同文化》，对课件需要表达的情境和思想有所理解的优势，用任务驱动教学激发学生学习的兴趣，采用教师讲解示范、学生模仿练习与小组合作探索相结合的学习形式展开教学。这样不但有利于实现教学目标，而且容易激发学生的创造精神。如有的小组在网站上设置了悬定按钮、鼠标跟随等；有的小组还设置了BBS。让学生带着自己的设想主动学习信息技术，对动手能力的提高和创新思维的激发都卓有成效。在此之前，我对此是不曾奢望的。
    2.信息技术教学必须切实面向全体学生
    在教学过程中，笔者力图体现“以培养信息素养为中心，以学生为主体，以任务激励为主线”的教学理念，跳出了让学生记菜单、窗口、指令、按钮的生硬的教学模式。教师提出的任务是学生必须在合作的基础上完成作品，而对作品水平的要求则让学生根据本组成员的实际能力决定。这种开放的学习任务，使全体学生都有积极性，人人都始终处在思考与探索之中，促进了良好的思维习惯、动手能力与创新精神的培养，真正体现了面向全体学生的精神。
    但在实施小组合作学习中，笔者发现个别基础较薄弱的学生会处于一种观望状态。如本案例中个别学生只参与了一般的下载或文字输入工作，而对网站的设计与维护缺乏主见。如何让他们也真正地参与学习并切实地提高，是我们必须要研究解决的问题。
    3.信息技术与其他学科整合要避免两张皮的现象
    信息技术与其他学科整合，要避免信息技术与其他学科课程教学两张皮的现象，就必须选择合适的内容，并进行科学的设计，使之切实做到融合。在内容选择上要注意以下两点：
   （1）不仅要考虑学生的信息技术基础，还要考虑学生对与所选内容相关的学科知识是否熟悉。如本案例中学生既要对语文课《胡同文化》有整体的理解，又要有信息技术的操作能力。二者中只要有一方面较弱，整合过程就会大打折扣。
   （2）应选用信息资源较多，容易发散思维的教学内容。