李燕妮

摘 要 2020年在教育部 “停課不停教、停課不停學(xué)”的號(hào)召下，給線上教學(xué)帶來(lái)的新的機(jī)遇及挑戰(zhàn)。本文則結(jié)合線上教學(xué)的優(yōu)勢(shì)，以“HTML5+CSS3應(yīng)用”課程為例，結(jié)合“課程、競(jìng)賽、思政”三位一體教學(xué)實(shí)施過(guò)程進(jìn)行探索，為線上教學(xué)提供借鑒。

關(guān)鍵詞 線上教學(xué) 競(jìng)賽 思政 三位一體 課程設(shè)計(jì)

中圖分類號(hào)：G424? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?文獻(xiàn)標(biāo)識(shí)碼：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 引言

為積極響應(yīng)教育部“停課不停教、停課不停學(xué)”的號(hào)召，各教師積極開(kāi)展各類線上課程，本文則結(jié)合“HTML5+CSS3應(yīng)用”的課程特色，以“課程、競(jìng)賽、思政”三位一體教學(xué)實(shí)施過(guò)程開(kāi)展線上教學(xué)。HTML5是目前各大網(wǎng)站主流的前端開(kāi)發(fā)技術(shù)，不僅包含了原有的HTML 技術(shù)，還囊括 Java 腳本語(yǔ)言以及 CSS 樣式，與之前版本相比新加了很多特性以及顯著的技術(shù)優(yōu)勢(shì)，“HTML5+CSS3應(yīng)用”是計(jì)算機(jī)技術(shù)專業(yè)學(xué)生大一下學(xué)期（即春季學(xué)期）的專業(yè)課程，課程與廣西大學(xué)生計(jì)算機(jī)應(yīng)用大賽（網(wǎng)頁(yè)設(shè)計(jì)）銜接，課前融入課程思政，課程完成后即可參與比賽。本文則結(jié)合線上教學(xué)優(yōu)勢(shì)以“課程、競(jìng)賽、思政”三位一體教學(xué)實(shí)施過(guò)程進(jìn)行探索，為線上教學(xué)提供借鑒。

1 相關(guān)政策

根據(jù)黨中央、教育部相關(guān)文件精神，不斷增強(qiáng)“四個(gè)意識(shí)”，堅(jiān)定“四個(gè)自信”，做到“兩個(gè)維護(hù)”，緊緊圍繞立德樹(shù)人根本任務(wù)，深入貫徹落實(shí)“停課不停學(xué)、停課不停教”，在線課堂教學(xué)即將開(kāi)課。為了保證教學(xué)在健康和值得信任的網(wǎng)絡(luò)文化和道德約束下順利開(kāi)展、規(guī)范線上教育教學(xué)工作、共建良好教學(xué)秩序，出臺(tái)相關(guān)政策文件。

2 線上的優(yōu)勢(shì)

（1）打破時(shí)空、時(shí)間、地域限制。線上教學(xué)可以在PC或手機(jī)端下載騰訊會(huì)議、騰訊課堂等直播軟件開(kāi)展課程講解，打破了時(shí)間、地域等多方面的限制，學(xué)生可以隨時(shí)隨地進(jìn)行課程的學(xué)習(xí)。在上課的過(guò)程當(dāng)中教師可以根據(jù)課程及學(xué)生的需要進(jìn)行課程回放設(shè)置，讓課后不明白的學(xué)生或請(qǐng)假的同學(xué)實(shí)時(shí)進(jìn)行學(xué)習(xí)內(nèi)容的播放，做到不落下一個(gè)知識(shí)點(diǎn)。

（2）課程資源得到有效整合，學(xué)習(xí)資源豐富。線上教學(xué)資源平臺(tái)采用的是“智慧職教-職教云”平臺(tái)，各教學(xué)團(tuán)隊(duì)根據(jù)專業(yè)人才培養(yǎng)及課程特色，有效的把“職教云”“資源庫(kù)”“MOOC”“專業(yè)群”的資源進(jìn)行挖掘，并將教學(xué)資源進(jìn)行整合，全方位、多方面向?qū)W習(xí)者提供學(xué)習(xí)資源。

