WEB2.0网页设计课程实验教学的改革与探索

徐杨 袁平 李迎春

摘要：“WEB2.0网页设计”实验教学是课程教学体系中的一个重要环节，是理论与实际联系的关键，辅助课程理论教学，对提高学生的动手实践能力、培养团队协作能力起着重要作用，本文从实验课程教学现状分析、课程改革方案、有效教学资源提供展开探讨，提供基于实验场景的贯穿式项目实验案例，项目将会被拆解成一个个独立的教学场景和实验场景，在不同知识点教学过程和实验环节中使用。突破传统的实验教学方法，对实验内容进行改革，提出切实有效的实验改革方法。

关键词：web2.0网页设计、实验教学、实验场景拆分、贯穿式项目

中图分类号 ： G4文献标识码：A 文章编号：1672-3791（2015）08（B）-0000-00

软件工程专业的 《web2.0网页设计》课程主要培养学生掌握最新的web2.0的前端开发技术，培养具有工程级软件分析与研发经验的学生，是一门操作和实践性很强的课程，课程总学时为48学时，其中16学时实验。目前使用web方式进行应用系统的开发是当前的一种发展趋势，就业前景也非常好，所以学生对这门课都非常重视。

1 网页设计实验课程教学现状分析

传统的实验教学体系给课程带来很多不利的影响，目前存在着许多问题，学生的学习效果受到一定的影响，因此教学方法和模式急需改革。传统模式存在问题主要表现在以下方面：

（1）实验内容与方式单一，各实验之间衔接差。实验教学内容主要是验证课堂讲授内容，过于重视单一方法的验证，而忽略了流程的设计，不利于锻炼学生的综合分析问题的能力，现行的实验内容与方法也无法发挥学生在课堂教学的主导地位，不能激发学生的学习兴趣，每个学生都做一样的事情，无法体现分工协作的效果，也无法提高学生的团队合作精神。

（2）实验教学方法落后。传统的实验教学体系中，实验内容及步骤等都由教师指定，学生实验前准备不充分，只是被动地做实验，这样很难提高学生分析解决问题的能力，也限制了学生发挥创新能力。

（3）实验考核不够科学。在传统的的实验教学中，实验指导教师对学生实验成绩的评定主要是以出勤率、实验态度和实验报告作为评价依据，但这种考核方式有时无法考核出学生的真实成绩，仍然有实验态度不认真、抄袭实验报告的现象，从而导致评价结果不准确。

2 网页设计实验课程改革方案

（1）通过基于实验场景的贯穿式项目实验案例改进实验内容。以切实提高实际项目的开发水平为目的，将知识点结合具体的应用来设计。使学生掌握知识点的运用方法和运用场景，突出“用哪里”、“怎么用”。注重实验内容的前后衔接性与科学性。通过实际项目案例贯穿到实验课程中，实际案例里包含项目需求说明书、指导手册、环境工程包，每部分实验场景的拆分按照大纲理论课程的知识点进行拆分，先浏览项目总体需求说明书，通过实验指导手册的要求向环境工程包里的页面添加内容，完成实验要求。通过这种方式，既让学生熟悉重要知识点的运用，又对项目案例有个整体认识和了解，促进学习的积极性。

（2）改进实验方法。采用学生自愿组队的方式，把学生分成若干小组，每个小组内部推举小组负责人，由小组负责人进行任务分工，并由小组负责人监督任务的执行，实验指导教师全程指导并监督进度。每个小组选择一个项目，各个小组项目不同，但项目的复杂程度大致相同。实验指导教师给出目标，具体分析和设计工作均由小组内部完成，以提高学生的自主分析能力和设计能力，也能促进学生的自我管理能力。

（3）分层次实验教学。要求学生实验之前做好充分的准备，引导学生进行分析，对实验中遇到的问题，引导学生展开团队成员的讨论，促使学生积极思考，按要求完成实验任务。注重学生个性发展，因材施教，在小组任务分配上指导小组负责人针对每个学生的特点分配任务，使其达到实验的基本要求，并能在其欠缺的方面有所提高。

（4）完善考核制度。对学生实验成绩的评定综合考虑整个小组的实验结果、学生的态度、在小组内部的作用及表现来进行评价，增加小组集体答辩和小组互评环节，每次实验各个小组都要参加答辩，教师和其他组的学生针对实验内容和相关知识进行提问，每次答辩小组要派任务相关者参加答辩，保证每个小组的每名同学都至少答辩一次以上。各种文档的考核采用小组互评和教师评定的双重考核制度，这样可以使学生在为其他小组找问题的同时，进一步发现自己的问题，促进其发现问题、解决问题的能力。

3 有效教学资源提供

提高学生综合分析设计与实践能力，增强学生学习兴趣，为切实履行改革方案和实施，提供以下资源：

（1） 提供学生课下自主学习的网站，包括课程介绍、课程内容、微课视频、实践教学内容、习题测试、学生作品欣赏等等。合理嵌入“帮助文档”使用策略，提高学生对于语言的自主学习能力，将一个“学习者”转换成“生产者”。

（2） 提供基于实验场景的贯穿式项目实验案例：

a.一个到多个包含完整业务的项目将会被拆解成一个个独立的教学场景和实验场景，在不同知识点教学过程和实验环节中使用。

b.教师在理论教学环节中可以使用这些经过拆解的演示场景，贯穿整门课程知识点的讲解和演示，让演示变得更连贯更生动。

c.学生在上机实验环节中可以使用这些经过拆解的实验场景，贯穿整门课程知识点的实验场景，让学生更好的体验知识点在项目中的运用场合。

d.贯穿式项目的场景教学培养学生：自主动手、主动实践、自主创新的能力。

4 结语

以提高学生设计与分析能力，培养学生团队协作精神为目标，转变传统实验教学观念，采用分组实验的方法组织实验，以提高学生的协作能力和自我管理能力。同时注重实验教学内容的连贯性与科学性，在内容上注意与理论知识点的衔接与联系。对实验教学方法及教学手段进行探索，提出可行性方案，并探索出一个行之有效的实验教学和管理考核方案，采用科学的评价方式，全面提高实验教学质量。

参考文献

[1] 聂常红，Web前端开发技术---HTML、CSS、JavaScript，人民邮电出版社，2013.9.

[2] 刘西林，柳林著，HTML、CSS、JavaScript网页制作从入门到精通，2014.1.

[3] 王浩，基于提高大学生素质和创新能力的《网页设计》课程教学改革，科普教育，2014.10.

[4] 陈颖，基于项目教学方法的网页设计课程教学改革探析，广西教育，2014.4.