张春凤　高洁

摘要：该文结合《网站规划与设计》的课程特点，介绍了基于任务驱动的课程改革方式与实施步骤。该方式需要多人协同完成同一网站，分工明确，逐步完成。使用该方式提高了学生的协同工作能力，积累了网站开发的经验，达到了课程改革的目的。

关键词：任务驱动；协同工作；网站规划与设计

中图分类号：TP393 文献标识码：A 文章编号：1009-3044(2012)36-8733-02

《网站规划与设计》课程是计算机系各专业的选修课，主要内容包括网站规划，网页设计，动态网站制作以及网站维护。相比非计算机专业的《网页设计》课程来看，前导课程多，涉及内容广泛。因为学生毕业后进入软件公司工作，大部分都是从事基于B/S模式的系统开发或者动态网站制作，不仅需要有本课程的课程基础，还需要有实践经验。因此，课堂讲授的知识以及一些小练习不能够满足学生就业的需要。学生需要熟知系统开发的流程以及每个步骤的工作内容，这样能够保证学生不论从事哪部份工作都能够得心应手。

“教与学”的教学方式在这门课程上逐步落后，课堂上的知识点只是针对某一个部分，如何将所有内容集合成一个界面漂亮，功能性强的网站就非常困难了。通过基于任务驱动的《网站规划与设计》的课程改革，学生能够进行系统的练习，学会自己组织材料，自己制作网站，以便顺利的投入到以后的工作。

1 存在的问题

1.1 传统教学方式存在的问题

传统的教学方式采用的是理论和和实践上机课交叉进行，理论课上教师使用实例在投影上进行操作演示，上机课程学生按照操作步骤逐步操作进行练习。学生经过上机课后，可以熟练的做书上的练习，但是书上的练习题都是已经给定了创作素材和画面布局，学生按照书上的操作步骤逐步操作就能够完成。甚至有的练习题连页面的边框以及布局都已经完成，学生只需要做其中的一部分，用以练习授课内容。这样练习的结果是学生能够进行页面的某一部分操作，只是限于模仿，在实际应用中碰到的问题却不知如何去应对，不知道如何采用合适的步骤去制作和完成一个网页，更不用说从整体上做一个界面漂亮、功能合理的网站了。

首先，学生的网站存在随意更改的现象。在制作网页时不根据先前写好的网站规划书进行后继工作，从网站结构到页面布局，想怎么改就怎么改。没有一个系统的认识，是不能够完成一个功能良好，赏心悦目的网站。

其次，网站的页面元素间也存在相互制约的关系，整个页面颜色也要协调，功能性的组件也要使用得当。经常见到学生的作业是为页面不单调而用强硬使用组件，使得组件在页面中显得很突兀，组件的功能也没有得到发挥。

最后，页面的动态效果要和网站的功能相得益彰，学生为了使页面动起来，在网络上下载许多Flash，都堆砌在页面上，整个页面看到的全部是动画，看起来混乱不堪。

1.2 能力的培养

制作网站是一个系统工程，需要经过对网站内容进行调查、研究客户需要、网站总体规划、搜集资料、网页制作以及后期维护等步骤，这个过程根据客户要求和实际情况需要逐步推进。

实际应用的网站从网站结构到页面布局都比较复杂，一般都是多人协同工作。需要考虑的问题也比较多，比如：网站采用的风格，用户群的定位，网站突出的主题以及文字和图片的组织等。每个人完成其中的一部分，这就涉及自己完成的这一部分是否考虑了下一部分成员的工作难易。比如：动态网站在前期数据库设计时可以将数据表设计的比较简单，将多种数据混杂在一张表中，但是在后面做动态页面的人员在查询数据时查询语句就比较难写，且查询效率低。协同工作还需要遵从一些约定，比如：文件夹的名字，文件目录的层叠结构等。名字的命名需要见名知意，不需要根据说明文档逐个寻找，这样能够整体提高工作效率。

当一个团队来完成一项工作时，需要一个领导者和组织者来设置和实施计划，这是一项统筹安排的工作。开始时，设置计划完成时间及阶段目标，其后，协调组织人员开展工作，这能够锻炼一个人的组织能力。

2 教学目标

2.1 网站主题

小组作业的目标网站大小要适当。网站太大，需要的学生多，一个步骤需要多名学生完成，没有充裕的时间进行讨论，最后工作完不成或者做出一个不能使用的系统，学生也不能对这部分工作有一个充分的了解，也不能在小组讨论时说出自己的体会。