（3）信息化技術(shù)進(jìn)課堂，課堂不再枯燥。線上教學(xué)過(guò)程當(dāng)中，學(xué)生只能通過(guò)PC或手機(jī)進(jìn)行課程的學(xué)習(xí)，與線下教學(xué)相比更為枯燥，學(xué)生學(xué)習(xí)興趣提不上來(lái)等問(wèn)題隨之而來(lái)，為更好的提高學(xué)生的學(xué)習(xí)興趣，教學(xué)通過(guò)“智慧職教-職教云”平臺(tái)創(chuàng)建“今日課堂”的課程資源外，還可以利用直播平臺(tái)將PPT、虛擬仿真平臺(tái)、運(yùn)程視頻、動(dòng)畫、視頻、在線考勤、在線互動(dòng)等多種信息技術(shù)加入課堂，通過(guò)合理的教學(xué)設(shè)計(jì)讓線上教學(xué)課堂充滿動(dòng)力，減少線上教學(xué)的枯燥。

3 “課程、競(jìng)賽、思政”三位一體的教學(xué)實(shí)施過(guò)程

“HTML5+CSS3應(yīng)用”是計(jì)算機(jī)技術(shù)專業(yè)學(xué)生大一下學(xué)期（即春季學(xué)期）的專業(yè)課程。課程與廣西大學(xué)生計(jì)算機(jī)應(yīng)用大賽（網(wǎng)頁(yè)設(shè)計(jì)）銜接，促進(jìn)高校大學(xué)生計(jì)算機(jī)應(yīng)用水平的提高，培養(yǎng)學(xué)生的實(shí)踐能力、創(chuàng)新意識(shí)和團(tuán)隊(duì)精神?！皩W(xué)以致用，德優(yōu)技高”是高職院校培養(yǎng)德才兼?zhèn)?、?shí)用型高技能人才的需要，是高職院校教育教學(xué)原則和培養(yǎng)目標(biāo)，通過(guò)職業(yè)技能競(jìng)賽活動(dòng)檢驗(yàn)實(shí)踐教學(xué)的質(zhì)量，明確人才培養(yǎng)目標(biāo)，提高學(xué)生的職業(yè)能力和素養(yǎng)，為今后的就業(yè)打基礎(chǔ)。

習(xí)近平總書記在全國(guó)高校思想政治工作會(huì)議上強(qiáng)調(diào)，要用好課堂教學(xué)這個(gè)主渠道，各類課程都要與思想政治理論課同向同行，形成協(xié)同效應(yīng)，本門課程則有效的在教學(xué)目標(biāo)、教學(xué)內(nèi)容中融入課程思政的內(nèi)容，并貫徹教學(xué)課前、課中、課后。課程實(shí)施過(guò)程中主要以學(xué)習(xí)引入——新知識(shí)學(xué)習(xí)——知識(shí)應(yīng)用——課堂小結(jié)——課程拓展等五個(gè)環(huán)節(jié)開(kāi)展，在線授課過(guò)程中充分運(yùn)用信息化技術(shù)手段開(kāi)展教學(xué)，運(yùn)用“智慧職教+騰訊課堂”特有的互動(dòng)功能，結(jié)合“一知識(shí)點(diǎn)一提問(wèn)一互動(dòng)”方式展開(kāi)教學(xué)及課堂互動(dòng)，課程環(huán)節(jié)相扣、內(nèi)容層層遞進(jìn)，并融入技能競(jìng)賽、課程思政并貫穿整個(gè)課堂教學(xué)。

3.1 學(xué)習(xí)引入（課程思政）

為明確課程的教學(xué)目標(biāo)，采用學(xué)習(xí)引入的方式展開(kāi)教學(xué)，課程引入案例主要以我院系參與每年一次的“廣西大學(xué)生計(jì)算機(jī)應(yīng)用大賽”的優(yōu)秀作品展示給學(xué)生，大賽主題圍繞每年的熱點(diǎn)話題為主題，以“第十三屆廣西大學(xué)生計(jì)算機(jī)應(yīng)用大賽”的主題為例，大賽以“厲害了，我的國(guó)”為主題，學(xué)生通過(guò)作品的制作或作品欣賞的過(guò)程中，對(duì)習(xí)近平新時(shí)代中國(guó)特色社會(huì)主義思想和黨的十九大精神有了更深入的理解，通過(guò)謳歌黨、謳歌祖國(guó)、謳歌人民、謳歌英雄，生動(dòng)描述建國(guó)以來(lái)黨和國(guó)家在方方面面所取得的輝煌成就，精彩呈現(xiàn)在黨和國(guó)家事業(yè)新征程中涌現(xiàn)出來(lái)的新氣象新精神，展現(xiàn)黨和國(guó)家改革開(kāi)放新面貌，弘揚(yáng)中華民族精神，激發(fā)民族自豪感，抒發(fā)愛(ài)黨愛(ài)國(guó)情懷，另一方面，通過(guò)作品展示的過(guò)程，學(xué)生也明確了本門課程的教學(xué)目標(biāo)，并樹(shù)立自己的學(xué)習(xí)目標(biāo)，為今后打下堅(jiān)實(shí)基礎(chǔ)。

