《制订建站计划》教学案例

刘带英

教学内容分析

《制订建站计划》是浙江教育出版社出版的中学信息技术八年级上册第三单元“网站制作”的第二课。在前两个单元中，学生比较系统地学习了计算机网络的基础知识，了解了网络在生活中的实际应用。本单元是利用SharePoint designer软件来学习如何制作网站。本课的教学容量较大，学生要完成确定网站主题、设计网站栏目、设计网页配色方案以及建立网站素材资料库等整个前期准工作，因此，笔者安排了两个课时，第一课时以制订建站计划为主，第二课时以建立网站素材库为主。本课为第一课时。制作一个比较完整的网站，必须要做好充分的准备工作，也即要制订一个建站计划。制订一份切实可行的建站计划，要从多方面入手，其中确定主题、分栏目设计、色彩搭配等相关准备是必不可少的。制作网站是一项系统工程，对学生来说有较大难度。为了降低学生对网站制作的畏难情绪，激发学生制作网站的兴趣，笔者选择了制作班级网站。本课的任务是从确定网站名称、规划网站内容、设计网站配色方案三个方面入手，制订班级网站的建站计划。

学习对象分析

本课的授课对象为八年级的学生。学生已经能比较熟练地掌握网络的搜索与浏览等技能，学习了网络发展的历史、网络文化以及网络在生活中的应用等方面的知识，但对于网站的制作还是初次接触。经过前一课的学习，学生对不同主题网站的特点、网站的栏目内容、网站的色彩搭配等有了一定的了解，这为制订班级网站的建站计划奠定了良好的认知基础，学生可以根据已有的认知经验，通过亲身实践，体验制订建站计划的全过程。

教学目标

知识与技能目标：通过对几种不同主题网站名称的分析，总结网站命名的方式，能够为班级网站确定一个名称；通过范例分析和交流讨论，理解栏目与分栏目的含义，并为班级网站确定网站栏目和分栏目内容；通过范例分析，了解配色的基本原则，并为班级网站进行合理的色彩搭配；制订班级网站的建站计划，掌握网站设计的基本流程与方法。

过程与方法目标：两人一组，确定班级网站的名称、规划网站栏目、设计网页配色方案，合作完成班级网站的建站计划，提高合作学习能力和规划设计能力。

情感态度与价值观目标：在为班级网站制订建站计划的过程中，增强合作学习的意识，提高规划设计意识和审美情趣。

教学重点、难点

重点：制订班级网站的建站计划。

难点：设计班级网站的网页配色方案。

整体思路

本课以完成“班级网站建站计划书”这一综合任务为主线，贯穿三个子任务，分别是设计网站名称、网站栏目、网站配色。为了让学生有整体意识，课前笔者设计了一个“班级网站建站计划书”框架，并在课中分发给各小组，让学生通过填空的形式逐一完成分任务。当所有分任务全部完成时，综合任务的成果也就顺利出炉。由于制订班级网站的建站计划需要有人共同商讨，因此本课的任务全部采用小组合作的方式，由两人一组共同完成一份班级网站建站计划书。

教学方法

本课主要采用基于建构主义学习理论的任务驱动教学法和小组合作学习法，并辅以启发式教学和发现式教学。

教学流程

1.欣赏照片，导入新课

（1）欣赏照片，激发兴趣

教师播放本班学生在初中学习与生活中的各种照片，引起学生的回忆与共鸣，激发学生的学习兴趣。

（2）问题引导，引出课题

问题一：我们可以通过哪些方式将班级生活的点滴记录下来，供全班同学随时随地查看和浏览？

学生会回答出多种方式。

师：同学们说的班刊、相册等方式都可行，但是在互联网时代，在手机、平板盛行，WIFI网络全覆盖的今天，老师觉得制作一个班级网站这种形式不失为一种良策，班级网站里面不仅可以存放照片，还可以展示文字、视频等各种类型的信息。

问题二：建站之前，必须先有什么？

师：建站犹如建房子，需要先有设计图纸，后期就可以按图施工了。同理，建站需要先有计划书，所以我们先要制订建站计划。

设计意图：播放学生学校生活中的照片，激发学生的学习兴趣，营造轻松愉快的课堂氛围。创设最贴合学生生活实际的情境——制作班级网站，让学生明白制作网站之前，需要先拟定一份建站计划书，并为后续制作网站做好铺垫。