如果网站太小，每个学生完成的工作太少，不能充分理解统筹规划的意义，以后在遇到大型项目时不能有一个完整的想法和思路，起不到锻炼的作用。如果太小，也有可能是一个学生或两个学生做，不能充分体现分工合作的目的，学生的能力组织和沟通能力也不能得到锻炼。

我们布置的网站是购物网站，因为电子商务的普及，学生都开始在网络上购物，对网络购物有一定体会。购物网站有很多，各有特色，B2C和C2C实例都很丰富，功能对比及学习都很方便。要求学生完成的购物网站要售卖单一品种的商品，比如：网上书店，鲜花速递等，不要求商品种类多，只要求网站功能齐备。

2.2 网站要求

网站要求颜色搭配协调，首页面是“国”字型布局，其余页面要与首页面有明显不同，也就是不能用一个模板套出来，但整个网站在颜色和风格上要保持一致。首页面布局比较复杂，主要起导航和分类作用。次级页面较简单，用来详细介绍某一商品。这样能够保证静态页面部分有一定工作量，使学生站在网站的角度进行工作，而不是某一个网页。

考虑到学生的课余时间安排，课后作业工作量不能太大，至少要求有四个页面，动态网站部分要求有增加、删除、修改及查询功能。这样能够保证基本的工作量，学生要在此基础上进行方案设计。

3 实施方案

3.1 实施步骤

根据教学内容的推进，每次上机前都留有上机作业。第一部分是课堂教学内容，要求学生按照教材里面的例题进行操作练习，课件配有相关的素材；第二部分作业是拓展作业，要求学生根据已有知识自行完成，没有任何参考资料。学生要观察网络上的成品网站，学习经验，然后动手制作。作业要有拓展性，要让学生学会思考，对于一个问题怎样用现有的知识和方法去解决。作业最终能组合成一个网站，让学生看到自己的成果，网站是否能吸引用户，是否有良好的交互能力都一目了然。

首先留课堂作业，要求所有学生熟悉网站规划与设计的步骤，随着课程内容的推进，逐步留与网站相关的作业。使得所有学生掌握网站规划与网页设计的知识，在后期动态网站讲授前，布置分组作业，要求每组5名学生。一名学生负责总体规划以及协调工作；一名学生负责数据库设计；一名学生制作静态网页，包含对图片进行处理以及制作动画；两名学生制作动态网页。每个学生完成的工作及相应文档如表1所示。

每当一个学生完成一个阶段工作，对学生作业进行讲评，也让学生看看别的同学的作业有何优缺点，对照自己作业该如何修改。在完成作业后，小组交流，看看自己的工作对后继同学的工作有何影响，是否给后继工作造成障碍；看自己的设想和最后的成品有何差异。一组学生相互间交流，是否对他人的工作满意，造成自己工作不便的原因有哪些。请大家点评自己的系统有何缺陷，应如何进行修改。别组系统有何缺陷，应如何修改。

教师评定的成绩根据小组最后完成的网站由色彩搭配、使用功能，控件使用以及网站说明书这几个方面进行评分，占总成绩的50%。小组互评成绩是各个小组相互之间评定成绩，要让学生看看别的小组作业的优缺点，有利于学生借鉴经验，占总成绩的30%。最后，小组成员互相打分，起到一个互相监督的作用，占20%。

3.3 实施效果

经过两个年级5个专业的实践，从学生的作业情况看，学生相互协调能力有所提高。在作业完成后写经验总结时，能够正确指出自己小组系统的的不足以及在其它步骤中同学的设计及制作中的优缺点。从学生的成绩来看，优秀率从原来的2%上升到5%，不及格率从原来的3%下降到0。经过这一次练习，学生的整体认知得到提高，知道该如何完成一个网站。

4 总结

我们采用的逐布推进式的分组作业方式，从学生的作业来看，已经取得了一定的成果。学生的作业也存在着一些问题：布局简单，版式变化少；数据库设计不合理；动态部分和静态页面不匹配。这些问题表明学生在制作网站方面经验的不足及小组成员沟通不够顺畅。多让学生参与实践工作，加强经验积累是我们以后工作的重点，需要在后继工作中继续完善。

参考文献：

[1] 温超.基于任务驱动的大学《网页设计》课程“层次推进式”教学模式的探索[J].中国医学教育技术,2010(12).

[2] 蒋文沛.任务驱动项目导向教学模式的应用——以《网站规划与设计》课程为例[J].高教论坛,2011(10).

[3] 王建华.案例-任务驱动模式在计算机应用教学中的实践[J].福建电脑,2011(11).