基于CDIO工程教育模式的中职学校电子商务专业《网页设计》课程教学实践

刘剑勇

摘要：随着国家对职业教育越来越重视，在大力发展职业教育背景下，为社会培养高质量的技能型人才是各个中职学校的首要目标，因此CDIO工程教育模式在中职学校的应用和推广越来越多，本文以CDIO工程教育模式下对中职教育《网页设计》课程的教学进行改革探究。

关键词：CDIO中职学校电子商务网页设计教学实践

随着技术的更新换代，经济的飞速发展，教育理念也不断的更新，教育领域不断的引进西方先进的教学理念。欧美成熟的CDIO工程教育模式（Conceive构思、Design设计、Implement实施、Operate运行）也在中国职业教育当中落地生根，CDIO工程教育模式能够提升学生的技能技巧掌握，能够提升学生的组织创新能力。CDIO在网页设计课程的应用是本文重点探讨的焦点。网页设计课程要根据教学需求，根据教学目标进行课程教学实践改革，在课程规划上实现CDIO理念的教学并把项目教学内容落实到CDIO各个环节当中，满足社会对学生掌握技能要求的不断提高。

一、CDIO工程教学理念概述

从2000年起，麻省理工学院和瑞典皇家工学院等四所大学经过四年的探索研究，创立了CDIO工程教育理念，CDIO工程教育模式是近年来国际工程教育改革的最新成果。CDIO代表构思（Conceive）、设计（Design）、实现（Implement）和运作（Operate），它以产品研发到产品运行的生命周期为载体，让学生以主动的、实践的、课程之间有机联系的方式学習工程。CDIO培养大纲将工程毕业生的能力分为工程基础知识、个人能力、人际团队能力和工程系统能力四个层面，大纲要求以综合的培养方式使学生在这四个层面达到预定目标。系统的提出了技术知识和推理能力、个人职业技能和职业道德、人际交往技能：团队协作和交流和企业和社会的构思，设计，实施和运行（CDIO）系统四个目标的12个标准。在中职学校课程当中通过运用CDIO工程教育模式来激发学生的学习兴趣，学会设计、学会思考、学会沟通、学会解决问题，并逐渐培养他们的创新力.同时促进教师自身理论与实践水平得以提升。

二、课程分析

《网页设计》课程是电子商务专业核心课程，同时也是一门综合性很强的一门课程，需要学生能够灵活利用图片、动画、文字、音乐等一系列素材进行各种网站制作完成的一个过程。中职学生认知水平相对较弱，因此如果是动态网站设计对学生要求较高，不符合学生特点，因此中职学校电子商务专业的网页设计课程是以静态页面设计为主，能够完成静态页面的设计和制作是中职学生掌握的要求。前期课程学生已经上完Photoshop应用课程，对网页设计工具掌握较好。电子商务专业的网页设计课程主要的教学目标是让学生掌握HTML页面开发技术以及CSS层叠样式表应用。利用CDIO教学模式对网页设计课程进行教学改革，能够使学生基于下项目完成课程的学习，掌握静态网页设计，能够适应网页设计师岗位。

三、教学项目设计

根据CDIO教学模式的理念，把现有教材的教学内容进行整合，现有教材基本上是以软件应用为指引，强调工具的使用，但是中职学校电子商务专业的学生对软件开发相对欠缺，如果按照教材从静态页面到动态页面相关工具的使用来进行教学将会让学生无所适从，因此我们根据中职学生特点，对教学内容进行重新编排，以项目完成为教学指引，让学生在完成项目当中掌握教学内容。

电子商务专业网页设计课程教学项目：1.站点建立与管理，项目模块为构建网站环境和创建和管理服装商城站点；2.页面排版设计，项目模块为制作HTML页面、制作表单页面和制作表格页面；3.多媒体素材应用，项目模块为图片插入和动画插入；4. CSS层叠样式表，项目模块为CSS+DIV布局商城首页、CSS+DIV布局商城内容页；5.超级链接应用，项目模块为文字添加超级链接和多媒体素材添加超级链接；6.商城网站构建，项目模块为模板库的创建和使用、基于模板制作网页和制作完成服装商城；7.网站发布，项目模块为商城网站完整性检查、商城网站测试和商城发布。

以上教学项目是根据CDIO教育理念，从网页产品制作的角度进行设计，涵盖了网页这一产品的构思、设计、实现、运行四大模块为载体，能够提升电子商务专业学生的网页设计能力，符合企业对中职学校学生的技能要求。

