线上教学“课程、竞赛、思政”三位一体教学实施过程探索

李燕妮

摘 要 2020年在教育部 “停课不停教、停课不停学”的号召下，给线上教学带来的新的机遇及挑战。本文则结合线上教学的优势，以“HTML5+CSS3应用”课程为例，结合“课程、竞赛、思政”三位一体教学实施过程进行探索，为线上教学提供借鉴。

关键词 线上教学 竞赛 思政 三位一体 课程设计

中图分类号：G424                                   文献标识码：A  DOI：10.16400/j.cnki.kjdkz.2020.09.062

Exploration on the Implementation Process of

"Curriculum， Competition， Ideological and Political" in Online Teaching

——Take "HTML5 + CSS3 application" course as an example

LI Yanni

（Department of Traffic Information Engineering， Guangxi Transport Vocational

and Technical College， Nannning， Guangxi 530023）

Abstract In 2020， under the call of the Ministry of education， "stop classes without stopping teaching， stop classes without stopping learning"， new opportunities and challenges will be brought to online teaching. In this paper， combined with the advantages of online teaching， taking "HTML5 + CSS3 application" course as an example， combined with the "curriculum， competition， ideological and political" trinity teaching implementation process， to provide reference for online teaching.

Keywords online teaching; competition; Ideological and political; trinity; course design

0 引言

为积极响应教育部“停课不停教、停课不停学”的号召，各教师积极开展各类线上课程，本文则结合“HTML5+CSS3应用”的课程特色，以“课程、竞赛、思政”三位一体教学实施过程开展线上教学。HTML5是目前各大网站主流的前端开发技术，不仅包含了原有的HTML 技术，还囊括 Java 脚本语言以及 CSS 样式，与之前版本相比新加了很多特性以及显著的技术优势，“HTML5+CSS3应用”是计算机技术专业学生大一下学期（即春季学期）的专业课程，课程与广西大学生计算机应用大赛（网页设计）衔接，课前融入课程思政，课程完成后即可参与比赛。本文则结合线上教学优势以“课程、竞赛、思政”三位一体教学实施过程进行探索，为线上教学提供借鉴。

1 相关政策

根据党中央、教育部相关文件精神，不断增强“四个意识”，坚定“四个自信”，做到“两个维护”，紧紧围绕立德树人根本任务，深入贯彻落实“停课不停学、停课不停教”，在线课堂教学即将开课。为了保证教学在健康和值得信任的网络文化和道德约束下顺利开展、规范线上教育教学工作、共建良好教学秩序，出台相关政策文件。

2 线上的优势

（1）打破时空、时间、地域限制。线上教学可以在PC或手机端下载腾讯会议、腾讯课堂等直播软件开展课程讲解，打破了时间、地域等多方面的限制，学生可以随时随地进行课程的学习。在上课的过程当中教师可以根据课程及学生的需要进行课程回放设置，让课后不明白的学生或请假的同学实时进行学习内容的播放，做到不落下一个知识点。

（2）课程资源得到有效整合，学习资源丰富。线上教学资源平台采用的是“智慧职教-职教云”平台，各教学团队根据专业人才培养及课程特色，有效的把“职教云”“资源库”“MOOC”“专业群”的资源进行挖掘，并将教学资源进行整合，全方位、多方面向学习者提供学习资源。

（3）信息化技术进课堂，课堂不再枯燥。线上教学过程当中，學生只能通过PC或手机进行课程的学习，与线下教学相比更为枯燥，学生学习兴趣提不上来等问题随之而来，为更好的提高学生的学习兴趣，教学通过“智慧职教-职教云”平台创建“今日课堂”的课程资源外，还可以利用直播平台将PPT、虚拟仿真平台、运程视频、动画、视频、在线考勤、在线互动等多种信息技术加入课堂，通过合理的教学设计让线上教学课堂充满动力，减少线上教学的枯燥。

3 “课程、竞赛、思政”三位一体的教学实施过程

“HTML5+CSS3应用”是计算机技术专业学生大一下学期（即春季学期）的专业课程。课程与广西大学生计算机应用大赛（网页设计）衔接，促进高校大学生计算机应用水平的提高，培养学生的实践能力、创新意识和团队精神。“学以致用，德优技高”是高职院校培养德才兼备、实用型高技能人才的需要，是高职院校教育教学原则和培养目标，通过职业技能竞赛活动检验实践教学的质量，明确人才培养目标，提高学生的职业能力和素养，为今后的就业打基础。

习近平总书记在全国高校思想政治工作会议上强调，要用好课堂教学这个主渠道，各类课程都要与思想政治理论课同向同行，形成协同效应，本门课程则有效的在教学目标、教学内容中融入课程思政的内容，并贯彻教学课前、课中、课后。课程实施过程中主要以学习引入——新知识学习——知识应用——课堂小结——课程拓展等五个环节开展，在线授课过程中充分运用信息化技术手段开展教学，运用“智慧职教+腾讯课堂”特有的互动功能，结合“一知识点一提问一互动”方式展开教学及课堂互动，课程环节相扣、内容层层递进，并融入技能竞赛、课程思政并贯穿整个课堂教学。

3.1 学习引入（课程思政）