3.2 新知識(shí)學(xué)習(xí)（課程內(nèi)容）

課程準(zhǔn)備經(jīng)典案例，通過(guò)案例引出課程的重難點(diǎn)問(wèn)題，并結(jié)合案例進(jìn)行知識(shí)的講解及實(shí)操，課程當(dāng)中結(jié)合重難點(diǎn)問(wèn)題以及學(xué)生容易出錯(cuò)的地方進(jìn)行合理的課程活動(dòng)設(shè)計(jì)，通過(guò)“智慧職教-職教云”平臺(tái)課程整合的教學(xué)資源，通過(guò)PC或手機(jī)進(jìn)行課程的學(xué)習(xí)，與線下教學(xué)更為枯燥，學(xué)生學(xué)習(xí)興趣提不上來(lái)等問(wèn)題隨之而來(lái)，為更好提高學(xué)生的學(xué)習(xí)興趣，教學(xué)通過(guò)“智慧職教-職教云”平臺(tái)創(chuàng)建“今日課堂”的課程資源外，還可利用直播平臺(tái)將PPT、虛擬仿真平臺(tái)、運(yùn)程視頻、動(dòng)畫、視頻、在線考勤、在線互動(dòng)等多種信息技術(shù)加入課堂，并結(jié)合“一知識(shí)點(diǎn)一提問(wèn)一互動(dòng)”的方式進(jìn)行教學(xué)重難點(diǎn)相關(guān)問(wèn)題的設(shè)計(jì)，通過(guò)測(cè)驗(yàn)、頭腦風(fēng)暴、討論、提問(wèn)等多種互動(dòng)方式進(jìn)行課程互動(dòng)，讓線上課堂充滿動(dòng)力，減少線上教學(xué)的枯燥性，一方面可以了解學(xué)生對(duì)知識(shí)點(diǎn)的掌握情況，二方面有效利用平臺(tái)數(shù)據(jù)了解學(xué)生的到課率等平時(shí)表現(xiàn)情況，為期末的平時(shí)成績(jī)做數(shù)據(jù)支撐。

3.3 知識(shí)應(yīng)用（競(jìng)賽要求）

知識(shí)應(yīng)用環(huán)節(jié)則結(jié)合每年大賽的要求要求學(xué)生在課程知識(shí)應(yīng)用的案例制作時(shí)做到規(guī)范化，從主題確定到作品提交的過(guò)程都進(jìn)行嚴(yán)格把控。針對(duì)大賽要求如何做到主題鮮明突出、內(nèi)容有特色、文字簡(jiǎn)潔通順、設(shè)計(jì)有創(chuàng)意、欄目結(jié)構(gòu)清晰、運(yùn)行正確、風(fēng)格協(xié)調(diào)、界面美觀、交互性好等問(wèn)題在教學(xué)過(guò)程進(jìn)行講解，如何做到側(cè)重點(diǎn)和主旨，條理清晰，特色鮮明，自成一體都有明確的要求。在課程知識(shí)應(yīng)用方面通過(guò)這幾方面來(lái)培養(yǎng)學(xué)生各方面的能力，從學(xué)生撰寫案例源碼，讓學(xué)生及時(shí)掌握HTML語(yǔ)言的撰寫規(guī)范及開(kāi)發(fā)規(guī)范、色彩的搭配等，以此要求學(xué)生時(shí)刻關(guān)注時(shí)政熱點(diǎn)問(wèn)題并解讀等，為每年下半年的“廣西計(jì)算機(jī)應(yīng)用大賽（網(wǎng)頁(yè)設(shè)計(jì)大賽）”打下堅(jiān)實(shí)基礎(chǔ)，激勵(lì)學(xué)生充分利用課余時(shí)間學(xué)習(xí)專業(yè)技術(shù)，真正做到“以賽促學(xué)、以賽促教”目的，進(jìn)而促進(jìn)了學(xué)生的計(jì)算機(jī)應(yīng)用能力、前端開(kāi)發(fā)的能力，培養(yǎng)學(xué)生的實(shí)踐能力、創(chuàng)新意識(shí)，為今后養(yǎng)成網(wǎng)站開(kāi)發(fā)技術(shù)人員的良好素養(yǎng)而準(zhǔn)備。

