张亚杰，刘红军（宿州学院　经济管理学院，安徽　宿州　234000）



基于CDIO的文科类电子商务专业课程教学改革
——以网页设计与制作课程为例

张亚杰，刘红军
（宿州学院经济管理学院，安徽宿州234000）

摘要：本文首先介绍CDIO教学模式的研究现状，分析电子商务专业学生学习网页设计与制作课程存在问题，然后探讨结合CDIO模式进行文科类电子商务专业网页设计与制作课程教学设计、实施及考核，通过该课程教学改革提高学生学习兴趣，并能提升个人建设网站的综合能力和素质.

关键词：CDIO；电子商务；网页设计与制作

2015年3月5日十二届全国人大三次会议上，李克强总理在政府工作报告中首次提出“互联网+”行动计划.将“互联网+”上升为国家战略层面，再次刺激了电子商务发展.很多企业利用互联网拓展营销渠道，通过电子商务平台或者自己构建平台，进行网络营销.所以学习网页设计与制作这门课程对于电子商务专业学生来说是十分重要的.

网页设计与制作课程是电子商务专业的一门专业基础课，知识点比较多，需要学生较强的动手能力，所以也是理论性和实践性较强的一门课程.该课程旨在向学生介绍网页设计与制作的基本概念和方法、静动态网页制作过程、网站设计与开发等方面知识，使学生能读懂和使用HTML代码，能够使用“DIV+CSS”技术，进行网站规划、建立和维护，并具备网页设计与制作岗位的职业技术能力.

作者所在的宿州学院，2015年获批为安徽省地方应用型高水平大学立项建设单位，一直以来，宿州学院紧密结合学校自身特点与优势，不断探索地方应用型高水平大学建设的道路，明确建设目标，分析发展矛盾，积极抢占建设地方应用型高水平大学的高地.因此电子商务专业课程也应该不断改革与发展，努力培养电子商务专业技术应用型人才.

1　CDIO的国内外研究现状

CDIO教学模式是由瑞典皇家理工学院、美国麻省理工学院等四所大学历时四年的研究、探索以及教学实践建立起的一种先进的基于工程教育的教学模式，该模式是贯彻产品研发到产品运行的生命周期，让学生以主动的、实践的、课程之间有机联系的方式学习工程［1］.CDIO教育模式在越来越多的各国大学中得到有效的使用推广，并取得了卓越的成效.我国最早使用CDIO培养模式的是汕头大学，汕头大学结合学校人才培养模式现状，开创了EIP-CDIO模式.顾佩华详尽阐述了EIP-CDIO模式的理念，并提出了一套较为完善的实施方案［1］.查建中详细介绍了CDIO模式的12个标准中的7条重点标准，并分析了CDIO教育模式与其他两个工程模式“产学合作”和“国际化”的关系［4］.随后，越来越多的学者进一步推广CDIO教学理念，将其应用到课程体系专业建设的改革，如电气自动化技术专业、软件工程专业；还应用到有关课程教学方面的改革，如工程类课程、计算机基础课程、建筑类课程、机械基础实践课程、电子信息课程等［8，10］；也有应用到人才培养方面的改革，如P-CDIO人才培养模式［6］、CIO-CDIO人才培养模式［11］、CEC-CDIO人才培养模式［12］、KSR-CDIO人才培养模式［13］、TOPCARES-CDIO人才培养模式［14］等.随着CDIO教学理念的不断推广，CDIO模式不再单单局限于工科课程，被引入工科以外的很多学科教学中，CDIO教学模式在更多的文科类专业教学中被采纳，如大学英语课程改革、大学语文课程改革.

2　课程教学存在问题

宿州学院经济管理学院电子商务专业学生是文科生，在学习网页设计与制作课程过程中存在以下问题：

（1）学生基础知识欠缺，没有计算机基础课程，且课程课时较少，对网页基础知识理解较为费解，网页设计能力差，虽然能够也能制作简单网页，往往布局不合理.审美能力弱，有时追求个性，制作的网页往往花里胡哨，内容和主题不一致，导致网页视觉效果差.

（2）学生逻辑思维能力差，在使用table和DIV网页布局以及盒子模型时需要用到数学逻辑计算能力，但是由于专业特点，逻辑思维相比理工类专业学生逻辑思维相对欠缺，对于空间及空间长度计算处理能力较弱，甚至理解有一定困难.

在这些方面的不足，导致学生学习起来感觉难度较大.因此，在网页设计与制作课程的教学中必须找到一种比较适合文科学生学习特点的教学方法，使学生在有限的课堂学习时间内学到尽可能多的网页概念和制作技巧，并能将所学的知识转化为实际的作品.针对文科类电子商务专业学生，如何提高网页设计与制作的教学效果，一直教师普遍关心的问题.CDIO模式可以作为电子商务专业网页设计与制作课程的改革应用依据，可以更好地推动本专业的教学发展.

