胡宇航，王红军

（河北旅游职业学院，河北 承德 067000）

一、高职《HTML+CSS》课程现状

《HTML+CSS》课程是高职计算机应用技术web前端方向专业基础课，该课程传授学生使用HTML、CSS 代码进行网页结构搭建及布局，培养学生网页制作能力，同时让学生能够从职业道德、合作意识、质量意识、服务意识、学习意识等几方面得到全面提升。目前高职院校课程计算机类课程设计大部分是以案例或项目为主要教学模式，也会使用相应信息化教学手段，但整体分析存在三大弊端：第一，课程案例及项目设计依据标准仍然是教材，大部分以教材或教师自我认知为标准去设计教学案例，学生在学习完课程知识点后只是“知其然，不知其所以然”，不知道这些知识点与工作岗位的联系是什么，不能够追本溯源。第二，信息化教学手段没有充分发挥其效果，“课堂革命”追其宗旨是要让学生学会如何自我学习，将课堂由教师主体变为学生主体，但大部分教师认为高职学生自控性差，新的教学模式无法有效全面实施。第三，任课教师缺乏自我诊断意识，连续几届学生都是一套教学设计，没有教学资源的更新。

针对以上三点，要从教学内容设计，信息化教学活动设计、教师自我诊改三个方面进行改进。首先，重构知识点，项目设计不能单以教材为标准，要遵循OBE 成果导向为理念，从实际岗位需求倒推毕业标准，从毕业标准倒推《HTML+CSS》课程标准，从课程标准倒推每个模块的项目设计，从大项目倒推小项目再到小案例，成果导向的课程设计可以让学生在第一节课就清晰明了学习这门课以后在工作岗位中可以做什么。第二，要把课堂还给学生。此门课的难度不大，很多知识点相似性很强，教师可以采用“对分课堂”的模式，只需要将基本知识点和难点讲授给学生，相似内容学生课下视频自学或查阅资料，课上将学习成果加以实践，在实践活动设计中融入大国工匠精神，提高职业素养的同时磨炼坚韧不拔、勇于钻研的意志，实践过程中教师与学生共同指导答疑，逐渐提升学生课堂主体性，活跃课堂氛围，此种教学模式的实施要配合制定相应考核评价手段作督促。第三，教师要依据“8 字螺旋”时常进行自我诊断，调整教学策略，推动内容更新，提升教学效果。

二、基于OBE 理念的课程重组

OBE 即成果导向，核心理念为：以产出为导向，持续改进，让所有学生达到既定目标。要求教师要结合实际岗位需求明确毕业要求，以毕业要求为成果目标，让每一位学生都能在学习过程中得到自我提升，达到自我预期成果。课程反向设计思路如图1：

图1：OBE 理念课程设计

此“成果”不单指知识目标，还包含岗位需求能力目标、素质目标，并且这些目标都是可评可测的。整门课程知识点打破传统教材束缚，按照毕业要求进行重组，基于OBE 理念将课程内容重构为页面结构、页面样式、页面布局和应用开发四个知识模块，这四个知识模块贯穿于四个基于工作岗位设计的教学项目，每个项目由若干个小项目串联，课程知识体系重构过程如图2 所示：

每个项目依据简单到复杂迭代式设计，在第一节课先给学生展示此门课学完将要完成的最终项目是什么，结合重构后新知识模块分析将要学习的四部分内容，将综合项目进行拆分，继续分成四个中级项目，每个中级项下衍生多个小项目或小案例作为知识点支撑。每个给定项目完成后，要求同学以小组形式进行真实企业项目情景模拟，相互布置任务，模拟真实项目开发过程，这样以成果反推课程内容设计，学生在学习之初，每个练习都有据可循，目标明确，清晰知道自己最终会达到一个什么样的学习成果，学习动力就会增强。项目设计如表1 所示：

图2：OBE 知识重构图

三、基于OBE 的“三段十步”教学方法实施

（一）“三段”——“学、教、做”