2.自主发现，循序渐进

（1）宏观把握建站计划

教师先让学生结合上节课所学内容，分小组讨论班级网站计划要从哪些方面着手，然后分小组汇报，最后教师总结，主要是三个方面：设计网站名称、设计网站栏目、设计网站配色（如图1）。

设计意图：制定班级网站建站计划可以从多方面入手，让学生通过小组讨论，结合旧知，明确主要目标，从宏观上把握建站计划。

（2）分步落实建站计划

①设计网站名称。

教师引导学生根据各类网站的名称，自主发现，总结归纳网站命名的一般规律（如图2）。

小组活动一：给班级网站取名。两人一组，综合运用网站命名的规律，给班级网站取一个合适的名字（如图3）。

各小组汇报网站名称，先说出命名的理由，然后，师生共同点评，最后，各小组再优化班级网站名称。

任务一：根据本组学生的讨论结果，完成图3的填写。

设计意图：学生通过自主发现，总结归纳网站命名的一般规律，并给班级网站取名打下基础。经过师生点评，各组明白班级网站所取名称的优点与不足，便于改进。

②设计网站栏目。

先让学生说一说班级网站中可以放哪些内容，然后教师将这些内容进行分类，并给每一个类别取名，从而引出栏目的相关概念：栏目、分栏目、栏目名称、栏目说明（如图4）。

师：这些内容可以将其分类，每一类就是一个“栏目”；每一类给它取个名字，这个名字就叫做“栏目名称”；栏目下面还可以细分出多个更小一级的栏目，我们将其称为“分栏目”；对每一栏目可以加上文字说明，这就是“栏目说明”。

小组活动二：给班级网站设计栏目。（标准：①内容要丰富全面，②栏目要分类清晰）

首先，各小组汇报网站栏目内容，说出本组同学的想法；然后，接受师生的共同点评；最后，各小组再优化班级网站栏目内容。

设计意图：结合范例，便于学生理解栏目的相关概念。在对栏目相关概念理解的基础上，通过小组讨论活动，设计班级网站的栏目。通过师生点评，学生明白各组班级网站栏目及分栏目内容是否合理，便于改进。

③设计网站配色。

学生欣赏经典网页的配色方案。

小组活动三：为班级网站配色。

任务二：根据所提供的参考资料，在图5中给自己的班级网站进行色彩搭配，比一比，哪个小组的颜色搭配得最好。（技术角度：设置各自选图形的填充色、文字颜色。）

参考资料：

网页设计常用色彩搭配表：http：//tool.c7sky.com/webcolor/

网页设计手册：http：//www.websbook.com/website/webcolor/index.html

各小组成果展示，感悟成功。

设计意图：参考一些常见的网站色彩搭配方案，让学生明白色彩是网站构成的一个重要方面。为了让学生对班级网站的配色有更加直观的感受，教师给出了一个常规网站主页的布局框架，让学生直接在这个框架中修改各形状的填充色、文字颜色、背景颜色，从而突破难点。

3.知识整理，总结提升

师：在这节课中，每两位同学一起合作完成了一份班级网站的建站计划书，这说明同学们都有很强的合作意识，这一点非常重要。以后不管是学习还是走上工作岗位，同学们都要积极与他人合作。制作网站是一项系统工程，有了建站计划书，我们就可以按图施工，从而事半功倍。同学们，做其他事情也是一样，在实施前，制订一份详实可行的计划至关重要。

教学反思

本课作为制作网站的准备课，内容的理论性较强。而信息技术课最突出的特点就是实践性，为了让学生多动手操作与实践，笔者思考的第一个问题就是如何将理论性的内容转变成能让学生动起来的东西，于是就设计了将内容转变成小组活动的任务。因任务不能是零散的，于是，笔者思考的第二个问题就是设计一个能串起设计网站名称、网站栏目、网页配色这三个任务的情境，个人网站、作品网站、美食网站等都有考虑过，但这些情境不能覆盖到每位学生的兴趣，于是笔者就想到了制作班级网站。有了合适的情境，离成功就近了一步。但还有个问题笔者一直感到比较苦恼，就是设计网页配色方案这个难点，教材上给的“亲身体验”很不直观。在其他优秀教师的指点下，笔者设计了一个常规的网站主页的布局框架，让学生直接在这个框架中修改填充色、文字颜色和背景颜色，从而化解了难点。