3　基于CDIO的网页设计与制作课程教学设计

首先在教材选取上应以那些功能讲授较为全面，内容较为充实的教材为主，这样课堂上“吃不饱”的学生课下可继续补充能量.教师在设计教案时每个知识点都选取相应案例，这样学生易于理解.将网页设计与制作课程内容分为七个模块，按照每个模块的知识点，依据教学目标设计要求学生课堂和课后完成的小任务.

第一个模块为网页设计与制作理论基础知识：介绍INTERNET基础知识、网页设计相关概念、网页制作开发相关技术和工具，共2个课时.

第二个模块为HTML基础知识：修饰标签实现网页文字的设置如斜体、加粗、上标、下标、大小字号、下划线、删除线、等宽、地址、滚动等；段落格式设置如实现段落对齐方式、换行、预格式化、水平线设置、换行；设置列表；插入图片和多媒体内容；设置超链接.共10课时，通过该模块学习，学生能够掌握HTML网页标签建立个人主页.

第三个模块为表格和表单：表格基本概念和常用属性；表单基本概念和常用属性.共6个课时，通过该模块学习，学生掌握使用表格整理数据和布局网页，利用表单设计注册页面.

第四个模块为层叠样式表（CSS）：CSS的基本语法；CSS的选择器；CSS的使用方法；CSS的属性单位.共12个课时，通过该模块学习，学生能够利用CSS样式美化网页.

第五个模块为CSS网页布局与定位：div标签；span标签；盒子模型；display属性；float属性；position属性；css+div布局类型.共9个课时，通过该模块学习，学生能够运用制作学校网站导航条和实现图文并茂的效果.

第六个模块为超链接伪类、表单设计和导航菜单：共6个课时，通过该模块学习，学生能够使用伪类美化超链接，用CSS美化表单并能够制作各式各样的导航条.

第七个模块为网站建设：网站建设的步骤；网站建设的原则.共6个课时，通过该模块学习，学生能够建立主题网站.

4　基于CDIO的网页设计与制作课程教学实施

4.1课程教学

4.1.1课堂教学

（1）基础知识学习.任课教师将课程的知识点通过多媒体教学进行详细的讲授，选择合适案例进行演示，尽量涵盖能够覆盖每个知识点，这样图文并茂的传授能够调动学生的学习兴趣，提高课堂教学效果.同时提醒学生应该注意的地方和当前技术发展的现状.以便学生在进入实践前拥有必备的基础知识.教师讲授网站制作参考资料的查询和使用方法，为学生开展自主学习奠定基础.

（2）任务实践.任课教师根据知识点设定各个任务，布置的任务能够覆盖所讲授内容所有的知识点，每个任务和前后任务都具有连贯性，这样能够在前次的任务基础开拓这次任务，对以前学习的知识点不断巩固.例如第一次任务要求建立个人主页，使用修饰文字的标签和使用段落的标签.第二次任务要求在第一次任务成果网页之上使用列表和图片标签.任务由学生独立完成.遇到问题先要独立分析问题解决，如无法解决及时和老师进行沟通.

（3）反馈学习.在学生初次完成任务后，任课教师总结学生在任务执行过程中存在的问题并给出解决问题的办法和技巧，这样能都深化学生对知识的理解.

（4）任务循环.学生在反馈学习之后再次根据老师指出的问题和提示对自己的作品进行改进.通过这种方式使学生对于知识点的掌握会更加的扎实，培养其精益求精的网站开发人员的素质.

（5）任务小结.在所有的学生完成任务后，教师对任务进行知识点的难点、重点、技术问题和技巧等方面进行总结，并布置学生要在课下完成的小任务.

4.1.2课下自学

网页设计与制作课程有54个总课时，学生仅仅依靠在课堂上学习和练习，以达到对该课程熟练掌握的目的是远远不够的，所以要按照每个模块的知识点，依据教学目标设计学生课后完成的小任务.通过qq群和微信群沟通平台，学生之间和师生之间可以随时随地进行沟通和资源共享.鼓励学生多参加学科竞赛，如参加“三创赛”和“互联网+”比赛，达到以赛促学.

4.2课程考核

传统的笔试考核方式虽然也能检验学生掌握基础的知识和技能，但无法对学生综合运用能力进行验证，课程教学完成时，能设计并制作出符合要求的综合网站的学生却很少，达不到课程目标的要求，所以该课程考核方式改革势在必行.将该课程考核分为平时考核和项目考核两大部分：