3.4 課堂小結(jié)（發(fā)現(xiàn)問(wèn)題，解決問(wèn)題）

課堂小結(jié)結(jié)合“智慧職教”學(xué)生參與測(cè)試、問(wèn)答、考核等互動(dòng)數(shù)據(jù)有效掌握學(xué)生對(duì)知識(shí)點(diǎn)的情況，對(duì)易錯(cuò)、多錯(cuò)等問(wèn)題進(jìn)行講解，解決學(xué)生在知識(shí)點(diǎn)理解過(guò)程當(dāng)中存在的疑惑，其次通過(guò)問(wèn)答的方式復(fù)習(xí)知識(shí)點(diǎn)，有針對(duì)性的掌握學(xué)生的學(xué)習(xí)情況，過(guò)程當(dāng)中不斷發(fā)現(xiàn)問(wèn)題，解決問(wèn)題。總結(jié)的過(guò)程當(dāng)中除了知識(shí)點(diǎn)的掌握之外，還可以不斷對(duì)學(xué)生進(jìn)行引導(dǎo)和思想教育，強(qiáng)化和提升對(duì)課程思政的思想認(rèn)識(shí)、教學(xué)融合和育人能力。

3.5 課程拓展（舉一反三）

課程拓展則通過(guò)舉一反三的原則以布置課后作業(yè)的方式開(kāi)展，結(jié)合課程知識(shí)點(diǎn)，融入課程思政，布置課后作業(yè)，有效提高學(xué)生的動(dòng)手操作能力;在較大的項(xiàng)目上對(duì)班級(jí)學(xué)生進(jìn)行分組，以團(tuán)隊(duì)的方式開(kāi)展項(xiàng)目的制作，有效提高學(xué)生的團(tuán)隊(duì)協(xié)作能力。旨在更好的掌握課程知識(shí)點(diǎn)之外，提高學(xué)生各方面的能力。

4 結(jié)論

通過(guò)線上“HTML5+CSS3應(yīng)用”課程結(jié)合“課程、競(jìng)賽、思政”三位一體教學(xué)實(shí)施過(guò)程，取得了較好的效果。課程與廣西大學(xué)生計(jì)算機(jī)應(yīng)用大賽（網(wǎng)頁(yè)設(shè)計(jì)）銜接，課前融入課程思政，課程完成后學(xué)生即可結(jié)合自己的專業(yè)技術(shù)能力進(jìn)行組隊(duì)，分工合作，完成大賽作品，通過(guò)課程開(kāi)展，對(duì)“課程、競(jìng)賽、思政”三位一體教學(xué)實(shí)施過(guò)程取得的成效，為教學(xué)提供借鑒并值得推廣。

參考文獻(xiàn)

[1] 教育部關(guān)于2020年春季學(xué)期延期開(kāi)學(xué)的通知. http：//www.moe.gov.cn/jyb_xwfb/gzdt_gzdt/s5987/202001/t20200127_416672.html

[2] 楊金勇，裴文云，劉勝峰，張東淑，張湘，姜卉，姜莉杰，于瑞利.疫情期間在線教學(xué)實(shí)踐與經(jīng)驗(yàn)[J].中國(guó)電化教育，2020（04）：29-41.

[3] 安錦錦.高職院校網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)改革研究[J].教育現(xiàn)代化，2019.6（95）：48-49.

[4] 謝光.賽教融合的高校計(jì)算機(jī)專業(yè)課程教學(xué)模式改革探究[J].教書育人（高教論壇），2019（24）：86-88.

[5] 葉潮流，馬林山.基于HTML 5+CSS3+jQuery的響應(yīng)式布局網(wǎng)頁(yè)設(shè)計(jì)[J].梧州學(xué)院學(xué)報(bào)，2018.28（03）：22-35.