OBE—CDIO教育理念在《网页设计与制作》课程教学中的探索与实践
摘要：成果导向教育是高职课程改革的主流方向，针对我校软件技术专业的实际情况，在《网页设计与制作》课程教学中以OBE-CDIO理论为指导进行课程教学改革与考核，以激发学生的学习兴趣与学习主动性，培养学生综合能力，提高教学质量。
关键词：成果导向教育；CDIO；项目化教学；課程改革
1引言
《网页设计与制作》这门课程一般作为笔者所在院校的软件技术专业的二年级学生第一学期的一门重要的专业核心基础课程，其目的是通过课程的学习掌握网页设计的制作，掌握HTML5.0语言，CSS样式，掌握网页的基本架构与设计，是前端设计的基础。通过对软件专业的学生的调查和授课老师的总结，该课程学习效果不理想，主要存在以下原因：
2）教师授课过程中多是采用案例教学，但是学习完所有知识最后两周才做项目训练，知识比较零散，最终在做项目训练时，感觉缺乏统一性；换言之教师教学时缺乏一个适当的教学项目贯穿教学始终，这个教学项目要求是适当的，而不是过大或者过小的，这时学生并没有学习动
态网页设计，这门课关注的是前端的设计，所以项目不适合有后台数据库的项目，所以这个教学项目要完整适当，够用还要有拓展性，可以拓展到后续动态网站的设计。
目前在软件技术专业中对这类课程基于OBE及CDIO的教育理念进行改革是教学的迫切要求。
2教学实践与探索
受OBE与CDIO工程教育理论的启发，结合本学院本专业的具体情况，我们进行了教学改革实践与探索，制定了适合本专业学生的教学改革方案。
2.1重视实践教学，教学项目贯穿教学始终
OBE和CDIO都是能力导向的，OBE实施的原则之一是“自顶向下，反向设计”，《网页设计与制作》这门课程服务于二级教学项目B/S管理系统的前端设计部分，为了培养学生的CDIO能力最终选择一个来自企业的教学项目的简单版”NILE站”作为教学项目贯穿教学始终，对学生进行功能技能与素养的训练。”NILE站”导航如图1所示，分为5个模块：首页，热门电影，电影详情，影视播放和登录注册。五个完整的模块使用了超链接，超链接悬浮，
导航，搜索，侧面，分栏，样式文件的引用，轮播图，百度地图API的使用，视频的播放控制，登录和注册等网页设计前端中的大部分内容。这个项目功能丰富覆盖面广，H5，CSS3.0，javacprit，weblocalStorage，模拟购物车功能都有涉及，学生掌握了这个前端项目设计其他网站的前端也就具备了信心。
2.2以学生为中心的教学，激发学生的学习主动性
OBE是以学生的学为中心，要让学生主动学，要有技巧来激发学生学习的主动性。在教学改革中我们主要通过以下手段来激发学生学习的积极性。
1）高屋建瓴，明确学习目的。教学刚开始很重要的是把教学项目展示给学生看，让学生清楚知道这门课程学完之后自己能够达到什么样的水平，做出什么样的项目；
2）展示历届的作业给学生看，增强学生的学习的信心。这样做可以让学生更加清楚学习目的，学长们可以做到的他们也一样可以做到，激发学生的学习兴趣，这门课程并不难学也不会枯燥无味的；
3）结课时的项目汇报，肯定学生的学习能力。明确告诉学生这门课程学习完后，优秀的学
生在全班同学面前展示汇报自己的项目，讲解自己的作品，拍照留念，而且有学习纪念品发放，届时教学组老师做评委。在大学生活中有机会在同学们面前展示自己获得老师的肯定同学的认可是很难得的体验，第一节课就有同学盼望在最后一节课时在同学老师面前展示一下最好的自己；
4）以赛促学，在学院中组织网页设计与制作大赛。信息传媒学院的学生在团组织下组建了计算机联盟，在学校支持下计算机设计类大赛。网页设计与制作大赛是该每年都组织的一个赛项，这并不是国家级，省级的赛项，只是用心的学生努力下就可以拿得到的赛项，所以学生的参与度高，这个赛项每年赛出的作品也使学生可以看到自己的差距，过高的差距会让学生有挫败感，努力下就可以达到的高度更能促使学生主动去弥补差距。
教学活动的主体是学生，学生清楚知道通过课程学习他可以达到什么样的水平，学习目的清楚明确，更能调动学习积极性。如果学生具备了学习的动力与学习的主动性，教师的教学就会轻松很多。没有一个老师会喜欢没有互动的课堂。在整个教学的过程中，激发保持学生学习的主动性，让学生以主动的实践的方式参加到项目的学习中也需要教师提高自己的工程能力和教学水平。
2.3坚持课程学习与项目学习相结合
2.4以结果为导向，注重学生学习能力的培养
教为不教，学为会学，在教学中要注重学生学习能力的培养。学生若有比较突出的学习能力，可以说每个班级都有个别同学因为兴趣所在在学习上特别突出，这样的学生就要注意鼓励该学生的团队意识，在项目中作为项目负责人，主动帮助同学克服学习困难。在教学中我们给出一个完整项目的设计，但是要求学生在完成教师给出的项目后还要有自己的改变和创新。在平时上网的过程当中要求学生留心观察平时浏览的网站的架构、样式、配、图像、有喜欢的资源，比如图像，样式就保留起来，查看拷贝源码应在自己的网站上。一个很好用的工具可以快速地提高学生设计网页的能力，就是开发者工具审查元素的使用。我们建议学生使用该工具，而该工具的使用在教学中我们只是建议学生在完成项目的过程当中去自学、分享、在交流中进步，并不作为教学的内容。这样的分享交流可提高学生的分析问题解决问题的能力，更明显地提高了学生的在原有项目上的创新能力。
2.5充分利用信息化教学资源，发挥教师的主导作用提高教学效率
网页设计与制作代码案例
网上有很多优质的在线资源，教师可以围绕学生的学习筛选一些优质资源按需要的时间顺序提供给学生，一是线上资源可以方便学生充分利用零碎时间进行学习，二是丰富的资源可以开拓学生的视野。如Imooc的前端教程，直接就可以在线运行网页结果，还有一些经典的学习H5，CSS的网站，可以推荐给学生。教师不是什么都要原创，教师个人力量也很有限，教师充分利用已有的线上资源，自建的或者服务平台上的，同时在线开放平台多数具备记录学生线上学习，讨论的功能，能给教师教学带来很多便利。互联网时代，教师早就不是知识的占有者，教师可以做的是利用在线课程平台，精心筛选优质资源，发挥教师的主导作用，监督作用，着力营造项目学习的氛围，从传授知识到引领学生学习项目，完成新时代教师角的转变，也就是学生为主体，教师为主导、指导和引领、督促的作用。
3基于OBE-CDIO的课程考核探索
基于OBE的教学考核是考核学生在教师教学作用下的学生的学习成果。学生学习成果达成并非依赖教师为了促进学生综合能力的提升，《网页设计与制作》课程教学组对课程考核方式进行了，以学习目标为导向设计课程考核体系。将简单的平时成绩和大作业成绩改为关注过程性考核和形成性考核两个部分，关注学生创新能力、协作能力的考核。为了避免以过程性
考核成绩作为一门课程考核的随意性和争议性，考核分为平时考核占比为总成绩的60%，主要含课堂考勤，项目完成情况和作业完成情况，课上学习情况几个部分；最后课程结课时有个结课作业，也就是要求学生独立完成的项目作业，所占比例是课程总成绩的40%。最后两个部分的成绩作为学生的总成绩。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。