（1）平时考核.学生根据所学知识点，独立完成任课教师布置的任务.根据完成情况，记录为平时成绩，成绩等级分为没完成（C）、基本完成（B）、超越完成（A）.该成绩真实反馈学生知识掌握情况和动手能力的高低.平时考核在课堂结束前10分钟内完成.

（2）项目考核.在第17周课程教学结束时布置设计并制作网站项目任务，网站项目作为该课程完成后的综合性考核，要求每个学生设计并制作一个表达某个主题的网站，向学生明确对网站评价的一系列标准，并要求根据提交项目设计制作报告书.学生利用课余时间完成选择的主题项目开发.通过该主题网站的设计与制作，测试学生掌握综合知识程度和综合应用能力.在课程教学第18周进行网站项目演示，每个同学在全班同学面前通过多媒体演示自己的作品，限时十分钟，教师进行点评，指出需要改进的地方.该过程既是学生利用所学的知识展示自己的能力的时候，又是学生学习别人的机会.

（2）考核成绩.该课程考核成绩计算方式及其所占比例如下所示：

平时考核成绩=（完成每个子任务成绩之和÷子任务个数）×40%+出勤率×40%+课堂讨论× 10%+课堂笔记×10%；

项目考核成绩=项目网站设计与制作报告书成绩×30%+项目网站设计与制作成绩×70%；

学期成绩=平时考核成绩×30%+项目考核成绩×70%.

5　结语

网页设计与制作课程内容知识点多，而且难度大，课程改革后经调查访谈，虽然有很多学生反映课程压力较大，但是学习兴趣很高，学生在CDIO教学实践中开发了自己的潜力，并激发了他们直面困难克服困难的创作创新精神.学生通过实际参与项目开发，提高了自身的综合素质和实践动手能力，从而实现了教学做一体化的教学模式，取得了良好的教学效果.

在CDIO模式下，设计并实施的网页设计与制作教学课程，不仅提高了文科类电子商务专业学生的综合应用能力，也提高了任课老师的教学能力和水平，并符合国家对应用型人才培养的要求.

参考文献：

〔1〕顾佩华.从CDIO到EIP-CDIO——汕头大学工程教育与人才培养模式探索［J］.高等工程教育研究，2008（1）：12-20.

〔2〕顾佩华.CDIO在中国（上）［J］.高等工程教育研究，2012（3）：24-40.

〔3〕段庆茹，阚连宝，吴国忠.CDIO教育模式中国化

研究述评［J］.黑龙江高教研究，2012（10）：33-37. 〔4〕查建中.论“做中学”战略下的CDIO模式［J］.高

等工程教育研究，2008（3）：1-9.

〔5〕姜大志，孙浩军.基于CDIO的主动式项目驱动学习方法研究——以Java类课程教学改革为例［J］.高等工程教育研究，2012（4）：159-164.

〔6〕姜义平.基于P-CDIO的应用型创新人才培养模式研究［J］.教育观察，2015，9（23）：120-124.

〔7〕李明秋.CDIO教育理念的外语专业教学创新与跨文化交际能力培养［J］.北京化工大学学报，2015（3）：71-74.

〔8〕李月辉，姜还红，云岩.基于CDIO的Java系列课程教学改革的研究 ［J］.黑龙江科技信息，2015 （11）：162.

〔9〕邢玉娟，高翔，潭萍，曹晓丽.CDIO教育理念和“双体实训”在《静态网页制作》课程教学中的研究与探讨［J］.甘肃联合大学学报，2012，1（26）：100-103.

〔10〕罗频捷，温荷.基于CDIO模式的JavaScript课程实验设计［J］.计算机教育，2015（9）：86-88.

〔11〕张奇，唐奇良.高等工程教育CIO-CDIO培养模式研究［J］.教育与职业，2009（1）：32-34.

〔12〕吴鸣，熊光晶.基于CDIO理念的路基路面工程教学改革实践与探讨［J］.长沙铁道学院学报：社会科学版，2007，8（4）：244-246.

〔13〕王刚，常小勇.KSR-CDIO工程教育模式的改革与实践［J］.中国高等教育评估，2011（1）：49-52.

〔14〕温涛.探索构建一体化TOPCARES-CDIO人才培养模式［J］.中国高等教育，2011（7）：41-43.

中图分类号：G642.0

文献标识码：A

文章编号：1673-260X（2016）06-0149-03

收稿日期：2016-02-15

基金项目：教学质量工程项目：皖北地区“四化同步”建设中的管理类人才培养计划（szxyfwdf201306），“电子商务专业综合改革试点”（2013zy078）