基于CDIO的《网页制作》课程教学改革研究

基于CDIO的《网页制作》课程教学改革研究基于CDIO的?网页制作》课程教学改革研究

中图分类号：G64文献标识码：A文章编号：1009-3044〔2022〕14-0082-02

ResearchontheTeachingReformoftheCourseofWebProductionBasedonCDIO

CHENYi-wei

〔QiongtaiTeachersCollege，Haikou571127，China〕

Abstract：WiththeguidanceofCDIOengineeringeducationmodel，Analysisedtheshortcomingsoftraditionalteachingofwebproduction，ProposedtheteachingreformofwebproductioncoursebasedonCDIOmodel，Promotedtheimprovementofteachingqualityandthecultivationofstudents'comprehensiveability.

Keywords：CDIO；webproduction；teachingreform

CDIO项目教育模式是由麻省理工学院、瑞典皇家工学院等四所国际一流工科大学发起、教育部大力倡导的先进项目教育模式。[1]CDIO在中国已兴起十余年，在全国高校的项目教育领域掀起CDIO改革浪潮，CDIO一体化模式解决了中国项目教育改革与开展中的许多问题。[2]2022年1月，中国“CDIO项目教育联盟〞在广东省汕头市成立，标志着中国项目教育改革进入新的开展阶段。

CDIO代表构思〔Conceive〕、设计〔Design〕、实现〔Implement〕和运作〔Operate〕，它以产品研发到产品运行的生命周期为载体，让学生以主动的、实践的、课程之间有机联系的方式学习项目。[3]CDIO在传统理论理论知识的“教〞与“学〞的根底上，更强调了“做什么〞和“如何做〞，重点锻炼学生的动手能力，又有效的启发和培养学生的团队协作能力、创新能力和工程设计能力。

?网页制作》是计算机类专业的专业根底课，是计算机类专业学生必须掌握的技能之一，但传统的?网页制作》课程教学已不适应社会的要求。基于CDIO模式的?网页制作》课程教学改革将有助于提高教学质量。

1传统?网页制作》课程教学的缺乏

1.1相关课程支持缺乏

?网页制作》是一门综合性课程，要制作出一个功能性好又美观的网页，不仅要使用网页制作知识，还要一定的美术功底。但在实际的计算机类专业开设该课程的情况来看，没有美术创意、配色，图像动画设计等先行课的支持，在教学发展过程中就是Dreamweaver的网页制作软件的使用学习，使得教学中短少设计思维培养，学生只学会在Dreamweaver中添加各种网页元素，在构图、配色、美感等方面欠缺的情况下，无法完成完整的网页设计，网页作品不足表现力。

1.2课程形式单一

传统的?网页制作》教学形式单一，不足真实网页制作的工作环境，难以有效提高学生网页制作技能。[4]在该课程中，注重根底知识的讲授和Dreamweaver软件的使用。课堂的流程往往是在Dreamweaver软件里使用设计模式，添加文本、超链接或图片等，然后在浏览器里刷新页面看结果。课程内容是讲到了，但学生只掌握零散的知识点，但又无法很好的综合运用，分析问题和解决问题的能力得不到锻炼，在碰到实际问题时，无从下手。

1.3注重个人技术，不足团队意识

传统?网页制作》课程教学比拟注重学生对网页制作软件的应用，只要学生听懂并练习课堂教学内容就万事大吉了，没有引导学生间的相互交流与讨论。另外一方面，传统?网页制作》课程期末作品往往也是要求学生个人独立完成。导致整个课程学习过程中无视学生团队能力的培养。其实，真实的网页制作工程是需要一个团队，多人分工合作，才能顺利完成，个人单枪匹马是很难制作出精良的网页的。

2基于CDIO模式的?网页制作》课程教学改革

2.1课堂教学方式改革

教师应该改变传统课堂教学“满堂灌〞的方式，采取典型案例为引导，结合实践运用讲解，学生通过学习案例的制作过程，自然而然地掌握了知识点，使其对知识学习产生浓厚的兴趣。

教师要把教学的重心放在网页制作的本质，就是HTML、CSS、JAVASCRIPT编程，手动敲代码来实现网页。这样才能让学生在学习网页制作的过程中慢慢与行业接轨，有效锻炼与提高专业素质。不要过度依赖Dreamweaver软件，掌握了网页编程，也就能使用任意编辑软件制作网页。

教师要以学生小组为单位来布置作业任务，教师积极引导，学生通力配合，沟通与协作，锻炼学生的综合素质，让CDIO理念充沛融入课堂教学。

2.2实训教学方式改革

由于CDIO的教育理念是以产品的研发到运行的生命周期为载体的，所以在实训教学中可将将网页的制作过程与产品的开发生命周期相结合。网页制作的典型工作任务包括：主题策动、设计网页效果图、实现网页、网页测试与发布。

CDIO第一步“构思〞指的是主题策动。常见的主题包括：环保网站首页、科技公司首页、淘宝店铺首页等。在该环节中，要求学生发散思维、使用头脑风暴的方式确定本小组的作品主题。充沛发挥学生的主观能动性，让学生主动去获取信息、分析信息、整合信息。CDIO第二步“设计〞指的是设计网页效果图。在该环节中，教师首先讲授使用PHOTOSHOP软件制作效果图的流程以及办法技巧，并通过案例制作演示，然后让学生根据已选的主题、收集素材并制作出网页效果图。

CDIO第三步“实现〞指的是实现网页。在该环节中，学生使用HTML、CSS、JAVASCRIPT技术把网页效果图实现成网页。学生要能把所学的知识与技能融会贯穿才能把网页保质保量地实现出来。这是学生磨炼专业技能的重要环节，也是学生专业核心竞争力形成的关键阶段。

CDIO第四步“运作〞指的是网页测试与发布。在该环节，学生使用网页浏览器测试网页然后把网页上传网络空间并发布出去。

通过CDIO四个环节的实训，让学生在动手做的过程中学习与掌握网页制作的各个环节，让学生在良好的学习状态下，掌握专业技能，同时培养了学生创新能力、沟通能力、协作能力以及解决复杂问题的能力。

为了充沛体现CDIO的教学理念，在实验教学阶段，根据学生的学情特点进行分组，每组设立一名组长，负责组内协调。学生以团队协作的方式对各个实验任务进行构思，采用适合的技术设计实现，最后对任务所实现的功能进行测试。通过分层次的弹性实验任务的完成，在强化学生专业技能的同时，使得他们的团队协作能力、创新能力、交流沟通能力都得到全面的训练和提高。

2.3考核方式改革

?网页制作》课程传统的成绩评定方式为学生成绩=平时成绩+期末作品成绩。但对学生综合能力的考核还是不够全面，示例学生协作能力、创新能力、组织叙述能力、信息获取能力、社会活动能力以及沟通叙述能力等“软能力〞都考核不到。为了对这些“软能力〞进行考核，我们应该设计和采用新的课程考核方式。示例：学生综合成绩=平时成绩+技能成绩+团队成绩+学习能力成绩等。

2.4师资培养改革

在CDIO项目教育模式中，对教师能力要求更高了。在师资培养方面，更强调培养教师的实际动手能力。教师不能只低头研究