基于“项目贯穿、任务驱动”德技美共育的线上线下混合式教学改革与实践

摘  要：通过采用“项目贯穿、任务驱动”的教学模式，以项目为载体贯穿课程，以任务为导向驱动学习，开展“课前启化、课中内化，课后优化”的三段式线上线下混合式教学，整个教学过程按“导入项目一明确任务、研讨项目一讨论任务、项目实践一完成任务、评价项目一反思任务”的思路开展“学、顾、引、析、践、汇、评、用”八个环节的课堂教学流程，前后衔接、递阶推进，帮助学生完成知识、技能的主动建构，同时以美的教育开展课堂思政教学，大大提高学生的学习效率和兴趣。该课堂模式使课程教学与社会需求的精准对接，教学范式从“教学模式”向“学习模式”转变，推动思想政治教育和专业教育、美育教育有机融合，切实解决课程教学过程中“教学内容与目标岗位需求脱节”“学生以被动接受为特征的传统学习方式”“教学重技能轻素养”等问题，提高人才培养质量。

关键词：课堂革命;项目化;课程体系;线上线下混合式教学;德技美共育

中图分类号：G642        文献标志码：A          文章编号：2096-000X（2024）S2-0128-07

Abstract： The author adopts the teaching mode of "project penetration and task-driven"， runs the course through the project as the carrier， and drives learning by task orientation， and carries out the three-stage online and offline mixed teaching of "starting before class， internalizing during class and optimizing after class". The whole teaching process carries out the eight-link classroom teaching process of "study， care， introduce， analysis， practice， collection， evaluation and application" according to the idea of "introduction of project-clear task， discussion project-discuss task， project practice-complete task， evaluation and reflection task"， which is back-to-back and hierarchical to help students complete the active construction of knowledge and skills. At the same time， carrying out ideological and political teaching in class with aesthetic education has greatly improved students' learning efficiency and interest. This classroom mode makes curriculum teaching and social needs accurately match， and the teaching paradigm changes from "teaching mode" to "learning mode"， promoting the organic integration of ideological and political education， professional education and aesthetic education， which effectively solve the problems of "disconnection between teaching content and target post needs"， "traditional learning mode characterized by passive acceptance of students"， and "teaching focuses on skills rather than literacy" in the course teaching process， and improve the quality of talent training.

Keywords： classroom revolution; project oriented; curriculum system; online and offline mixed teaching; co-education of moral character， skill and beauty

“课堂革命”是对课堂教学的全面变革，是对教学目标的优化，对教学内容的升级，对教学方法的改进以及对教学过程的科学设计，是一项整体推进的系统工程。作者从培养高技能应用型人才的高职教育特色出发，进一步厘清了高职院校课程特色，经过八年网页美术基础课堂实施、检验与完善，最终形成了“一项+一书+一课”的课程教学体系。

一  解决的问题

第一，构建对接职业岗位实际业务的项目化课程体系，解决了“教学内容与目标岗位需求脱节”。分析目标岗位群，形成能力需求集合，联合企业一线技术人员（广东南华工商职业学院优秀毕业生）合作开发能与企业实际项目对接、具有实战性的教学项目（优享校园网上商城），以教学项目为载体，按照项目设计开发的工作过程将教学项目拆分为九个子项目，将课程内容封装到各个子项目中，并对课程内容进行筛选、序化以及重组，形成九个模块化的知识技能，根据每个模块知识之间内在逻辑关系和结构特点，将模块化的知识技能分解为若干个有层次、递进的子任务，每个子任务形成一个教学单元，并对这些单元进行要素和能力分析，在分析的基础上融入“美育、德育”元素，组织配套的知识、技能，开发收集配套教学资源，最终构建能对接职业岗位实际业务的项目化课程体系，如图1所示。

第二，开展线上线下混合式教学，解决了“学生以被动接受为特征的传统学习方式”。基于建构主义学习理论，根据知识之间内在逻辑关系和结构特点，以教学项目为载体，将课程模块化的知识技能分解为若干个有层次、递进的子任务，以项目贯穿、以任务驱动，开展线上线下混合式教学，引导学生思考的方向，激发学生尝试实践，促进师生、生生多方互动，学生的自主学习意识和发展的内驱力也得到了强化，学生最终成为知识的主动建构者。这种教学模式不仅改变了教师“教”的方式，也改变了学生“学”的方式，推动了“学生学在教之前，教师教在学之后”的新型教学范式的形成。

第三，解决了“教学重技能轻素养”。信息技术类专业的高职学生综合实践能力及掌握新技术的能力较强，但是制作出来的作品在风格和创意上缺乏美感，且对职业文化素养了解还不深刻，团队集体荣誉感意识尚未得到锻炼，精益求精的工匠精神仍需持续培养。以美的教育开展课堂思政教学，培养学生学会发现美、鉴赏美、追求美和创造美的能力，让学生智力因素和非智力因素得到更积极、更和谐的发展，使之学习兴趣、学习能力、学习追求得到不断增强，最终实现德技美共育。

