筹划班级网站教学

参考教学案例

课题名称：筹划班级网站

【教学目标】

1.知识与技能

（1）知道什么是网站的功能定位。

（2）学会根据网站功能定位选择网站内容和设计相应栏目。

（3）了解版面宽度与显示器分辨率的关系，学会选定版面宽度。

（4）了解版面布局常用方式，能够画出版面布局图。

（5）能够设计切合网站主题的色彩方案。

（6）能够大致拟定网站制咋方案。

（7）了解网站的一般筹划过程。

2.过程与方法

（1）通过对不同网站的比较，初步懂得发现和学习不同网站的优点。

（2）初步懂得围绕网站目标定位，选择网站内容和设计栏目的方法。

（3）通过设计网站一、二级网页的版面，体会版面布局和色彩方案设计的过程。

（4）亲历网站制作方案的必定过程，体会与人合作交流的技巧。

（5）经历班级网站的筹划过程，初步懂得简单网站的筹划方法。

3.情感态度与价值观

（1）培养对网站的鉴赏能力。

（2）培养学习和使用信息技术的兴趣和意识。

（3）培养团结协作精神，开展合作意识。

【教学重点和难点】

教学重点

明确主题网站的功能定位，并根据制作目标进行内容结构和版面的设计。

教学难点

设计网站内容结构和拟定制作方案。

【学情分析】

初中学生对新事物的好奇心强，丰富多彩的网站，各具特色，很容易激发起学生创作的欲望，

本节奏出制作班级网站的任务更能激发学生的学习兴趣。但是，受年龄特点和以往学习经历的影响,

学生可能会更希望直接开始学习实际操作而无视筹划的重要性。因此，教师在教学过程中应注意不

断渗透任务分析和任务筹划的必要性，并通过让学生亲历筹划的过程，使学生体会筹划的思想和方

法。同时，由于学生对于网站具体制作过程的分工还没有足够认识、通过合作的方式完成一个较大

型的制作任务的经验较少，教师在引导学生分工时应注意根据学生实际情况灵活变通，不要照搬网

站制作的一般分工方法，导致岗位分配流于形式。

【教学方法】

教学组织形式可采用任务驱动的教学方法和观摩、探究与合作的学习方法，课堂讲授，小组协

作学习、教师评价与自我评价相结合。

本节课可以采用任务驱动的教学方法,在基于真实情景即建立班级网站为班级成员提供一个展

示与交流的平台的前提下，提出进行网站制作需求分析和筹划、分工等任务。

在此前学生未参与过一个如此完整和大型的作品制作，因此，给予充分的范例观摩和引导是十

分必要的，教师在给予学生观摩优秀网站时，可以帮助学生讨论分析并归纳出这些网站之所以能具

有吸引力，其共同点在哪里，对于自己即将开发的网站有什么可借鉴之处。

筹划是创作过程的开始，也是容易被学生所忽略的阶段。教师必须在此给予学生行之有效的引

导，使其明白前期筹划的重要性并进行积极有效的筹划工作。比方教师可以在事先设计的网站筹划

书上以填表形式让学生答复四个问题：我们为什么做？我们可以做什么？我们应当做什么？我们需

要怎洋做？（该问题可以让学生更具体的答复，如提供创作蓝图）。第1个问题的思考有助于学生

解决“网站的功能定位〃，第2、3个问题的思考有助于“拟定设计方案〃，第4个问题则有助

于“设计内容结构〃和“设计版面〃。

此外，“网站制作方案表〃的制定是否科学合理、具有可操作性直接影响本章后面整个学习过

程是否能按进度进行的重要因素，如果制定不好，方案表只能流于形式，不能起到实际作用。完本

钱课任务后，安排“讨论交流”环节，教师对每个小组的方案进行评价和修改，有利于学生对制定

方案的思想和方式有更深的理解，也能保证后面的制作过程顺利开展。

【教学媒体及资源】

多媒体网络教室、电子教室系统、给学生展示的优秀网站范例、“知识检查表〃和“任务进度

检查表〃的电子表格。

教学过程】

教

学

教师活动学生活动设计意图

