基于CDIO模式的“网页艺术设计”课程教学改革与探索

赵 露，李 庐

（1.安徽电子信息职业技术学院，安徽蚌埠233000；2.安徽财经大学，安徽蚌埠233000）

基于CDIO模式的“网页艺术设计”课程教学改革与探索

赵 露1，李 庐2

（1.安徽电子信息职业技术学院，安徽蚌埠233000；2.安徽财经大学，安徽蚌埠233000）

对“网页艺术设计”课程教学现状进行了分析，针对“网页艺术设计”课程教学存在的问题，从优化教学案例、细化实践环节、创新考核形式等方面具体阐述了引入CDIO教育模式下的教学改革与实践过程。

网页艺术设计；CDIO教育模式；教学改革

CDIO教育模式是由美国麻省理工学院和瑞典皇家工学院等四所大学组成的跨国研究团队从2000年开始经过四年的探索研究提出的一种现代工程教育模式。CDIO意为构思（Conceive）、设计（Design）、实现（Implement）和运作（Operate），是“做中学”原则和“基于项目的教育和学习”的集中概括和抽象表达。它以产品研发到产品运行的生命周期为载体，让学生以主动的、实践的、课程之间有机联系的方式学习工程。

“网页艺术设计”是计算机应用专业的专业技能课程，旨在培养学生网页鉴赏、艺术设计和网页设计的综合能力。传统教学模式比较注重基础理论知识的讲解，但缺乏对学生综合实践能力的培养。作者针对传统教学模式中存在的问题，以CDIO教育理念为指导，探讨了“网页艺术设计”课程的教学改革与实践，以期提高该课程的教学水平和教学质量，培养学生的创新能力、工程实践能力、团队协作能力和综合素质。

1 “网页艺术设计”课程教学现状分析

随着互联网越来越多地深入人们的生活，“网页艺术设计”已成为高校计算机专业的重要专业技能课程。但从作者了解的情况来看，学生对这门课程的学习效果并不理想。作者在“网页艺术设计”课程的教学中，对教学方法、教学内容和教学手段等方面进行了长期的探索和思考，对教材和教参也作了调研，总结了该课程在教学模式中普遍存在的一些问题。

1.1 教学案例缺少整体构思、分析和设计

目前，“网页艺术设计”课程多以案例教学为主，很多教材也普遍以案例来组织教学，但选取的案例却缺少整体构思，案例之间没有关联性，使学生不能真正了解网站开发的全部流程，致使学生在网站整体布局规划和全局把握能力上显得力不从心。

1.2 课程之间缺乏横向联系

“网页艺术设计”是一门综合性较强的专业技能课程，主要培养学生开发网站的能力。要想设计出高质量的网页，学生必须具备图像处理、动画制作和网页编辑等方面的能力。在传统的教学模式中，往往将“网页艺术设计”当做一门孤立的课程来讲授，这种教学模式很容易造成学生的网页作品效果平平，缺乏表现力。

1.3 教学过程忽视团队协作的重要性

在教学过程中只关注学生个人理论知识的掌握和专业技能的提升，很少关注团队之间的协作与沟通，使学生难以满足企业中团队合作的的行业发展需求。

1.4 考核形式单一，多以“结果性”考评为主

传统“课程设计+考试”的考核方式，形式单一，缺乏创新，无法激发学生学习的积极性和创造性，同时教师也很难有效地评价学生的实践动手能力和对知识的掌握程度。

2 基于CDIO模式下的“网页艺术设计”课程教学改革

在“网页艺术设计”课程的改革中，作者借鉴CDIO工程理念，结合课程的特点和知识点，以企业中的真实案例或工程项目为依据，整合教学内容，优化教学过程，设计不同的教学情境，建设“教学做”一体的学习环境，以学生为中心，教师为主导，引导学生以主动的、实践的方式学习和获取工程实践能力。

2.1 优化教学案例，注重真实项目开发，促进学生专业技能与职业技能同步发展

作者在“网页艺术设计”课程教学过程中贯穿了3～4个完整的实践项目，为了让项目更具真实性和可操作性，我们深入合作企业（蚌埠奥祥网络科技有限公司），选取一些企业做过的或是正在做的项目，通过案例展示吸引学生，激发学生的学习兴趣，充分调动学生的求知欲望。同时将实践项目分为基础、提升和高级3个阶段，逐步增加难度和复杂度，让学生由浅入深，循序渐进地掌握网站制作的整个过程。基础阶段，将蚌埠新城实验小学的网站进行知识模块划分，每个模块对应相关知识点，然后结合教学情景完成网站的制作。在完成该网站的制作后，学生对网站建设有了一个初步的了解。提升阶段，综合运用所学知识完成“蚌埠玉博园”网站的制作。高级阶段，安排几个不同主题的综合性网站设计项目，让学生分组协作完成。

