摘要：本文以高职院校软件技术专业人才配方案为依据，探索专业核心课程《响应式网页开发》的教学策略和教学模式，在明确课程整体设计思路、合理规划教学内容、实现校企协同育人、落实行动导向教学法、使用多元化评价体系等方面对课程进行了探讨和研究。

　　关键词：OTPAE训练法；响应式网页开发；校企合作；多元评价

　　响应式网页开发课程是我校软件技术专业核心课程，该课程的总体目标是通过课程的学习培养学生响应式网页开发相关的岗位职业能力，锻炼学生分析问题、解决问题的能力，养成良好的职业素养，为后续课程和工作打下坚实的基础。然而与人交流、与人合作、解决问题、自主学习、创新革新等职业核心能力很难通过传统的教学方法掌握，要想真正提高学生响应式网页开发的岗位能力和职业素养，必须探索新的教学策略和教学模式。依据我校软件技术专业人才培养方案及課程标准，结合Web前端开发岗位需求，对《响应式网页开发》课程教学进行了探索创新，并在实际教学应用中取得了较好的教学效果。

　　一、响应式网页课程的整体设计思路

　　响应式网页开发课程主要是面向软件技术相关专业的一门专业核心课程，是依据我校人才培养目标和相关职业岗位（群）的能力要求而设置。本课程是“1+X”Web前端开发职业技能证书标准中级要求，涉及HTML5标记、CSS3样式、Bootstrap的使用等内容。通过本课程的学习，学生能够运用相关知识，掌握响应式网页开发设计制作流程，掌握便捷开发和优化响应式网页的技能。本课程整体采用行动导向教学OTPAE训练法和小组合作学法展开教学（见表1）。渗透Web前端工程师的职业能力、职业素质和品质培育，按照“课前引导文预习-课中团队头脑风暴制订实施计划、落实行动、成果评估-课后总结、项目拓展迁移”实施OTPAE闭环教学。通过“学-练-研-拓”能力训练，促进学生自主探究学习习惯。通过组建企业项目组的方式，团队协作完成项目计划、实施、总结、评估、汇报和改进，培养学生分析问题、解决问题和团队协作的能力。

　　二、推进《响应式网页开发》课程改革的策略

　　1、合理规划整合教学内容

　　在《响应式网页开发》课程中，以课程目标为依据，结合原教材内容和“1+X”Web前端开发职业技能证书标准，对接Web前端开发岗位需求，选择了企业真实项目“响应式餐厅网站”为教学载体，重组了教学内容，设置了三个学习模块，每个学习模块对应网站的一块内容，涵盖相应的知识技能点：在基础模块中进行网页HTML5学习，掌握HTML5基本的语法及常见标记的使用；在提高模块中进行CSS3层叠样式表学习，掌握CSS3的基本语法以及盒子模型、网页元素定位的进阶知识；在拓展模块中进行Bootstrap的学习，掌握响应式网站设计的神器bootstrap前端框架，并通过企业真实案例实践使学生掌握网站设计与布局、网站前端开发的基本技能。

　　2、面向Web工程师岗位、对接企业，校企协同育人。

　　通过企业实地走访、座谈、毕业生调查问卷、与毕业生座谈等多种调研方式了解企业对Web开发相关岗位人才的期望。高职学生就业主要面向中小型企业，该类企业的特点是技术性强，技术更新快，同时由于中小型企业员工相对较少，分工也不是很明确，不仅要做编码工作，至少还需要一些软件设计工作，因此要求软件开发人员必须具备良好的职业道德；扎实的网页开发技术知识（如响应式网页开发），灵活运用知识解决问题的能力；使用软件工程方法学以及面向对象分析与设计方法解决问题的能力；自主学习的能力，即具有自主学习新知识新技术的能力；良好地协作沟通能力以及文档协作能力。基于岗位要求以及就业形势，确定了课程的主要教学模块，并由学校教师、行业专家和企业导师共同对课程标准、授课内容、授课计划、教学载体的合理性和有效性进行了充分的论证。课程全方位对接企业，融合企业元素，共育数字人才。企业工程师参与教学，采用了工单制任务形式，实现了学习过程和企业项目开发过程的对接，大大激发学生学知识、练技能、增本领的兴趣，效果明显高于传统教学。

　　3、“+企业”行动导向项目教学法，培养数字工匠精神

　　本课程采用“+企业”行动导向项目化教学法，教学过程围绕人才培养目标，以企业项目为载体，以任务为主线，实现教、学、做相结合的理实一体化。改变了课程的传统知识体系，选择“响应式餐厅网站”项目为载体，合理划分模块，每个模块分解设计为多个小任务，将响应式网页开发知识、技能、1+X证书要求、Web开发相关岗位需求等融入到项目开发过程中，企业导师全程参与教学，使学生融入真实企业环境，以团队合作的形式协作完成课程项目，实现课堂理论知识学习与实践操作的结合，课后小组完成一个真实的项目，并展开项目报告会，消除软件人才培养与企业需求之间的鸿沟，同时培养学生敬业、精益、专注、创新等职业精神。

　　4、利用多元化评价体系推进课程教学改革

　　由于本课程实践性强，传统的期中期末笔试方式无法考核学生的实际技能掌握情况，而期末上交个人作品的考核方式，只注重结果无法全面考核学生职业能力，这两种传统方式都无法对本课程进行精准考核。针对课程目标，创新教学评价体系，从评价主体、评价内容、评价方式以及评价标准等方面，均采取多元化评价方式，突出学生的全面发展，不仅仅关注学生的知识和技能的掌握情况，更关注学生与人交流、与人合作、解决问题、自主学习、创新革新等核心职业能力的培养和严谨、科学的专业精神劳动态度的养成。学生的最终成绩由课前任务成绩，课中小任务成绩，课后任务成绩以及拓展项目成绩组成（见表2）。各类任务的评价主体、评价内容和相关权重侧重点均不同。其中拓展项目的评价方式有自评、互评、师评和企业导师评价，分别对学生拓展项目的软件功能、软件界面、软件文档、团队合作等方面进行评价。

　　三、结束语

　　实践证明，在《响应式网页开发》课程中对教学内容、评价体系、校企合作等进行改革，面向企业岗位需求，融入企业真实项目，课程目标更加全面、课程内容整合符合教学规律、教学方式更吻合企业项目实施过程。教学过程采用行动导向，学生学习主动性强，注重能力培养，大大提高了学生知识目标、能力目标、素质目标以及思政目标的达成度，教学改革成效显著。