1、Application 创新应用220 电子技术 第 52 卷 第 2 期（总第 555 期）2023 年 2 月2 基于STEAM教育理念的Web课程教学模式构建更利于创新型学习的情景教学法或项目教学法。“情景式教学法”的教学流程可以概括为：先确定具体问题，然后借助STEAM活动引导学生结合多领域的知识确定目标、思考、讨论、实践、总结。“项目教学法”的教学流程可以概括为：收集信息制定计划实施检查评价，并为下一个项目做准备。通过教学流程我们可以发现无论是“情景式教学法”还是“项目教学法”，都非常注重教学过程中学生主观能动性的发挥，能够更好地贯彻创新教育理念，锻炼学生的创新思维，增强动手能力，并
2、促进学生多学科知识的融合。创新教育能更好发挥学生的自主能动性。Web前端开发课程是我校网络工程专业的一门专业核心课程，通过本课程的学习，学生能熟悉网站开发全过程，了解关于网站设计与开发方面的各种知识，掌握网页制作和网站构建与管理上的技术和方法，培养学生的实践动手能力和网页程序开发的能力。所以课上通过为学生部署具有挑战性的任务，结合老师的任务引导，充分发挥学生的自主动手能力，并调动学生的想法与创意，结合小组协作、协调、互动共同解决问题，并最终完成任务。STEAM教育可以有效提升创新思维。我国的高等教育历来遵循以最终的考试成绩的差异，来评定学生的知识和技能的掌握情况，这种传统的考核方式不宜于启发学
3、生的创造思维，也不能最大程度发0 引言STEAM教育是指集合了科学、技术、工程、艺术和数学的综合教育，在这五个学科中技术和工程结合，艺术和数学结合，打破了常规的学科界限。因此它属于一种教育理念，区别于传统的单科教育和重视书本的教育模式，倡导“任何成功都需要介于多种能力，优秀的人才需要综合性发展”。1 基于STEAM活动的创新教育教学特点STEAM活动是实现数字技术与创新教育手段相融合，培养学生在项目实施过程中主动发现问题、解决问题，并结合多学科知识创造性的完成项目的教学过程。STEAM教育理念也是科学教育或者科技教育形式的一种升华。而选择更适用于学生或课程的授课方式、方法，或者多种授课形式的充
4、分结合、互补，可能就是我们未来的新的发展方向。而创新教育所推崇的教学模式正是不拘泥于形式，一方面通过学习获得知识，另一方面通过实践培养创意。创新教育与实践传统教学的融合已经成为教育教学变革的下一个支点，因此STEAM理念在推进教学创新中可以发挥更积极的作用，例如：（1）基于STEAM教育采用项目教学法，培养学生的创新意识和设计思想；（2）基于STEAM教育创新课程结构；（3）培养跨学科的师资队伍，推进教学形式的多样性；（4）基于STEAM教育推动校企合作，为学生的创意设计提供校企合力；（5）基于STEAM教育完善教学评价，发展创新教育评价机制。作者简介：刘媛，山东华宇工学院，副教授，硕士；研究
5、方向：web开发、数据库、python程序设计。收稿日期：2022-04-27；修回日期：2023-02-12。摘要：阐述STEAM的创新教育教学特点，构建更利于创新型学习的情景教学法或项目教学法，探讨Web前端开发课程的项目式教学设计，包括确定教学目标、分组协作、学习过程、分组讨论与评价。关键词：Web前端开发，创新教育，情景教学，STEAM。中图分类号：TP311.5-4文章编号：1000-0755(2023)02-0220-02文献引用格式：刘媛.基于STEAM的Web前端开发课程教学设计J.电子技术,2023,52(02):220-221.基于STEAM的Web前端开发课程教学设计刘媛
6、（山东华宇工学院，山东 253034）Abstract This paper expounds the teaching characteristics of STEAMs innovative education,constructs a situational teaching method or project teaching method that is more conducive to innovative learning,and discusses the project-based teaching design of Web front-end development c
7、ourses,including determining teaching objectives,group collaboration,learning process,group discussion and evaluation.Index Terms Web front-end development,innovative education,situational teaching,STEAM.Design of Teaching Web Front-end Development Course Based on STEAMLIU Yuan(Shandong Huayu Instit
8、ute of Technology,Shandong 253034,China.)Application 创新应用电子技术 第 52 卷 第 2 期（总第 555 期）2023 年 2 月 221挥学生的创新能力，而创新教育的教学理念则更注重于每一个学习过程，注重每一堂课的知识探索与积累，因此也能更好地增加学生的知识含量、增强学生的技能储备，老师在课上及时了解学生的任务完成情况和任务反馈，积极引导学生融入多学科、跨领域、探究、开放、创新的课堂教学模式，既培养了学生的逻辑思维、创造思维和创新能力，又活跃了课堂气氛，同时锻炼了学生发现问题、解决问题的能力，最终实现将所学知识内化为自身能力的过程。3
9、 Web前端开发课程的项目式教学设计在程序开发类课程的教学当中，项目式教学法是应用较为普遍的一种教学方法，老师以一个具体的项目为载体，创设教学情境，布置教学任务，而学生则通过教、学、做一体的教学模式完成教学任务，巩固所学知识。根据教学内容与学情分析，确定项目式教学目标设计，然后根据教学任务的具体内容确定重点和难点，继而确定教学活动的各项环节，教学任务完成后根据学生的分组讨论情况和教学反思情况，改进下一步的教学目标和教学任务。并且在项目式教学流程的实施环节中，充分照顾到学生的主体地位，并充分激发学生的学习兴趣，结合STEAM活动，让学生的创造性思维得到更好的发挥，因此，就教学活动的具体环节阐述如
10、下：（1）确定教学目标。以Web前端开发课程为例，项目式教学法一定要有明确的教学目标，包括知识目标、能力目标、素质目标，通过以上目标的设定确定具体的教学内容，因此，教学内容既要包含理论知识点，又要结合web页制作的实践操作培养学生的学习积极性和思维创意性，并熟练掌握教学知识点，做到学以致用。例如Web页的表单设计任务，就要求学生先了解各种表单控件的具体作用，然后了解各个表单控件的具体适用范围，最终结合课堂任务，完成web页中表单控件的加载和表单验证功能的测试，通过理论知识+实践操作的结合，使学生熟练掌握表单控件的应用，另外制作过程中，学生还可以根据自己的网页风格设计、创新css样式，设计出更具
11、创意性的表单风格。因此，项目教学内容的确定需要兼顾到以下几点：项目的设定要根据教学目标，尽可能包含更多的知识点。项目内容的确定要更加贴近生活，充分激发学生的学习主动性。充分了解学生的认知特点，项目的设定要照顾到学生的个性、知识点掌握情况和动手能力的差异等方面。（2）分组协作。在项目式教学的授课过程中，分组协作是课程实施的重要组成部分，考虑到学生的兴趣及课程性质，我校的web创新实验室在建设之初就确定了机房的布局采用分组模式，共分为810组，每组6台电脑，这种布局方式也更利于学生自愿组合，每个小组的成员在知识结构、能力结构及学习风格等方面可以更好地达到优势互补，并在项目式教学的任务实施过程中充分
12、调动集体的智慧，发挥小组合作的力量，在小组成员和教师的共同指导下更好的完成任务。且小组成员之间在任务完成过程中还可以互相借鉴、评价、激发创意源泉，引导学生主动完成知识和能力的构建，增加学习成就感。（3）学习过程。根据教师的教学目标完成教学任务的制作，是对学生知识点的掌握和技能锻炼的有效途径，Web前端开发课程的授课任务主要是对网页结构和表现形式的设计，特别注重体验式的学习过程，培养学生独立完成网页布局任务并美化网页界面的实践能力，学生在任务实施过程中需要结合个人所学及跨学科知识，再根据个人的审美以及个性化的创意完成网页的设计，因此，课程授课任务的完成过程既是对学生知识掌握程度的检验过程，也达到
13、了体验式学习的目的。（4）分组讨论与评价。项目式任务完成后，进入小组成员讨论与评价过程，通过小组自评与互评，最后由各小组的组长对同学们的各项评价进行归纳与总结，并提交给教师，教师再对学生的整个任务完成过程和完成情况进行指导性的总结点评，例如学生在制作过程中遇到了难题，这时教师可以及时指导学生的做题思路，并给出创意性意见，培养学生的独立思考能力和创新意识。评价可以采用学生自评、互评、教师评价相结合的方式，对学生的作品做出正面的、有建设性的、有指导性的、积极的评价，而不是简单的做出等级划分，要尽量给予肯定性的表扬，有效增加学生的学习兴趣和自信心，避免说教式的批评。（5）课堂反思。项目式教学的最后环
14、节是课堂反思，主要是教师对课堂实践再梳理与再思考，依据课堂反馈总结经验教训，做出有针对性、促进性的措施，改进教学设计。4 结语基于STEAM活动的Web前端开发课程的授课要充分结合创新教育理念，跳出传统的教学模式，不断改进教学方法与教学模式，提高学生在课程学习中的主体地位，提高学生的学习兴趣，强化学生的创造性思维，结合项目式、任务式教学模式，推进学生的体验式学习、分组学习，并通过评价模式的改进，培养学生学习独立性、主动性和创新性。参考文献1 李娟,李宏博,苏丹,李梓,谭琨,李欣.Web前端开发课程项目式教学改革与实践J.高师理科学刊,2022,42(10):78-81.2 胡如会.基于OBE的Web前端开发技术课程教学改革J.贵州工程应用技术学院学报,2021,39(03):94-100.
