摘要本文分析了目前网页设计课程教学中存在的问题，并根据教学目标和学生学习特点，阐述了课程教学改革与实践。在教学中采用案例讲解、任务学习和项目实训三个紧密衔接的教学环节，同时选用合适的考核与评价，可以达到培养学生实践能力的教学目标。

关键词网页设计能力培养教学改革

0引言

网页设计课程是一门集实践性、创造性、时代性为一体的课程，学生只有经过充分的实践才能真正掌握知识和技能。①传统的教学方式往往重视教师的“教”，而轻视学生的“学”与“做”，忽视了培养学生独立思考的能力，不利于学生创新能力的培养，妨碍了学生个性和创造性的发挥，难以达到培养学生实践创新能力的教学目标。②如何在教学中更好地提高学生的实践创新能力，是此课程教学改革工作的一项重要内容。通过近几年的教学探索和实践，笔者根据教学目标和学生学习特点，以新的教学理念和教学理论为指导，以学生实践创新能力培养为导向，改革传统的教学方法，在教学中采用案例讲解、任务学习和项目实训三个紧密衔接的教学环节，同时选用合适的考核与评价，取得了较好的教学效果，现综述如下。

1教学中存在的问题

1.1教学方法单调，难以激发学生学习兴趣

以往网页设计课程课堂教学与上机实践一般分开进行，教师先在课堂上讲解网页设计与制作的各个知识点，然后再安排学生上机验证教师之前讲授的内容。这种教学方式导致教学理论和教学实践严重脱节，难以激发学生学习兴趣，不利于调动学生学习的积极性和主动性。另外，在这种教学方式下，学生虽然能够掌握一定的网页制作理论和操作技能，但是很难承担实际的网站开发与制作工作。

1.2项目教学在课程中的重视度偏低

项目教学法是以实际应用为目的，通过师生共同完成教学项目而使学生获知识和技能的一种教学方法。项目教学的关键在于在已制定项目任务的前提下如何督促每位学生最终顺利完成该项目。现行网页设计课程实训课时分配少，且实训内容也只是一些简单的书本实训案例，而不是综合性的应用型项目。在实训课上，教师一般要求学生独自地完成这些实训案例，所以学生难以达到培养项目创新设计与分工合作能力。

1.3考核方式不到位，难以调动学生学习主动性

网页设计课程的总评成绩通常由平时成绩（30%）与期末成绩（70%）组成。平时成绩由学生出勤率与平时任务完成情况评定，而期末成绩由期末上机考试成绩或期末上交作品完成情况评定。实践表明，这种重视期末成绩而轻视平时成绩的评价方式，容易使部分学生平时放松了学习，更别说调动他们的学习主动性了。

2教学改革与实践

笔者以新的教学理念和教学理论为指导，以学生实践创新能力培养为导向，针对教学中遇到的问题，对网页设计课程进行教学改革。实践表明，在多媒体课室辅助下，采用案例讲解、任务学习和项目实训三个紧密衔接的教学环节，同时选用合适的考核与评价，可以激发学生学习兴趣，调动学生学习积极性和主动性，达到培养学生实践创新能力的教学目标。

2.1案例讲解

网页设计课程教学内容多，但课时安排少。在这种情况下，如果教师仍然采用传统的教学方式，按照章节逐一讲解知识点，那么将难以完成教学任务，更别说达到最佳教学效果了。因此，为了能在有限的学时内让学生掌握更丰富的知识这一目的，笔者采用案例教学法的方式讲解课程的理论知识。为此，笔者紧扣各章节的教学内容，把教学内容设计成一个个生动具体的案例，使各个分散的知识点融于案例中。通过案例讲解，使得学生在生动形象的案例教学中学习和理解每个知识点，这能够激发学生学习兴趣，有助于学生快速、准确地掌握理论知识。例如，在讲解层叠样式CSS时，笔者首先给学生展示了一个蝴蝶图片网页。该网页以两行四列的格式整齐地显示八张形态各异的蝴蝶图片，且每张蝴蝶图片的边框都一样地添加了四种颜色：顶红、底蓝、右黄、左绿。观看后，学生会意地笑了，每个人都跃跃欲试。接着笔者引导学生分析案例效果及其隐含的知识点。在这个过程中，要先让学生互相交流，然后再由教师总结。经短暂讨论后，多数学生认为只需要应用表格布局、图片插入和边框修饰知识，便可以实现这个案例效果。紧接着，笔者明确地告诉了学生，使用已学过的表格布局，图片插入及边框修饰知识还难以实现这个案例效果，原因在于之前所学的边框修饰知识只能添加同种颜色。当学生明白后，笔者随即给学生提出了两个探索性问题：制作一个网页，如何保证每张图片的风格一致？如果要求一个网站中所有网页的图片风格一致，又该怎么办？当学生急切地想知道如何实现时，笔者再告诉学生今天所要学习的教学内容是层叠样式CSS。随后，笔者向学生讲解层叠样式CSS的概念及其使用方法，然后操作演示了如何使用CSS来实现刚才提出的问题中所期望的效果。通过案例讲解，学生不仅复习了已学过的知识，还能加深对新知识的理解和掌握。

2.2任务学习