环

节

情1、情景引入：如何为班级成员之间提供一个展示和交明确任务和合作伙提出贴

景流学习生活的平台，实现班级资源的共享。伴。近学生学

引2、任务提出：习生活的

入（1）本章任务：任务情景

与要求同学们分组各设计一个班级网站，最后将在所与要求，激

任有作品中评比出最正确网站作为本班的班级网站。发学生的

务（2）本节任务：创作热情。

提进行网站的筹划。

出

1、观摩网站观摩教师提供的网学生在观

提供一些优秀的班级网站让学生进行观摩。引导学站范例，填写教材表摩优秀作

生从网站的主题、内容、版面和技术归纳优秀网站的特2-E品的同时

点。对网站的

整体结构

有较深的

感性认识，

借鉴别人

作品的优

点并找到

自己网站

的定位。

2、明确功能定位学生在组内讨论，分沿着网

指导学生明确网站制作的总体目标和要实现的功析，最终明确网站功能,站筹划一

能。般过程，让

3、设计内容结构学生在老师指导下学生逐步

指导学生阅读教材表2-2和图2-1,引导学生对网仔细阅读教材，并在组内解决网站

站所要表达的内容进行梳理、筛选和归类，最终形成自进行讨论，根据讨论结制作的需

任

巳的网站结构和栏目内容。果，把自己的网站结构和求分析工

务

大致栏目内容填写在教作，为下一

解

师印发的“网站筹划书〃步工作开

决

中。展做好准

4、设计版面学生观摩优秀网站范备。

（1）选定版面宽度例，认识不同网页版面布提供优

（2）合理你局版面局结构，颜色搭配，经组秀的范例

一个网页的版面通常以屏幕中央最能引人的注内讨论之后在“网站筹划给学生参

意，屏幕上方紧随其后，屏幕的左右侧通常放置不太重书”中绘制第一、二级网考,有利于

要或固定信息，附加信息（如版权信息）一般放在最下页的布局草图。学生得到

方。启发，较迅

展示常用布局方式实例：T字型、同字型和三字型。速确实定

（3）设计色彩方案自己的网

参考教材P22中的拓展知识局部，了解不同颜色站设计方

给浏览者的不同感受。案。

注意：不要使用过多的颜色。除了黑色和白色以

外，约选择四到五个颜色就够了。

5、拟定制作方案小组成员之间经过讨

指导学生进行合理分工、拟定制作方案。论协调，确定彼此的分工

任务，负责人填写“网站

筹划书”中的“网站制作

分工及进度安排表.

6、小组方案评价根据教师的建议修订保证

从可行性和工作分工是否合理等方面对小组的方案方案。后面的学

作适当的点评，指导相关小组修改方案。习任务得

以顺利开

展。

1、优秀网站的共同点有包括：容易进入、主要内容一填写知识检查表和帮助

目了然、内容丰富、更新及时和版面美观。

任务进度表。学生梳理

2、着手设计网站前，我们需要明确网站的功能定位。

本课知识

3、网站内容的选择和栏目设计要围绕网站的目标定位。

要点。

小，1、设计版面主要包括三个方面的工作：选定版面宽度、

结合理布局版面和设计色彩方案。

5、筹划一个网站，一般需要经历观摩网站、明确功能

定位、设计内容结构、设计版面和拟定制作方案等五个

过程。

课小组成员分工合作，搜集班级网站所需资源。为下

外节课的教

任学内容作

冬准备。

附1:网站筹划书

1、网站名称：

2、小组长:小组成员：

3、制作网站前答复的四个问题：

A.我们为什么做？（我们设计的这个班级网站是为了展示什么或作什么用？）

B.我们可以做什么？

C.我们应当做什么？

D.我们需要怎样做？

写出你们的具体创作蓝图:

结构内容（参考教材表2-2）

栏目主要内容

绘制一、二级网页版面布局草图

（用铅笔绘出网站主题、导航、正文、页尾等的大致位置及标注上相应的配色说明）

一级网页二级网页

4、根据3中对B、C两个问题的答复和网站制作的具体流程，拟定你们的网站制作分工。

附