《HTML+CSS》课程重构采用知识模块与岗位项目相结合来驱动学生工程实践能力培养，学生在不同的项目中以“循环往复”方式重温概念与开发流程，不断加深对课程知识的理解，促进知识迁移与应用，解决传统教学中“学”与“用”脱节的问题。每个项目都分学、教、做三部分。首先“学”指学生课前或课后的自学，在每次自学中提升自主学习能力，每个自学视频的后面都配有相应小项目，可评可测，起到督促和检验自学效果的作用。“教”是指老师通过案例演示讲解课前自学的重点难点，让学生更深入理解知识点在项目中如何应用。“做”是指通过分组任务、情景模拟、个人实践等活动以学生为主体完成项目制作，小组间要进行甲方乙方角色扮演，相互布置项目，按照对方要求共分为下达-UI 设计-项目设计-代码编写-项目验收-总结反馈六个步骤，全部模拟真实工作岗位，每个项目依据从简单到复杂递进式设计，实现知识迭代，在技能练习过程中提高职业素养。

（二）“十步”教学贯穿课程线上线下全部环节

“十步”贯穿课程线上线下全部环节，从课前反馈、自学评测、教学设计、情景模拟、探究学习、师生指导、总结提升、课后作业、微课辅导、反思评价十个步骤形成教学闭环。

1.课前反馈、自学评测、教学设计。教师根据学生课堂活动及课后章节测试确定下节课学习目标，发布下节课前自学视频，自学视频是下节知识点的基础部分或框架，在自学基础上完成配套小案例，教师根据案例制作情况确定课堂活动，找出难点部分进行教学活动设计。

2.情景模拟。课上教师根据课前反馈及代码演示进行重点知识点讲解，部分内容可让学生完成。首先学生完成教师设定项目，每个项目设计由简单到复杂，每个项目都配有明确目标及任务要求，学生在完成过中清晰知道最终达到效果，以及知识点在实际项目中的应用。设定项目完成后进行小组情景创设，小组间模拟公司岗位，根据之前完成的设定项目相互布置新的自设项目，下达任务书，可以是个人项目也可以是组间项目。

3.探究学习。根据小组间下达的任务书，组间讨论完成项目制作，完成过程中要符合项目开发流程，质量、时间等要求。教师在活动中要融入课程思政元素，活动设计体现职业素养，无形中磨炼工匠精神。

4.师生指导。学生项目制作过程中，教师进行场外指导，部分完成较快学生可以和教师共同指导，教师给予相应加分。

5.总结提升。项目结束后，组间验收，每组代表进行项目讲解，教师根据每组完成情况总结评价，师生共同打分。

6.课后作业。课后任务包含章节测试、课程目录及笔记整理，部分项目会有拓展项目。

7.微课辅导。每个知识点在学习通平台都配有讲解小视频，对于课上知识点掌握不太好的同学，可以课下反复多次观看学习。

8.反思评价。教师根据本次课学生课前、课上、课下表现及成果进行反思评价，本次活动设计能否从知识、技能、职业素养等方面让学生达到提升，满足课程目标，进而满足毕业目标，如不能思考改进下次课的活动设计。

“三段十步”线上线下混合式教学模式培养学生探究式学习，学生虽然身在课堂但完成的是以岗位为目标的成果，理论实践融会贯通，符合OBE 成果导向核心理念。

四、基于OBE 的课程考核评价

基于OBE《HTML+CSS》课程考核体系设计体现“以能力为本位、以岗位实践为主线、以重构项目为主体”，打破传统的学科体系模式，考核评价将过程评价与终结评价相结合，其中过程性考核包括：学习通平台导出成绩，课程实训成绩，课程目录、笔记整理三个部分，占总成绩的50%；终结性考核采取项目制作方式，占总成绩的50%。整个考核体系体现过程性考核与终结性考核相结合，课堂与岗位相结合，知识与素养评价相结合，注重学生自我学习能力提升及后续的可持续发展，考核过程注重个人学习态度，团队合作，实践技能，职业素养等，充分发挥学生主动性和创造性，评价结构见表2。