为明确课程的教学目标，采用学习引入的方式展开教学，课程引入案例主要以我院系参与每年一次的“广西大学生计算机应用大赛”的优秀作品展示给学生，大赛主题围绕每年的热点话题为主题，以“第十三届广西大学生计算机应用大赛”的主题为例，大赛以“厉害了，我的国”为主题，学生通过作品的制作或作品欣赏的过程中，对习近平新时代中国特色社会主义思想和党的十九大精神有了更深入的理解，通过讴歌党、讴歌祖国、讴歌人民、讴歌英雄，生动描述建国以来党和国家在方方面面所取得的辉煌成就，精彩呈现在党和国家事业新征程中涌现出来的新气象新精神，展现党和国家改革开放新面貌，弘扬中华民族精神，激发民族自豪感，抒发爱党爱国情怀，另一方面，通过作品展示的过程，学生也明确了本门课程的教学目标，并树立自己的学习目标，为今后打下坚实基础。

3.2 新知识学习（课程内容）

课程准备经典案例，通过案例引出课程的重难点问题，并结合案例进行知识的讲解及实操，课程当中结合重难点问题以及学生容易出错的地方进行合理的课程活动设计，通过“智慧职教-职教云”平台课程整合的教学资源，通过PC或手机进行课程的学习，与线下教学更为枯燥，学生学习兴趣提不上来等问题随之而来，为更好提高学生的学习兴趣，教学通过“智慧职教-职教云”平台创建“今日课堂”的课程资源外，还可利用直播平台将PPT、虚拟仿真平台、运程视频、动画、视频、在线考勤、在线互动等多种信息技术加入课堂，并结合“一知识点一提问一互动”的方式进行教学重难点相关问题的设计，通过测验、头脑风暴、讨论、提问等多种互动方式进行课程互动，让线上课堂充满动力，减少线上教学的枯燥性，一方面可以了解学生对知识点的掌握情况，二方面有效利用平台数据了解学生的到课率等平时表现情况，为期末的平时成绩做数据支撑。

3.3 知识应用（竞赛要求）

知识应用环节则结合每年大赛的要求要求学生在课程知识应用的案例制作时做到规范化，从主题确定到作品提交的过程都进行严格把控。针对大赛要求如何做到主题鲜明突出、内容有特色、文字简洁通顺、设计有创意、栏目结构清晰、运行正确、风格协调、界面美观、交互性好等问题在教学过程进行讲解，如何做到侧重点和主旨，条理清晰，特色鲜明，自成一体都有明确的要求。在课程知识应用方面通过这几方面来培养学生各方面的能力，从学生撰写案例源码，让学生及时掌握HTML语言的撰写规范及开发规范、色彩的搭配等，以此要求学生时刻关注时政热点问题并解读等，为每年下半年的“广西计算机应用大赛（网页设计大赛）”打下坚实基础，激励学生充分利用课余时间学习专业技术，真正做到“以赛促学、以赛促教”目的，进而促进了学生的计算机应用能力、前端开发的能力，培养学生的实践能力、创新意识，为今后养成网站开发技术人员的良好素养而准备。

3.4 课堂小结（发现问题，解决问题）

课堂小结结合“智慧职教”学生参与测试、问答、考核等互动数据有效掌握学生对知识点的情况，对易错、多错等问题进行讲解，解决学生在知识点理解过程当中存在的疑惑，其次通过问答的方式复习知识点，有针对性的掌握学生的学习情况，过程当中不断发现问题，解决问题。总结的过程当中除了知识点的掌握之外，还可以不断对学生进行引导和思想教育，强化和提升对课程思政的思想认识、教学融合和育人能力。

3.5 课程拓展（举一反三）

课程拓展则通过举一反三的原则以布置课后作业的方式开展，结合课程知识点，融入课程思政，布置课后作业，有效提高学生的动手操作能力;在较大的项目上对班级学生进行分组，以团队的方式开展项目的制作，有效提高学生的团队协作能力。旨在更好的掌握课程知识点之外，提高学生各方面的能力。

4 结论

通过线上“HTML5+CSS3应用”课程结合“课程、竞赛、思政”三位一体教学实施过程，取得了较好的效果。课程与广西大学生计算机应用大赛（网页设计）衔接，课前融入课程思政，课程完成后学生即可结合自己的专业技术能力进行组队，分工合作，完成大赛作品，通过课程开展，对“课程、竞赛、思政”三位一体教学实施过程取得的成效，为教学提供借鉴并值得推广。

参考文獻

[1] 教育部关于2020年春季学期延期开学的通知. http：//www.moe.gov.cn/jyb_xwfb/gzdt_gzdt/s5987/202001/t20200127_416672.html

[2] 杨金勇，裴文云，刘胜峰，张东淑，张湘，姜卉，姜莉杰，于瑞利.疫情期间在线教学实践与经验[J].中国电化教育，2020（04）：29-41.

[3] 安锦锦.高职院校网页设计与制作课程教学改革研究[J].教育现代化，2019.6（95）：48-49.

[4] 谢光.赛教融合的高校计算机专业课程教学模式改革探究[J].教书育人（高教论坛），2019（24）：86-88.

[5] 叶潮流，马林山.基于HTML 5+CSS3+jQuery的响应式布局网页设计[J].梧州学院学报，2018.28（03）：22-35.