基于CDIO的网页设计类课程教学改革研究

赵震奇

以往网页设计类课程的教学强调HTML语法知识，轻视学生在色彩、结构以及团队协作能力等方面的培养。大部分学生即便系统地掌握了网页设计基础知识，也不能很好地完成后续实践课程与动态系统的开发。因此，网页设计与制作课程教学可以采用CDIO工程教育模式，探索教学环节与实践环节案例的设置策略与方案。实践证明，这种教学模式的运用在具有较强工程背景与应用价值的案例的学习与实践中，培养了学生的实际动手能力，能很好地衔接学生的理论知识和实际应用能力。

一、CDIO工程教育模式

CDIO工程教育模式是近年来国际工程教育改革的最新成果。从2000年起，麻省理工学院和瑞典皇家工学院等四所大学组成的跨国研究经过四年的探索研究，创立了CDIO工程教育理念，并成立了以CDIO命名的国际合作组织。

CDIO 代表构思（Conceive）、设计（Design）、实现（Implement）和运作（Operate），它以产品研发到产品运行的生命周期为载体，让学生以主动的、实践的、课程之间有机联系的方式学习工程。CDIO培养大纲将工程毕业生的能力分为工程基础知识、个人能力、人际团队能力和工程系统能力四个层面，大纲要求以综合的培养方式使学生在这四个层面达到预定目标。[1]

二、网页设计类课程教学中存在的问题

（一）采用“以知识为中心”的传统教学模式

目前，许多教师仍然习惯“以知识为中心”的传统教学模式，强调知识讲授，轻视学生实践动手能力的培养，难以达到理想的教学效果。“网页设计与制作”是信息技术专业的一门专业核心课程，实践性、创造性和自主性强。由于配套教材的内容里，一些主要是介绍Dreamweaver软件的使用，一些主要介绍HTML、CSS和JavaScript语法，如果在教学中只强调学生对知识点的掌握，学生无法将所学知识串联起来，从而很难形成利用所学知识解决实际问题的能力。

（二）课程实践部分欠缺关联性

在实践过程中，教师只是讲解隶属于不同知识点的的单个网页面，同时让学生配合上机实践，各实践项目间关联性无法体现，学生没有系统解决完整实际工程问题的概念，实践能力无法得到提高。这种实训形式显然无法培养学生分析设计一个完整网站系统的能力。

（三）缺乏课程之间的横向联系

“网页设计与制作”主要培养学生开发网站的能力，开发过程主要包括前期策划、制作网页效果图、制作网页主页细节、制作子页面、网页最终发布和后期维护等诸多方面，这些能力是学生日后走上工作岗位必须具备的。前导课程包括“计算机应用基础”、“图形图像处理”、“二维动画制作”、“数据库基础与应用”，后续课程有“XML及应用”和“Asp.net动态网站开发”。由于网页设计与制作课时有限，不能再进行前导课程的讲解，如果将这些知识结合在一起进行讲授，学生的压力会很大。

（四）受软件版本和虚拟项目限制

随着网站开发专业软件的发展，版本更新很快，出现了软件和版本的多样性，学生对于这些往往是先入为主的，导致虚拟项目案例与企业项目的距离缺少实用性。由于教师的工程背景不足，或考虑到学生对企业实际的了解不深，教师一般仅依据教材和生活来选择案例。这种虚拟项目主要存在以下两方面的弊端：一是功能过于单一，内容陈旧，与实际应用脱节缺乏实战性；二是学生通过这种虚拟项目开展实训，无法形成分析设计实际软件项目的能力，同时也不利于发掘学生自身的潜能。

（五）对企业网站建设规范、行业前沿趋势关注不够

教师对企业网站建设规范不重视，包括一些网站建设基本流程规范、网站域名及网站技术规范、网站优化规范、网页模版设计规范等，这些教师在教学中往往很少提及。随着移动互联网时代的到来，使用智能手机、平板电脑甚至是电视机进行上网的用户也在持续增加。CSS3和HTML5将逐渐成为针对传统网站和移动设备网站开发的主流，这些网页设计趋势热点值得教师关注，并在教学中将所授内容适时调整。

（六）评价方式单一

传统的“平时成绩+阶段性考核成绩+期末成绩”的评价方式，不仅无法激发学生的学习热情，而且课堂效率低下。同时，教师也很难有效地评价学生的实践动手能力，这不符合职业教育的评价标准。

三、基于CDIO的网页设计类课程教学改革实践

结合教学经验，笔者从课程的特点和知识点出发，以项目为载体进行教学，优化整个教学过程，设计不同的教学情境，采用不同的教学方法，实现学生能力的递进式增长，弥补传统教学方法的不足，提高学生的学习能力、应用能力和创新能力。

（一）启发案例式教学法

