小组协同式学习在网页设计与制作课程中的应用

钱丽丹

摘 要： 基于职业岗位需求，对网页设计与制作课程教学中出现的问题进行分析；对教学内容、课堂组织模式、课程考核等方面进行了课程改革实践。课程以企业真实项目为载体，按照网站的开发流程设计教学环节，构建小组协同式学习环境，协同完成项目整体开发。

关键词： 网站建设； 课程改革； 开发流程； 小组协同式学习

中图分类号：G642.421 文献标志码：A 文章编号：1006-8228（2015）04-60-02

Abstract： Based on the demand of professional job， and the analysis of the problems in the "Webpage design and making" course teaching， the reforms on the teaching content， classroom organization mode， curriculum evaluation and so on are practiced. The reformed course takes a true enterprise project as a carrier， designs the practical teaching according to the development process of website， builds group collaborative learning environment so being able to complete the project collectively.

Key words： Website construction； course reform and practice； development process； group collaborative learning

0 引言

随着计算机、通信技术和网络技术的发展，网站建设成为越来越多的企事业单位和个人宣传和推广自身形象的重要平台，因而对网站开发人才的需求也日益增加[1]。网页设计与制作课程已经成为高等院校计算机及相关专业的主要课程之一[2]。笔者所在的学校在软件技术专业、计算机应用技术专业、电子商务专业、网络技术专业上均开设了网页设计与制作课程，还面向全院开设网页设计公共选修课。在传统的教学和考核方式下，该课程虽然能使学生掌握一定的网页制作知识和技能，但实践能力不强，与岗位需求存在一定的脱节，不利于学生未来的职业发展。

1 课程现状及存在的问题

网页设计与制作是一门操作性极强的课程，一开始大多数学生对课程充满兴趣，但是随着课程学习的深入，难度不断加大，学生学习的兴趣度逐渐降低。产生该问题的原因主要可以归结为以下三点：①课程覆盖的内容较广，要设计出精美的网页，不仅需要掌握网页设计工具如Dreamweaver、Photoshop、Flash等，还需要一定的美工基础，并且要熟练掌握HTML、CSS、JavaScript等知识，面对这么多工具以及知识点，学生不可避免地产生畏难情绪，没有信心学习好课程；②教学方法不够灵活，教师常常采用较为传统的教学方法[3]，往往把课堂教学分为四个阶段：“教师展示效果”->“教师演示制作过程”->“学生模仿制作”->“总结练习”，学生在学习过程中缺乏自主思考、自主学习、自我探索的过程，学习效果不明显；③考核方法单一，不能综合地评价学生的动力实践能力，学生上交的作品质量不高，缺乏独立思考和自主创新。

2 教学改革措施——小组协同式学习的应用

2.1 课程目标与定位

网页设计与制作课程是软件技术专业的一门职业基础课程。本课程从高等职业技术教育的特点出发，以培养学生实际动手能力为目标，主要任务是讲授静态网页制作的基本方法、网页制作工具的使用以及企业网站建设的相关知识，培养学生掌握网页设计与制作的能力，为今后从事网页设计与网站建设打下基础，同时为后续课程PHP网站设计的学习奠定基础。

通过本课程的学习，使学生了解网页的基础知识以及网站开发的基本流程，较好地掌握网页设计与制作的基本理论，并能应用于实践，熟练运用常用的网页制作工具，能够进行企业网站、电子商务网站、个人网站的设计与制作。

2.2 优化教学内容

以企业真实项目为载体，教师与企业工程技术人员按照网站的开发流程（用户需求分析→网站规划→网页效果图设计→制作静态站点→编写后台代码→网站测试→发布与运行）精心设计教学环节。在教学实践中，引进企业管理规范和开发流程，充分体现基于网站产品开发工作过程的能力训练，培养学生规范化的软件应用与网站开发能力，通过模式创新，将专业教学过程、技能训练过程、企业工作过程有机结合起来，将职业道德教育、职业素质培养、职业能力训练有机结合起来，培养学生的综合职业能力。

2.3 改革课堂教学组织模式

⑴ 分阶段引入项目，动态调整学生分组。

课程将整个教学过程分为两个阶段，即“企业项目实战阶段”和“竞标式项目阶段”。以软件技术专业为例，网页课程一般开设在新生入学的第一个学期，共14周，我们将整个学期分成两个阶段。第一个阶段“企业项目实战阶段”安排在前10周，在该阶段学生按照项目开发的需要以及自身优势组成项目开发小组，形成以“项目为中心”的协同学习小组——项目开发小组，小组成员轮流完成任务；第二个阶段“竞标式项目阶段”安排在最后4周，此时，学生需要确定一个岗位方向，形成以“工作岗位为中心”的协同学习小组，如美工组、网页设计组、交互程序开发组等，各个小组通过竞标组成新的开发团队，协同完成竞标项目的开发。图1显示了课程阶段划分。

分阶段引入项目以及动态调整学生分组，可以打破常规分组，使学生有了新的合作伙伴，有利于形成更加多元化的协同学习小组，同时对于发现自身优势、挖掘潜能、明确就业方向有着重要的引导作用。

⑵ 成立项目开发小组，协同完成项目整体开发，促进小组协同式学习。

