彭星星
湘潭技师学院,湖南省湘潭市,411100
摘要：五星教学模式是当代著名教育技术理论家梅瑞尔提倡的教学理论，其核心是在聚焦问题的宗旨下，通过循环激活旧知、示证新知、应用新知、融会贯通四个教学环节，循序渐进地提升学生的学习兴趣，帮助学生熟练掌握相应的知识技能，能够有效改善目前课堂教学中只重视信息呈现、不注重有效教学的弊端。本文以《Web前端开发技术》中的“HTML5的表单元素”为例，对五星教学模式在混合式课堂中的实际应用进行了探讨。
关键词：五星教学模式 技工院校 Web前端开发 实际应用
Web前端开发是创建一个前端界面（如网页或应用程序等）呈现给用户的过程，它从早期的网页制作衍生而来，是目前计算机开发行业的热门职业。[1]随着互联网技术的升级发展，前端开发工程师必须不断学习各种新兴技术，才能充分应对日新月异的岗位需求。此外，前端开发还需要有强烈的质量意识、合作意识以及服务意识，这就要求技工院校在培养学生过程中，不仅要及时更新理论知识，更要注意学生职业素养的培养。
一、Web前端开发课程教学现状
1.教学方式创新不够
本课程主要学习目标是能够自主完成Web前端页面的设计与制作。这涉及到多个功能模块，对应的知识要点多且杂，并需学生做到融会贯通。但不少教师教学方式创新程度不够：每次课程的教学目标仅为单个知识技能的掌握与否，单次课之间的衔接性小；不注重学情分析，任务趣味性不够，最终难以达到理想效果。
2.学生学习深度不够
技工院校不少学生只乐于完成“固定”课堂任务，觉得只要能够 “抄写”完代码并得到预期页面效果，就算完成学习。对于没有标准答案的灵活性任务有畏难情绪，不愿思索如何提升代码质量。前端开发工作灵活性强，需要学生能有足够“深”的理论基础才能从容应对，学生学习深度亟待提升。
3.学生素养培养不够
Web前端开发制作的虽然仅是一个前端交互页面，但其效果优良程度能直接影响网页和应用程序的用户体验，重要性不言而喻。优秀的前端开发从业者除了需要好的知识基础，更需具备强烈的质量意识、良好的团队合作意识、优秀的服务意识以及超强的学习能力，但目前多数的教学过程中，大多都只注重知识技能的提升，忽略了职业素养的培养，不利于学生后期成长。
二、基于五星教学模式的Web前端开发课程混合式教学探索
五星教学模式的实质是：具体的教学任务应被置于循序渐进的实际问题解决情境中来完成。[2] 笔者将选取《Web前端开发技术》中的“HTML的表单元素”为例，展示如何应用五星教学模式设计混合式课堂教学。
1.聚焦问题
聚焦怎样的问题是五星教学模式的重中之重。教师在授课之初应对学生的学情（学习者特征和学力基础）进行充分调研，再依据教学目标，结合当前时事热点，设计出吸引学生的课堂任务。
表单是HTML页面基本元素中的子知识点，我们结合防疫宣传时事热点，模拟企业的真实工作环境，学生以小组为单位，通过需求调研、需求分析、代码实现、页面优化与测试、页面发布这一完整工作流程，设计并制作出一个功能完善、页面美观的疫情防控宣传网站，并对接学校宣传部门和校企合作单位，共同评选出优秀作品用作校园疫情宣传成果展示。具体到每次课时，则可根据知识技能点对应不同的防疫宣传网页类型：图文元素部分，课堂任务可设计为“制作疫情新闻报道Web页”；对于表格，则可利用其特性对防疫宣传网站进行布局设计等。以具体的、连续的、与生活息息相关的任务为出发点，可以有效提升学生学习动力。
本次课程根据学生的学情分析结果（喜欢新鲜事物，思维活跃；适应团队协作学习形式；学习不够严谨，英语底子普遍较差），结合表单基本特性，将问题聚焦为设计为 “制作防疫知识测试Web页面”。教学总体目标为：能够灵活运用表单元素实现疫情防控知识测试Web页面各项功能；能够按照规范优化Web页面。重点为各类表单控件设置方法，难点为表单控件的选取和优化。
2.激活旧知
激活旧知是通过提出一些现象或事物，引导学生回顾已有知识或经验，再通过关联，引导学生在新旧知识间建立联系[3]。具体、直观的旧知导入，有利于新知识体系的构建。
笔者根据问题聚焦情况，将课前任务布置为：回顾表单相关单词、图文设计规范；小组共同查找并记录常见表单页面；小组共同完成防疫知识测试页面需求调研。借助云班课等信息化平台，通过各类任务，刺激学生主动学习，为完成课堂任务做储备。整个课堂通过自制的“课堂任务完成情况调研问卷”表单、学生查找的表单页面、表单工作原理等内容进行旧知激活，既对学生的质量意识进行了强化，亦是让学生对于常见表单及其应用场景有清晰的认知。
3.示证新知
新知的展示应根据学习内容的不同，设置不同展示方法。对于程序代码，可按照逻辑关系依次实操演示，通过对照理清不同属性值间的差异；对于理论概念，则可利用动画等辅助手段，形象展示，帮助学生加深理解。
代码学习过程中，笔者根据课前任务需求调研结果，展示不同表单控件呈现效果，并引导示范，学生同步实操，确保每个学生都能掌握各类型表单控件的具体设置方法。教师示范过程全程录屏保存，帮助学生课后提升。页面优化环节中，利用现实案例动态地为学生展示表单设计中应注意的规范，有效提升学生的设计能力。
4.应用新知
巩固新知的最好方式就是应用。通过应用，学生可发现自己的知识盲点，帮助纠正改进；教师则可根据应用情况，判断学生对于新知的接受和掌握程度，及时调整教学进度。教师在设计应用新知任务时，应注意任务和新知间要有较高的关联度，便于学生知识迁移。[4]
学生以小组为单位，利用刚刚所学习的表单控件相关知识，分析讨论，选择出合适的表单控件，共同完成防疫知识测试页面的主体功能。随后再根据老师所展示的表单设计规范，优化页面，突破教学难点。整个任务实现过程注意提升了学生的质量意识和服务意识。
5.融会贯通
课题任务的展示和点评，是检验学生所学知识融会贯通能力的重要方法。通过观看作品展示、学生自评和他评环节，教师可准确了解学生的学习效果，有利于后续教学方案的制定。课后拓展也是融会贯通的重要环节，教师应以教学目标为依托，动态地调整拓展任务难度，帮助学生充分理解知识技能点。同时教师应考虑任务的开放性和发散性，留给学生发挥的空间。例如，布置一个社团招新报名的表单页面制作任务，由学生自行调研应设置哪些选项，预设值如何，采用何种表单控件，页面风格可怎样调整等，模拟真实工作场景，帮助学生全方位成长。
技工院校学生大多底子较差，纯理论性知识接受程度低。五星教学模式以问题为抓手，先向学习对象展示问题，吸引学生思考，再针对各项具体任务展开教学，通过三个层层递进的环节——激活旧知、示证新知、应用新知，帮助学生逐步理解相应知识要点，直至能够自主地将具体知识运用到解决问题或完成整体任务中去，达到融会贯通，实现知识内化，整个环节符合技工院校学习者的学习心理发展历程，能够有效提升教学效果。
[参考文献]
[1][2] .百度百科. https://baike.baidu.com/item/前端开发
[3].刘小晶 张剑平 杜卫锋.基于五星教学原理的微课教学设计研究[J].实践研究.2015(1):82-89
[4].陈君贤.翻转课堂中运用“五星教学模式”的探索与实践[J].电化教育研究.2016（10）：122-128