除了学生要完成以上7个教学项目17个项目模块之外，还要进行相应的案例项目讲解，中职学生自主学习能力相对较弱，因此在这里引进教师案例项目，通过案例学习进行软件的学习和教学项目完成工具的使用，起到铺垫作用；不断的演示操作和重点描述讲解能够在教学当中起到强化作用。

教学项目表中1-5教学项目11个项目模块是学生掌握Dreamweaver网页制作软件而进行的，通过这5个教学项目11个模块能够让学生学习静态页面的基本构成，包括各种HTML标签、表格表单的设计、超级链接的使用、CSS样式表结合DIV标签对页面进行布局等等Dreamweaver软件的功能学习，为后续的网页设计打下良好的基础。

教学项目6、7总共6个项目模块是对学生综合设计能力的培养。通过单个页面设计项目的进行，让学生能够在网站设计建设过程当中，掌握网站的基本知识。例如网站设计的需求分析、网站主题的确定、网站结构规划、网站布局和美工、设计LOGO、制作网站BANNER、设计导航等等。启发学生独立完成产品的全生命周期，也通过教学项目培养学生的网站策划能力、色彩感知能力、网页结构布局能力和网页设计想象能力，利用小组协作完成整个网站并测试上线，让学生以教学项目为情景，代入到实际的工作岗位情景当中，对小组成员进行角色分配和分工，教师在项目实施过程当中起到组织和督促作用，学生自主小组协作，完成教学项目，锻炼学生的团队精神和小组协作能力，让学生获得操作感、成就感，激发创新创作欲望和潜力。

在网站制作过程当中，教师要提倡和鼓励学生自主学习，通过网络、交流论坛等学习网页设计与制作的技巧，通过自主探究解决教学项目实施过程当中遇到的问题。教师从中监督所有学习小组，防止小组分工不合理导致任务无法继续，并通过在监督过程当中了解学生遇到的问题，引导学生进行自主探究，通过网络和小组内研讨，及时给学生一个指引。利用CDIO教学模式进行项目教学能够使学生从被动学习到主动学习的转变，实现“以项目为主线、教师为主导、学生为主体”的教学理念，让学生在项目完成过程当中掌握自主学习能力、问题分析能力和问题解决能力。

在制作过程中，教师要鼓励学生通过网络搜索，在专业论坛和技术群中寻找解决问题的方法，考虑到学生学习积极性的差异，教师应加强过程监管工作，防止少数学生把任务推给其他同学的“打酱油”行为，及时纠正学生不符合要求的做法。

四、学生测评

学生完成所有教学项目之后，会得出一个完成商城网站为最终的成品，通过成品展示进行小组互评和教师评价，并通过评分标准进行打分。通过多维度评价，能够体现学生项目完成的质量，也利用学生参与到评价当中，提升学生的参与度和积极性。

网站设计评分标准：前期调研充分，分值15；网站功能实现，分值15；网站导航清晰，分值15；页面布局美观，分值20；色彩搭配应用合理，分值15；代码规范，分值10；网站性能良好，分值10。

本学期已经开始利用CDIO教学模式对课程进行教学改革实践，通过该项目教学提升了电子商务专业学生对计算机类课程不感兴趣的态度，提升了学生的学习兴趣。也通过项目教学改进了教学质量，提升了学生对网页设计技能的掌握。对于学生来说，枯燥无味的代码编写改为项目完成，提升了学习兴趣，同时也让学生的自主学习能力、网页设计能力得到了相应的提高，能够较之前能够独立完成静态页面的设计制作过程，学生参与其中也乐在其中。对于教师来说，能够转变教师从教学主体变为教学主导，除了传统的授课和代码编写演示转变为学生自主探究，教师从旁指引，对学生项目完成提供持续的监督，取得非常好的教学效果。

参考文献

[1]杨晨霞，涂风涛.基于CDIO的高职程序设计类课程的教学改革与实践探讨[J].职教论，2016，（6）：81-83.

[2]王硕旺，洪成文.CDIO：美国麻省理工学院工程教育的经典模式———基于对CDIO课程大纲的解读[J].理工高教研究， 2009，28（4）：116-119.

[3]牛换霞.CDIO工程教育模式解读：课程论的视角[J].现代教育科学（高教研究），2010，（6）：40-43.

[4]杨明刚，贾艳丽.基于CDIO教育理念的中高职课程衔接设计研究[J].现代教育科学（高教研究），2013，（5）：170-172.