在初级阶段，确定一个微型项目，创建一个指定主题的完整网站，将项目分解为若干任务，由学生独立完成。通过启发式案例任务教学，帮助学生掌握建站的基本技能：需求分析，确定主题；规划网站结构；设计首页，配色与页面布局；设计LOGO；制作Banner；菜单导航；主题换肤；网站测试等。由于网页设计涉及的知识点较多，操作性和创新性强，因此，可以采用启发式案例教学法。通过欣赏优秀案例—创设情境—提出问题—准备素材—分析方法—展示结果—模仿操作—归纳总结—发现规律—自主设计的过程，培养学生的策划能力、色彩感悟能力、结构布局能力和想象力。例如，设计LOGO任务，整理一些知名网站的LOGO给学生欣赏，并挑选一个LOGO作为案例教学。学生通过模仿制作掌握相关的图像处理技能，同时了解LOGO的基本知识，依据项目主题设计自己喜欢的LOGO图标。案例教学法通过归纳总结找出规律所在，起到触类旁通效果，让学生获得成就感，激发创新潜力。

（二）项目分组探究教学法

CDIO的教育理念是以产品的研发到运行的生命周期为载体。在技能强化阶段，确定一个小型项目，创建一个可选主题的完整的网站，将项目分解为若干任务，并以小组为单位。教师作为整个教学活动的组织者和主导者，引导学生主动学习，并指导学生合理安排工作进度。同时，选择基础好、实践能力较强的学生为组长，由组长协调小组成员共同完成分析需求、讨论构思设计、规划网站结构、素材准备与制作等任务，并填写在教师提供统一模板的报告中。在制作过程中，教师适时指导解决各组反馈的问题，并鼓励他们通过网络搜索，或在专业论坛和技术群中讨论等来探究解决，记录在报告中。作品完成后，组织小组总结和评价，并进行优秀作品展示，同学间交流分享学习收获和实践成果，同时由教师进行阶段性总结。当然，考虑到学生差异性，教师应监管好整个过程，及时纠正各组中不符合要求的做法，并做好记录。通过分组合作探究教学，教师要充分地了解学生，及时解决学生学习遇到的困难，引导学生大胆进行问题的探究，及时做好积极的评价。项目分组探究教学法能充分体现“以任务为主线、教师为主导、学生为主体”的教学思想，真正做到“做中学”，从而培养学生的学习能力和解决问题的能力，激发学生的合作意识和自主创新的能力。[3]

（三）综合项目导向法

在技能巩固阶段，应确定一个真实的中型项目，以项目团队参与网站开发。学生以真实项目为载体模拟企业的岗位，以不同角色进行分工，从设计网站规划书确认任务开始，在教师的引导下自主学习，边学边做，完成网站项目，然后将各项目团队的作品交换体验，提出评价建议，最后修改并展示。[3]这个阶段能巩固和提升学生知识和技能，同时进一步培养学生的团队协作能力和创新能力，提高学生的综合素质。本阶段的教学强调开发过程的规范化和标准化，培养学生的审美观和创新能力，注重其新知识的扩展，力求通过美化与优化网站给用户带来最佳的体验。

为了进一步适应职业学校教育改革，教师仍要对该课程的教学进行积极探索，精心设计教学案例和项目，寓教于乐。有效的教学方法可以改善“网页设计与制作”课程的教学效果，使学生由“学会”转变为“会学”、“乐学”，激发他们的学习兴趣和学习积极性，提高学生的综合技能和综合素质。

（四）实施以“多维综合能力评价”为中心的项目化考核

按笔试、上机实践、环节报告、小组评价等形式，对学生能力进行多方位的客观评价。可以采用平时表现（20%）、项目成绩（30%）、作品设计（30%），答辩（20%）相结合的评价方式，注意过程化考核，维持学生主动学习的热情。[4]

（五）课后拓展延伸

注重挖掘学生的课余潜力。充分利用由教师创建并管理的QQ网页设计专业群、专业教师微博和专业博客，借助这些平台推荐优秀网页设计网站、教程手册、辅助工具、网站模板等，学生可以和同学或教师讨论，或在老师的启发与引导下深入思考问题，培养学生的自主学习能力、交流沟通能力和创新能力，充分发挥学生的能动性。

网页设计类课程强调对学生网站设计与制作能力的培养。通过实施基于CDIO模式的教学改革，引入了基于项目开发的课程体系，打破了传统教学模式，使学生感觉耳目一新。学生通过实际参与项目开发，提高了综合素质和实践动手能力，取得了良好的教学效果。

[1]陆红蕾.基于CDIO的“C#面向对象程序设计”教学改革与实践[J].长沙通信职业技术学院学报，2011（6）:60-62.

[2]杨永健.基于CDIO模式的“.NET程序设计”教学改革研究[J].天津职业院校联合学报，2012（2）:90-94.

[3]林菲,孙勇.基于CDIO工程教育模式的Web开发课程教学改革[J].中国教育信息化，2012（3）:72-74.

[4]朱瑾钰.中职《网页设计与制作》课程教学改革探讨略见[J].信息与电脑，2010（10）:209-210.