基于CDIO理念下的《网页设计》教学思考

康俊霞 陈海涛

（张家口职业技术学院信息工程系，河北 张家口 075000）

0 引言

随着网络的发展网页设计更加得到了人们的重视,它本身以网络为载体，以最便捷的方式将信息传达给观众。当今高职院校的学生主要学习网页设计的一些基本概念，网站的基本结构和网页布局，学会使用网页制作的基本工具和开发语言，清楚网站规划的基本流程。通过对该门课的学习，而必须具备解决网页设计、网站开发中出现的各种问题的能力，并且在学习的过程中逐步培养学生的职业素养和创新能力，为今后走向社会，服务岗位打下坚实的理论和实践基础。而要达到这样的目标，教师就要想方设法激发学生的兴趣，认真设计每个教学环节，仔细观察学生课堂表现，认真记录，并不时总结经验和吸取教训。而CDIO工程教育理念正是当今国际高等工程教育的一种创新模式。是麻省理工学院（MIT）和瑞典皇家工学院等四所大学从2000年起经过探索研究所创建的一套国际工程教育模式。系统地提出了能力培养、实施过程、实施指导和结果检验的12条标准，具有很强的可操作性。在高职进行CDIO工程教育模式，通过运用CDIO工程教育模式来激发学生的学习兴趣，学会设计、学会思考、学会沟通、学会解决问题，并逐渐培养他们的创新力，同时促进教师自身理论与实践水平得以提升。

1 CDIO理念的指导

1.1 分析学生

学习的过程实际上就是学生对知识建构的过程。每个学生都存在着这样那样的个体差异，学生对知识理解速度的快慢、领悟能力的高低等各不相同，因此，作为教师要进行课前导入，通过调查问卷、访谈或者前测去了解学生的初始情况，如已有的计算机相关知识、学习过的课程、初步掌握的计算机操作能力等，然后再进行符合学生情况的教学设计。学生分析是教学设计的必要前提条件。

1.2 分析课程内容

《网页设计》是一门综合性、实践性很强的课程，它要求学生能够综合运用图片处理软件、网页制作软件、动画制作软件完成各种类型网站的静态页面设计和制作，同时，为更好的掌握一些动态网页制作打下基础，因此，比如ASP语言、JSP语言等来丰富学生的知识面，为学生进一步提高编程能力打下基础。HTML语言是网页制作的基础性语言，虽然目前一般企业都不直接用HTML编写网页，但是在网页调整和修改过程中有时需要对HTML源代码进行操作，所以软件公司在招聘时会考察应聘者对HTML的掌握情况，对自由择业的高职学生而言，掌握HTML也非常重要。Adobe Dreamweaver CS5是一款集网页制作和管理网站于一身的所见即所得的网页编辑器，针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页，需要在课堂上重点讲解。为了更好的适应企业“网页设计师”岗位的用人需求，因此在有限的教学时间内必须有所侧重。

1.3 CDIO教学模式的应用

CDIO的具体内容包括构思 （Conceive）、 设计 （Design）、 实现（Implement）和运作（Operate）,它以产品研发到产品运行的生命周期为载体，让学生以主动的、实践的、课程之间有机联系的方式学习工程。其流程如下图。

学习任务也可以分小组设定，3—5人一组，便于协作、讨论、分工、责任、实现。当然小组形式多种多样，可以自由组合，也可以按爱好兴趣分组。由于网页制作涉及到整体规划、内容整理、图形处理、页面制作等多个环节，采用小组方式可以让每个人负责自己擅长的那部分，这样一方面展现了学生个人能力，满足了学生的成就感；一方面也分担了网页制作的工作量，提高了学生的学习兴趣。另外，学生将来到企业中从事网页制作工作的时候，往往也是以团队的形式完成工作，所以通过小组形式培养团队协作能力，有助于学生在未来工作中提高团队意识，更好的适应团队工作。首先通过从展示往届学生制作的精美网页和网站，来组织学生讨论并阐述自己的理想，为自己构思网站。通过设计中存在的问题来一步步提高技术能力和积累经验，从而进一步激发学生进一步探索网页制作知识的欲望（比如ASP、JSP等知识），最后运行环节还可以成为学生展现自我、推销自我的舞台。教师在每个教学环节结束，都要引导学生认真总结遇到的问题，使学生解决困惑，收获知识和技能。并对个人表现、提问频率、操作熟练度、任务完成情况等，对每个成员和小组做出评价，以便作为平时成绩的依据。教师作为“平等中的首席”，让学生在整个学习过程中都感觉到热情、积极、创新的全新的心态。这样，学生即使遇到困难也不会退缩，会乐观而积极的走下去。

2 结束语

实践是检验真理的唯一试金石，本研究将CDIO理念引入到教学实践中，必将为教学理论与实践开拓出新局面和增添新活力，同时也为该理念的应用提供实践支持，为教学改革提供更多思考方式。对于学习者，在教师没有改变的情况下，通过前测学习者基本水平相似，对比分析近1年在没有使用新的教学方案和使用新的教学方案的情况下，得出的数据。学习结果情况，数据来源于两个班的考试成绩（考试以实战能力来测评），进行对比。在技术能力提升方面表现为：从宏观上表现为课堂的学习气氛比之前要活跃，学习的交互比较积极，学生的学习能力有明显的提高，能够编写复杂的程序，做出精美的网站。

微观上具体体现在学习目标更加明确，学习内容，重点突出，开始对一些难点进行深度解析。学习组织活动方面：能够从构思（Conceive）、设计（Design）、实现（Implement）和运作（Operate）四个方面进行。对于媒体的使用，能够与教学过程紧密融合。教师和学生的关系从之前的师生在学习过程中交互缺少连续性，关系比较机械，变为能够紧密联系，学生与教师互动比之前有所好转。

整个研究过程，确实遇到了很多困难和问题，包括研究人员的分工合作、工作任务的繁重、质的研究方法使用、时间安排、技术问题等。虽然，这些困难多少给研究带来了的一些影响，针对实际情况，我们在排除客观条件的影响之外，从活动组织、课堂交互、实验安排、情感交流到教师言语、授课风格等诸多方面进行了合理的改进。希望通过研究将CDIO理念的渗透到学生的学习过程中，来影响和干预不同学习者的学习风格、影响教师如何组织教学活动，真正将一个好理论很好的运用到教学实践中去，并如何发展，这将成为我们的思考和继续延续研究的动力。

［1］查建中.论“做中学”战略下的 CDIO 模式[J].高等工程教育研究,2008(3)：1-3.

［2］俞华锋,浅谈《网页制作》在高职院校中的教学[J].中国科技信息,2005(10).

［3］重新认识工程教育－国际 CDIO培养模式与方法[M].顾佩华,等,译.高等教育出版社,2009.