杂志汇电子商务

摘要：为了培养社会需要的应用性人才，CDIO工程教育模式在我国高校正在越来越多地得到重视和应用。本文以CDIO为指导思想，以网页设计课程为改革对象，研究网页设计课程的CDIO教学模式和教学方法，探索教学与实践环节中的项目设置，并将项目教学应用于实践活动中。

关键词：CDIO；项目教学；网页设计；实践活动

1、前言

在当前高等工程教育中，CDIO教育理念、项目式教学方法已经是教学改革的发展方向，但在实施中仍有很多问题，突出表现为两个方面：一是教学过程缺乏设计，教学项目比较复杂，学生望而生畏；二是实践活动缺少系统性安排，教师缺少有效的引导和监督措施。我们认为，教学方法的改革乃至具体教学内容的优化都应服务于课程的定位和目标，不能流于形式。

对于技术开发类课程，应明确课程在专业培养方案中的地位，确定课程教学目标和教学项目需求，根据需求设计教学项目的形式和主要功能，并规划与之适应的课程教学形式和实践形式，在规划设计基础上，以多种方式实现CDIO教学项目并把项目教学方法落实到教案的编写和教学课件的制作中，并在实践教学环节提出与项目教学相一致的要求。

2、课程定位

网页设计是电子商务专业学生的基础和核心课程，是实践性很强的技术开发课程。本课程介绍的是网站中的静态网页设计，主要包括：HTML超文本标识语言、CSS+DIV技术和Java Script脚本语言，相关课程是网页设计三剑客的Photoshop和Flash，后续课程是WEB动态网页设计，这些课程都是开发设计类工具。

在网页设计课程之前，已经为学生安排了C语言程序设计课，对学生进行了基本的程序开发能力训练，因此，同学们具备了一定的代码设计能力。

课程的教学目标是使学生掌握基于Dreamweaver+HTML +CSS+JavaScript应用开发技术，采用CDIO教学模式使网页设计课程的教学内容充实，学生容易接收，能让学生快速建立相关网页设计概念，并与已掌握的代码设计技术衔接，达到理想的教学效果。为此，我们对CDIO项目教学提出如下要求：

（1）项目贯穿始终，使用多种不同项目来演示不同的知识点和开发技术，这样会使学生理解每个项目的设计意图，从而掌握网页设计的开发技术。

（2）项目功能贴近实际生活，不用过多讲解就可以让学生理解项目的主要功能。

（3）项目选择要有梯队，由浅入深，以便取得递进式教学效果。

培养方案是一个完整的体系，任何课程在其中都有一个主要目标和定位，本课程的教学目标明确讲授网页开发技术和网站建设技术，如何让学生快速高效地掌握相关知识，在较短时间内开发设计出适用的网页和网站是本课程教学的重点和目标。

3、教学项目设计

通过对网页设计教学内容的研究与分析，我们设计了“基于CDIO 的网页设计与网站建设课程教学内容项目表”，见下表1：

表1是基于CDIO项目的工程教育原则拟定的，项目要求以企业和社会的现实条件为背景，以CDIO的产品构思（C）、设计（D）、实现（I）和运行（O）的生命周期为载体，全面培养学生的网页设计能力，对项目进行适当加工，并分解成多个小项目，使之具备完整的网页设计知识结构。

4、教学项目引入

教学项目的引入是渐进式的，同一项目在课程的教学过程中有多次反复和迭代，同一项目通过采取不同处理方法进行演示讲解，起到举一反三的效果，每次演示的操作过程和讲解重点在剧本式教案中进行详细设计。课程教学中共有近20次完整的项目演示，针对项目实现的讲解时间累计超过20个学时以上。这些项目包括：

（1）演示项目

上表中的项目1至项目13，是为学生学习掌握Dreamweaver网页开发软件的功能而设计的，在使用这个软件前，为了让同学们熟悉HTML标签，在课堂上首先用记事本或其他文本编辑工具讲解HTML常用标签的使用方法，学生在实践活动中，先用记事本进行设计，需要大概3至4周时间（项目3至项目5、项目10），比如：简单网页设计、表格网页和页面超链接等，以后用Dreamweaver进行所见即所得的设计（项目1至项目3、项目7至项目13），如：制作表单页面、CSS+DIV网页布局、JavaScript实现动画效果等。通过这些实践活动，使同学们熟悉Dreamweaver菜单和功能，熟悉JavaScript网页脚本语言，为以后的设计性实践活动打下基础。