二  问题解决策略

该典型案例提出了以“项目贯穿、任务驱动”，德技美共育的课程构建思路，以网页美术基础课程中子项目二“优享校园网上商城布局设计”中对应的模块二“网页布局设计”为例开展线上线下混合式教学，提供具体实践案例，以期为高职院校课堂改革提供借鉴。

（一）  课程定位

网页美术基础课程是面向移动互联应用技术专业、软件技术专业开设的一门专业必修课程之一，课程对接交互设计师/UI交互设计师、UI界面设计师、网页设计师、UI设计师等职业目标岗位，其功能是培养网页布局、配色、各功能模块设计、交互设计、标注与切图等网页设计综合能力，拓展网页设计思维，同时提升认识美、理解美、欣赏美和创作美的综合能力，在专业人才培养方案中属于“五育”课程体系。

网页美术基础课程是在学习了平面图像处理课程之后，具备熟练运用PS工具完成图形、图像处理能力的基础上，为后续HTML5与CSS3 响应式Web开发、Vue.js前端框架技术、微信小程序开发等Web前端开发类课程奠定“美学”基础，见表1。

（二）  教材选取

依据高等职业教学标准，根据学生的实际情况，课程选取的主要教材、参考教材如图2所示。

（三）  整体设计

1  教学内容分析

从网页设计师等相关职业目标岗位需求出发，课程主讲教师联合企业一线技术人员（广东南华工商职业学院优秀毕业生）合作开发能与企业实际项目对接、具有实战性的教学项目（优享校园网上商城），以课程教学项目为载体，按照项目设计开发的工作过程将教学项目拆分为九个子项目，对课程内容进行筛选、序化以及重组，将课程内容封装到各个子项目中，形成九个模块化的知识技能，本次课是课程教学子项目二“优享校园网上商城布局设计”中对应的模块二“网页布局设计”。

根据这个模块知识之间内在逻辑关系和结构特点，将模块化的知识技能分解为2个有层次、递进的子任务，每个子任务形成一个教学单元，并对这2个单元进行要素和能力分析，在分析的基础上融入“美育、德育”元素，使学生不仅掌握网页布局的专业知识与技能，还培养了团队协作、精益求精的职业素养，同时引导学生发现美、鉴赏美、追求美和创造美，如图3所示。

2  学情分析

授课对象是高职移动互联应用技术专业大一学生，他们熟悉各种信息化教学手段，具备一定的线上自主学习能力，有团队协作意识，项目综合实践能力及掌握新工具的能力较强，但设计的作品在风格和创意上仍需提高美感。经过前期课程的学习，他们已经了解了网页设计的基本流程，掌握了网页设计基本规范及原则，但职业精神仍需要培养。学情分析如图4所示。

3  教学目标

基于布鲁姆目标分类法， 对接职业目标岗位业务模型，结合学生实际情况分析，确定课程的知识、能力、素质三维目标，知识目标重理解，技能目标强应用、素养目标植精神。其中，知识目标和技能目标是教学重点，技能目标和素养目标是教学难点，如图5所示。

4  教学策略

1）教学模式。“以项目贯穿、以任务驱动，德技美共育”，线上线下混合式教学模式。本次课程的知识模块是“网页布局设计”，属于实操性比较强的模块。以“优享校园网上商城布局设计”项目为载体，以“建立栅格化系统”“设计网页布局”任务为导向，开展“课前线上自学与研讨、线下课堂讲授与展示，课后反馈提升”的理论与实践相结合的一体化教学。

2）教学思路。①以项目贯穿、任务驱动。整个过程按“导入项目—明确任务、研讨项目—讨论任务、项目实践—完成任务、评价项目—反思任务”的思路，递阶推进，引导学生积极思考，激发学生尝试实践，促进了“项目一任务”的双向互动，“师生、生生、生项”（“项”指项目案例）的多重对话。使抽象的理念化的学科知识转换为具体可感的情境化技能，促进了学生自主建构知识体系，如图6所示。②以美的教育开展课堂思政教学。充分发挥美育对丰富德育、增进智育的重要作用，把美育、德育融入课程教学全过程，助力学生德智美全面发展。

3）教学方法。依托网络教学平台，开发课程资源库，以学生为中心，开展线上线下混合式教学。教法以“项目化教学法、任务驱动”为主，学法以“自主学习、分组探究”为主，课前“自主学习、小组探究”、课中“项目贯穿、任务驱动”、课后“经验总结、专业应用”三个阶段联动突出重点，如图7所示。以教师示范讲解建立概念，学生分组协助实践，小组观摩学习，教师总结点评四个环节突破教学难点，如图8所示。

4）教学过程。基于理实一体化、线上线下混合的教学方式，将课前启化、课中内化、课后优化三个阶段的教学过程设计为学、顾、引、析、践、汇、评、用八个环节，紧密贴近网页设计工作全流程，如图9所示。