将企业项目融入教学过程，有助于学生了解企业所需的专业知识和职业技能，掌握企业项目的制作标准和运作流程，让学生更好地适应企业的需求。

2.2 细化实践环节，分组协作，加强沟通，提高学生综合能力

作者将CDIO教育理念贯穿于整个实践环节，对于每个网站的开发，作者都按照构思、设计、实现、运作的理念进行，让学生在项目的开发中掌握知识的运用和网站设计的基本要素（如表1）。在每个项目开展之前，教师将学生按照企业网站开发的岗位进行分组，每组3人（项目经理、美工设计、网页制作），网站建设由项目经理组织全组同学策划完成。小组成员的分工要定期进行轮换，每位成员都要扮演不同的角色，让每位同学的综合能力都能得到提高。

表1 基于CDIO的“网页艺术设计”课程实践环节

（1）构思环节：教师依据企业真实项目，按照企业要求，充当客户角色，要求学生对网站进行需求分析，并撰写策划书，提交教师审核合格后，方可进行后面的工作。

（2）设计环节：学生自己确定网站风格，准备素材，使用photoshop设计网页效果图。教师对效果图提出修改意见，各小组根据反馈意见，完善效果图。

（3）实现环节：实现网站建设，完成网页规定的技术要求。要求至少要包含6种不同类型的页面，如：单页面、表单页面、列表页面等；网页间链接正确，设置正确美观的CSS样式表文件。

（4）运行环节：网站发布，分组进行作品展示及答辩，教师根据每个小组团队的表现给出评价和建议。

通过以上4个环节，使整个实践过程有序、有效地开展。学生在团队合作的过程中提高了专业技术能力、创新能力和团队协作能力，逐步形成了运用所学知识设计产品的能力。在完成实践项目的同时，学生也深刻体会到Photoshop、二维动画、网页设计等相关课程之间的联系。

2.3 创新考核形式，注重过程化考核，真正促进学生进步

在课程的考核评价上，改变原有的“结果性”考核方式，采用基于过程化考核的多元化考核评价机制。具体操作：（1）平时出勤。将每次上课学生的出勤情况记录到班级考勤表上。占考核的10%。（2）平时上课的案例和实训作业。课堂讲解的案例和每章的实训作业要求学生上传，教师收集、批阅并登记在册。占考核的20%。（3）综合实训。将综合实训的内容进行细分，包括首页效果图、子页效果图、banner动画、用Dreamweaver布局主页、用Dreamweaver布局子页，对学生每一个过程的完成情况进行检查并记录，结合最终效果，给出评价。占考核的30%。（4）课程设计。根据每组学生完成项目的实际情况以及答辩的表现情况进行评价。占考核的40%。通过分过程、分阶段、分项目对学生进行综合评价，让考核贯穿在整个学习过程中，使学生重视每个教学环节，提高了教学质量。

3 结语

通过将CDIO的教育理念融入到“网页艺术设计”课程的教学、实践和考核，学生普遍认为自己熟悉了网页制作的整体流程，掌握了制作网页的方法；激发了学生自主学习、研发和解决问题的积极性；大大增强了学生的人际沟通能力、项目设计能力和团队协作能力；同时也大大提高了教师的工程实践能力。

[1]李辉.高职课程CDIO教学模式的设计与实施[J].计算机教育,2010,(11):91-93.

[2]田永晔,江兆银.CDIO模式在《网页设计与制作》课程改革中的探索与实践[J].福建电脑,2013,(12):53-55.

（责任编辑：朱彬）

An Exploration of Teaching Reform about“Web Design”

ZHAO Lu;LI Lu
(1.Anhui Vocational College of Electronics&Information Technology,Bangbu 233000,China;2.Anhui University of Finance and Economics,Bangbu 233000,China)

After analyzing the status quo of the teaching about the course“Web Design”,the author of this paper,given the existing problems about this course,explores the teaching reform and practical process on the basis of the CDIO model in terms of teaching case, practical link,test form,etc.

Web Design;CDIO model;teaching reform

G712

C

1009-3583（2015）-0136-03

2014-12-11

赵 露，女，安徽蚌埠人，安徽电子信息职业技术学院讲师，硕士。研究方向：计算机图形图像。