基于OBE 教育模式，在教学中分阶段通过学生个人、小组团队、教师、企业导师开展多元化评价模式，在学习通平台中通过设置多种课堂互动、自学视频、分组任务等9 项考核方式来记录学生课上课下学习过程，这些活动数据及相应分值都在学习通后台实时记录。课下要求学生整理本次课笔记及将课上案例以“课程目录”形式制作成一个主页面及若干个子网页，形成电子笔记，既可督促学生认真完成每个案例也可以供后期复习使用。课程最后会安排4 个实训项目，3 个个人项目和1 个小组项目，作为整门课技能点的串联，同时考察职业素养。终结考核为1 个个人自主设计项目，也是集知识、技能、素养、工匠精神于一身的考核。整门课学习成果不要求每名学生都能达到相同的高度，但要求学生在自己能力范围内做到最大限度提升，注重学习态度，体现OBE 理念下“每名学生都要成功”的理念。

五、重构成效

《HTML+CSS》课程引入OBE 理念，将过程学习和学习成果放首位，学生成为课堂真正主体，真正受益者，实现了从“教”到“学”，从“知识”到“技能”，从“课堂”到“岗位”的过渡。重构后的课堂教学成果显著提升：

（1）学生出勤率明显提升，除个别病假外基本没有旷课及迟到现象。

（2）课堂气氛明显活跃。重构后的课程体系注重过程考核，课上课下学生每一次学习都会有数据记录，数字资源学习频率显著提升，学生学习积极性明显提高。

（3）学生学习目标更加明确。之前课堂知识的学习没有有效的与毕业目标、岗位目标衔接，很多学生学习是为了应付老师，应付考试。重构后成果导向项目设计使学生清晰知道自己做的每个项目都是通往实际工作岗位的必经之路，踏实地走过这条路就能达到岗位需求，从被动学习变为主动进取。

（4）企业导师参与项目评价极大提高学生学习动力。企业导师对学生的评价更能拉近学生与实际工作岗位的距离，让学生感知自己并不是单一处在校园中，更能激发学生对实际工作的向往，对于能力强表现好的同学，企业导师可以提前与其签约，激发学生学习动力。

（5）学生在省技能大赛中获得一等奖。由于课程标准的制定依据“课、证、赛、岗”四维融合，在项目设计中已将省技能大赛要求融入，日常教学以赛促教，以赛促学，在2021 年web 前端省技能大赛中获得一等奖。

（6）课程团队能力得到提升。基于OBE 成果导向项目设计要求教师要有丰富的岗位实践经验，这方面一直是校内教师的弱项。在课程改革过程中，校内教师企业挂职锻炼积极性明显提升，整个课程团队实践技能水平更上新台阶。

六、课程诊改

在OBE 理念下本门课程诊改依据“8 字”质量螺旋，常态化信息化预警，适时调整教学策略。课程共设置30 个质控点，从课程设计、课程资源、课程团队、课程应用四方面进行监控，质控点的设置从OBE 教学理念出发，根据十四五规划制定年度建设计划，将各个质控点分配到课程团队成员，课程实施过程中对照质控点，监控预警值，实时调整，课程诊改贯穿课程始终，形成常态化模式，课程建设程螺旋状逐年稳步提升。

七、结论

构建OBE 成果导向的课程改革，教学设计以毕业设计为目标，衔接实际工作岗位，重构后的知识体系更好体现成果导向项目设计，学生学习目标更明确，学习动力提升，提前适应岗位需求。

OBE 教育理念主导“学生为主体”课堂模式，目标让每名学生都成功。重构知识体系下“三段十步”线上线下混合式教学手段的应用让学生成为了课堂的主体，利于学生后续持续发展。各种课堂活动及评价体系促使学生主动加入到教学活动中，在活动中提升知识、技能、职业素养，从被动接受转为主动进取。

OBE 教育理念督促教师团队要不断诊改课程，不断进步，提升自我实践技能，以适应日新月异的行业发展。需要老师们不断在实践中升华理论，创新思路，更好地把此理念融入课程教学中，服务学生，这是所有老师长期为之努力奋斗的目标。