（2）单项设计项目

在对同学们进行Dreamweaver软件功能演示实践、锻炼他们的基本软件操作能力后，需要通过一些单项设计活动培养同学们的基本网页设计能力，这些单项项目可以是演示性项目，由学生自己利用Dreamweaver软件完成，并将学生完成结果与教师完成结果进行比较，从中找出差异，提高Dreamweaver的操作技能。

在网站建设方面，可以通过启发式教学帮助学生掌握建立网站的基本技能，包括：进行需求分析、确定网站主题、规划网站结构、设计网站首页、网页配色与页面合理布局、设计网站LOGO、制作BANNER、制作导航菜单、进行网站测试等。启发式的教学和实践过程为：学习优秀项目----设计情境----提出需求----收集素材----确定方法----模仿操作----寻找设计规律----独立设计等几个阶段，从各个方面培养学生的网站策划能力、色彩感知能力、网页结构布局能力和网页设计想象能力，让学生获得操作感、成就感，激发创新创作欲望和潜力。

（3）综合设计项

目网页设计是技巧性和综合性都很强的课程，在综合设计阶段，通常以小组为单位，创建一个可选主题的完整网站，比如：企业宣传网站、学校介绍网站、音乐播放网站、游戏下载网站等，将项目分解为若干任务，学生以项目为载体模拟网站设计的工作岗位，以不同角色进行分工，教师作为整个教学活动的组织者，指导学生合理安排项目进度，同时，选择技术能力和组织能力较强的学生为组长，由组长协调小组成员完成需求分析、规划网站结构、进行素材准备、设计网页、建设网站等任务，并填写在教师提供的报告模板中。

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

通过分组实践活动，教师要充分地了解学生，及时解决学生学习中遇到的困难与问题，引导学生进行讨论，及时做好评价，项目分组实践教学法能充分体现“以项目为主线、教师为主导、学生为主体”的教学思想，让学生做到“学中干、干中学”，从而培养学生分析能力和解决问题的能力。在综合设计阶段强调开发过程的规范化和标准化，培养学生的审美观和创新意识，注重采用新知识，力求通过美化与优化网站给学生带来快乐和成功的体验。

在学生将网站制作完成后，教师可以将分组成果向全体同学进行展示，在展示过程中由学生自己按表2标准互相打分，这样可提高学生的参与意识和积极性。

为了进一步适应CDIO教学改革的需要，教师要对课程教学进行积极探索，精心设计教学项目和实践项目，积极增补教学素材，增加更多更实用的项目，使学生由要求“学会”转变为自己“要学”、“会学”，激发他们的学习积极性，增强学生的团队意识和自主创新能力。

5、多种方式确定学生成绩

课程成绩可以按笔试、上机实验、过程报告、同学评价等多种形式综合确定，对学生能力进行多方位的客观评价，特别是要关注学生在CDIO项目实践过程中的表现，如采用：平时表现（20%）、项目过程（20%）、项目设计（30%）、期末考试（30%）相结合的评价方式，注意过程化考核（CDIO过程表现占总成绩的50%），促使学生积极主动地学习。

6、总结

网页设计与网站建设CDIO课程改革已经在2个学期中实施，通过项目式教学理顺了课程内容，提升了学生的学习兴趣，并加深了学生对相关知识和技术的理解和掌握，这在课程考核和实践环节的检查中都有所反映，学生在项目设计报告中也多次总结出学习的经验和教训，一致反映收获良多，除了在课堂和实验室使用教学项目和实践项目，教师还对学生的实践环节提供了指导、帮助和持续的监督，取得了很好的教学效果，今后，有必要继续加强这方面的工作，推动实践教学工作的进一步深化与改革，提高学生的综合素质。

参考文献

[1] 李金平，信息工程专业CDIO培养体系的研究，北京交通大学出版社，2013.06

[2] ACM/IEEE Joint Task Force on Computing Curricula. Computer science curricula 2013[EB/OL].[2015-06-10]. http://ai.stanford.edu/users/sahami/CS2013/final-draft/ CS2013-final-report.pdf.

作者简介：

邓礼全，电子科技大学成都学院，教授，经管系实验中心主任，研究方向：管理信息系统、电子商务、现代物流。