实践教学在网页设计课程教学中非常重要。通过实践，学生可以提高实际动手能力，以及分析问题、解决问题能力。教师应遵循“以学生学习为主，教师指导为辅”的原则，把学习的主动权交予学生。经过探索，笔者采用任务驱动教学法指导学生任务学习。当教师完成某个案例的示范操作后，应当给学生布置上机“任务”，让学生在完成“任务”中学习理论知识与操作技能。任务设计遵循从简单到复杂、从单一到综合的原则。③任务一般被设计成验证性任务和发散性思考任务。验证性任务只要求学生自己动手实现教师所讲的案例，而发散性思考任务则要求学生学会对案例举一反三，培养学生独自分析、解决任务的能力。例如，当蝴蝶图片网页的示范操作演示结束后，笔者把八张蝴蝶图片素材发给学生，然后要求他们制作一个类似的蝴蝶图片网页。当学生能够正确地完成这个验证性任务后，笔者再给学生布置了一个发散性思考任务：在自己的蝴蝶图片网页上修改第一行的图片边框风格，但必须保证所做的修改不会影响到第二行的图片边框风格，然后应用层叠样式CSS给每行图片添加相同风格的标题。在多媒体教室上课，每位学生都可以及时上机操作，完成教师布置的“任务”，并且学生在完成“任务”的过程中，如果遇到问题，可以与教师进行讨论，及时解决。通过完成验证性任务，学生可以巩固刚学到的知识；通过完成发散性思考任务，学生可以掌握新的理论知识和操作技能，学会知识迁移应用，提高其综合能力。每堂课中学生都有所收获，这将逐步地增强他们对后续课程学习的积极性和主动性。

2.3项目实训

网页设计课程的教学目标是使学生熟练掌握网页设计中的理论知识和技能，培养学生实践创新能力。另外，当今社会要求大学生具有较强的合作能力，在课程中加入小组合作环节有利于培养学生的团队合作意识。④在实训课中，教师可以运用项目教学法指导学生开发综合项目。⑤为此，笔者依照项目的选择要求，设计了几个综合实训项目。通过项目实训，使学生处于整个项目开发进程中，这样有利于锻炼他们开发项目的能力，以及培养他们互相沟通、协力合作的能力。例如，在“班级网站制作”实训中，由学生自愿、教师调配的原则指导下，笔者将全班29位学生分为5组，每组5~6人，采取组长负责制，由组长统筹安排其组内成员的分工。在欣赏几个优秀的班级网站后，引导学生讨论“班级网站”的主题，并最终确定了五个主题：班级首页、班级动态、班级作品、班级相册和班级留言。接着让组长组织组员分析讨论各组的主题，制定一份确实可行的主题实施计划书，然后搜集素材并制作网页。在此过程中，针对学生遇到的一些易错性、关键性问题，教师要及时提示引导。在各小组作品完成后，笔者让每组选派一名组员对小组作品进行展示，介绍作品的主题、特色，所使用的技术，以及制作经验。最后要求学生对各组作品进行评价，并要求每组依据评价结果修改完善小组作品。评价方式采取小组互评和教师评价相结合的方式。在制作作品中遇到问题，学生可以在组内讨论解决，组员之间互相帮助、协力合作，这有利于培养他们的团队合作能力与意识。

2.4建立合适的考核评价机制

合适的课程科目考核评价机制，可以有效调动学生的学习主动性。为了充分体现学生的实际学习情况，引导学生重视任务和项目实践，笔者改变以往“平时成绩（30%）+期末考试（70%）”的评价方式，取消期末上机考试，采取平时考核（10%），任务考核（40%）和项目考核（50%）相结合的考核评价方式。平时考核旨在考查学生出勤率与平时表现情况，任务考核旨在考查学生完成任务情况，而项目考核旨在考查学生在项目中完成的工作量、工作质量和表现情况。项目考核的最终评价由学生自评、小组互评和教师评价三者按比例组成。实践证明，这种综合性的考核评价体系能够有效地促进学生对本课程的学习。

3结束语

网页设计课程既是一门计算机应用基础课程，又是一门包含网页技术和数据库技术的综合性课程。因此，它除了具有一般课程的普遍特征外，还具有自身的特性。只有采取符合学生学习特点的教学方法，才有可能达到预期的教学目标。实践表明，这些教学改革措施能够使学生真正成为教学活动的主体，能够激发学生的学习兴趣，切实提高了学生的实践创新能力，培养了学生的自我学习能力和团队合作意识，取得了良好的教学效果。

注释

①倪宁.高职《网页设计》任务驱动改革的实践和思考[J].科技创新导报,2009(8):135-135.

②赵鑫.项目教学法在高职《网页设计与制作》课程教学中的应用[D].华中师范大学,2009.

③吴晓,沈亚强.基于行动导向的教学设计研究[J].吉林工程技术师范学院学报,2010.26(1):27-31.

④王建平,韩凤英“.团队协作,角色分工”个性化教学在课改中的探索——以网页设计与制作课程教学为例[J].计算机教育,2010(7):134-136.

⑤劳飞.基于项目化教学的“网页设计与制作”课程改革与实践[J].教育与职业,2014(29):139-140.

作者：杨勇 黄国顺 单位：佛山科学技术学院信息科学与数学系