在“企业项目实战”阶段，学生按照项目开发需要形成优势互补的项目开发团队，营造真实的企业开发氛围。项目开发团队一般由下列角色组成：项目经理（Project Manager）、项目组组长（Team Leader）、项目组成员（Team Member）。项目经理，一般由我们聘请一位有丰富实战经验的软件企业项目经理或由教师担当，负责该教学环节的现场指导。将3-5个学生分成一个学习小组（即项目开发小组），每个小组推选一位动手能力强的项目组组长，组长向上直接对项目经理负责，向下是全体组员的直接领导，项目经理要求组长对自己的组员进行考核，这样构成一个虚拟的企业项目开发环境。全体组员以项目组为单位进行学习与实践，协同完成项目整体开发。项目驱动的小组协同式学习不仅能使学生相互督促、相互勉励、相互讨论，相互学习，而且能培养他们的组织管理能力和协作开发能力。

⑶ 引入竞标式项目，形成竞争与合作交叉并举的协同式学习小组。

在分阶段引入项目过程中，第一阶段的项目每个项目开发小组完成后进入第二阶段，在第二阶段，引入了竞标式项目，通过竞标，从美工组、网页设计组、交互程序开发组各选出一组，成立重点项目开发组，共同完成竞标项目的整体开发。一般根据岗位的不同，美工、网页设计、交互程序开发各成立三个组，每一组成员3-5人。对于落选的小组，则需要辅助中标的小组完成任务，同时，通过自由搭配或者教师指定的方式，再成立两个普通项目开发小组，根据学生选题或教师选题的形式，完成其他项目的开发。竞标式项目的引入使得各个学习小组既有竞争，又有合作，是一种竞争与合作交叉并举的学习方式，具体表现为在竞争学习中有合作，在合作学习中有竞争。竞争学习[4]不仅促进了合作学习，还为合作学习的发展和巩固提供了坚实的基础和动力。缺乏竞争的合作学习是没有活力和生命力的，是脱离实际和低效的。竞标式项目使得竞争学习与合作学习得到很好的结合。

2.4 强化跟踪课外学习成果

课堂只是课程学习的一部分，如何对课堂教学进行延伸，将课堂学习过渡到课外学习，是提升课堂教学质量的一项重要内容，课外学习[5]对于提升学生的自主学习能力、专业技术水平有着重要的促进作用。“专业学生社团”和“工作室平台”是学生完成课外学习的两个有效的切入点。专业学生社团和工作室为学生提供了丰富的学习和实践机会，给每一位成员提供了良好的展示自我、相互学习与相互交流的平台。在课堂以外，利用工作室平台让学生参加到实际项目开发中，利用专业的学生社团定期开展技术交流和技术研讨，通过项目实践与合作交流，提升学生的自主学习意识、合作探究精神与创新能力。

2.5 改革考核方法

传统的考核方式采用卷面考试，以一次考试的成绩为最终成绩。这种方式往往不利于全面真实地考核学生的知识、技能和能力[6]。因此，对考核方式的改革势在必行。改变课程考核方式，必须对考核指标做进一步的量化和细化，注重过程化跟踪管理，加强课内学习效果的考核以及课外学习效果考核，将学生是否参加专业学生社团、是否参加技术研讨、是否实际参与项目的开发、是否参加学生技能竞赛等课外学习环节纳入到课程考核指标中，促进建立学生全面发展的评价体系，让考核标准强调“知识、技能、素质”三方面的要求，突出整体的综合能力培养目标。

3 结束语

课堂教学是整个教学工作的中心环节，也是决定培养规格和达到培养目标的基本环节。要提高学校教学质量，就必须把注意力放在提高课堂教学质量上。课程立足浙江软件产业的发展与需求，以就业为导向，以校企合作为突破口，积极探索“岗位引领，项目驱动”的工学结合人才培养模式，坚持以工作过程为导向的课程设计理念，改革传统的课堂教学方法，采用“小组协同式学习”教学方法，强化学生在学习中的主体作用，培养学生的自主学习能力，提升团队协作水平，使学生不仅具有较强的专业水平，而且具备良好的职业素养，培养能够满足企业发展需要的网站开发人才。在课程的改革实施过程中我们发现，在美工、网页设计、交互程序开发三类岗位中，最欠缺的是美工和交互程序开发能力，因此，下一步将重点强化这两类岗位能力的培养，相应地增加课程内容的比重，加强实践训练。

参考文献：

[1] 彭莉，张道军，高好良.《网页设计与网站建设》课程教学改革与实践[J].软件导刊.2013.2：170

[2] 樊晓卿，乐伟.基于工作过程系统化的高职“网页设计”课程设计[J].职教通讯，2013.18：8

[3] 畅玉洁.高职《网页设计》课程教学改革初探[J].太原城市职业技术学院学报，2013.6：58

[4] 蒋波.竞争——合作学习：一种有效的学习方式[J].课改，2010.10：34

[5] 王飞.真实环境的创新人才培养工作室模式探析[J].南通纺织职业技术学院学报，2011.1：85

[6] 张海容.德国职业教育对我院高职教育课程考核模式的启示[J].北京劳动保障职业学院学报，2010.3：41