林毅惠

摘要：隨著”互聯(lián)網(wǎng)+教育”的發(fā)展，移動學(xué)習(xí)以其獨具創(chuàng)新的方式引領(lǐng)著數(shù)字化學(xué)習(xí)的巨大變革，也促進(jìn)了混合式教學(xué)的發(fā)展。本文從基于超星學(xué)習(xí)通平臺構(gòu)建《HTML5+CSS3》學(xué)科的混合式教學(xué)模式，旨在借助超星學(xué)習(xí)通并通過混合式教學(xué)模式，將信息技術(shù)和傳統(tǒng)教學(xué)進(jìn)行融合，實現(xiàn)線上線下互相補充，為學(xué)生提供豐富的、個性化的學(xué)習(xí)資源，利用碎片化的時間自主學(xué)習(xí)，提升學(xué)習(xí)效率，進(jìn)一步改進(jìn)教學(xué)方法。

關(guān)鍵詞：超星學(xué)習(xí)通;混合式教學(xué);HTML5+CSS3

中圖分類號：G642 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2020）19-0141-02

開放科學(xué)（資源服務(wù)）標(biāo)識碼（OSID）：

當(dāng)前，HTML5+CSS3是網(wǎng)站設(shè)計前端市場的主流技術(shù)，具有廣泛的應(yīng)用市場，是前端工程師崗位的必備技術(shù)基礎(chǔ)，其課程有很強實踐性和應(yīng)用性，更是中職學(xué)校電子商務(wù)專業(yè)、移動商務(wù)專業(yè)的專業(yè)基礎(chǔ)課，該課程內(nèi)容抽象、難懂，知識面廣、操作性強，需要學(xué)生細(xì)致地分析和系統(tǒng)的學(xué)習(xí)。因此，《HTML5+CSS3》網(wǎng)頁設(shè)計課程給中職教師和學(xué)生帶來了巨大的教學(xué)與學(xué)習(xí)的挑戰(zhàn)。要如何充分利用教學(xué)資源來進(jìn)行更好的教與學(xué)，以便學(xué)生能夠?qū)ζ溥M(jìn)行深刻的理解與靈活的運用呢？

1 中職《HTML5+CSS3》網(wǎng)頁設(shè)計課程的特點

中職《HTML5+CSS3》網(wǎng)頁設(shè)計課程是電商移動商務(wù)專業(yè)的專業(yè)基礎(chǔ)課。在具體教學(xué)過程中，其實踐運用和操作性非常的強，并且它涵蓋的內(nèi)容廣泛，知識也非常的晦澀難懂，需要學(xué)生進(jìn)行系統(tǒng)性分析和學(xué)習(xí)。在進(jìn)行課程教學(xué)時，一般都是教師講解并對學(xué)生進(jìn)行演示，然后學(xué)生再按照自己的記憶與參考書進(jìn)行練習(xí)。根據(jù)作者多年以來的教學(xué)經(jīng)驗，這樣的方式使得教學(xué)效率非常低。學(xué)生在觀看教師演示的時候，本來就對其操作不是很熟悉，更不能夠?qū)⑵溆洃洷痴b下來。他們在之后練習(xí)的時候也無從下手，不僅浪費了課堂時間，還會打擊學(xué)生的自信心。久而久之，這種一成不變的教學(xué)模式也不能夠激發(fā)起學(xué)生的學(xué)習(xí)動力，教師又不能夠?qū)W(xué)生的學(xué)習(xí)成果與過程進(jìn)行掌控，也不能據(jù)學(xué)生的個體差異去進(jìn)行針對性教學(xué)。

2 超星學(xué)習(xí)通在線學(xué)習(xí)平臺

超星學(xué)習(xí)通是一款移動端在線教學(xué)平臺，由超星公司打造出來，其目標(biāo)在于改革傳統(tǒng)的教學(xué)模式。很多學(xué)生都簡稱為“學(xué)習(xí)通”。在學(xué)習(xí)通當(dāng)中，主要的教學(xué)功能有6項。第一，教師可以在學(xué)習(xí)通上利用手機投影，在手機上給學(xué)生展示課堂，提升教學(xué)課堂的靈活性;第二，學(xué)生與教師可以在學(xué)習(xí)通中進(jìn)行多樣化互動。教師新建起課程，類似于QQ群、微信群，在課程當(dāng)中可以進(jìn)行隨機選人、簽到、搶答、問卷、通知、投票、直播等等，還可以在課程當(dāng)中設(shè)置討論組讓同學(xué)在小組當(dāng)中進(jìn)行討論，第三，學(xué)生可以在上面進(jìn)行小組合作，學(xué)生在分組模塊當(dāng)中進(jìn)行頭腦風(fēng)暴;第四，教師能夠看到學(xué)生進(jìn)行學(xué)習(xí)的全過程，學(xué)習(xí)視頻是否觀看、其課堂討論的參與度、考勤情況、測試效果等等，以此來加深對學(xué)生的了解，客觀的評價學(xué)生，根據(jù)評價來對學(xué)生進(jìn)行針對性的輔導(dǎo);第五，學(xué)生可以對教師、可以對自己的同學(xué)進(jìn)行評價，實現(xiàn)多樣化評價;第六，則是學(xué)習(xí)通上的成績統(tǒng)計。學(xué)生可以在學(xué)習(xí)通上清楚地看到自己線上與線下成績的得分，發(fā)現(xiàn)自己在平時學(xué)習(xí)當(dāng)中的不足之處，激發(fā)學(xué)生學(xué)習(xí)熱情，也有利于教師實行成績的動態(tài)管理。

3 基于超星學(xué)習(xí)通在線教學(xué)平臺的混合式教學(xué)實踐研究

3.1 研究目的

以中職《HTML5+CSS3》網(wǎng)頁設(shè)計課程為例，探究基于學(xué)習(xí)通在線教學(xué)平臺的混合式教學(xué)模式對學(xué)生的運用效果，以便于尋找到提升教學(xué)質(zhì)量的有效方法。

3.2 研究對象

廈門信息學(xué)校2018級電子商務(wù)專業(yè)1班、2班的學(xué)生共計103人?；诔菍W(xué)習(xí)通在線學(xué)習(xí)平臺進(jìn)行線上線下混合式教學(xué)模式的實踐探究。

3.3 研究過程

在進(jìn)行混合式教學(xué)模式過程當(dāng)中，其主要被分為三個階段即課前、課中、課后三個學(xué)習(xí)階段。通過導(dǎo)入、學(xué)習(xí)、鞏固三個階段來將學(xué)生引入到課程當(dāng)中。在學(xué)生進(jìn)行學(xué)習(xí)過程時，這三個階段循序漸進(jìn)地實現(xiàn)知識技能的傳遞、理解、深化和鞏固拓展。在課前階段，學(xué)生按照學(xué)習(xí)通上發(fā)布的課堂作業(yè)來進(jìn)行自主預(yù)習(xí)，根據(jù)書本和學(xué)習(xí)通微課視頻的提示與學(xué)習(xí)完成基礎(chǔ)網(wǎng)頁制作;在課堂上課時，學(xué)生在教師的講解和引導(dǎo)下，通過線下課堂和超星學(xué)習(xí)通相結(jié)合完成小組討論，提升參與度并完成進(jìn)階性網(wǎng)頁制作任務(wù)，在課堂中將知識技能進(jìn)行深度理解與深化;在課后，學(xué)生根據(jù)學(xué)習(xí)通上的課后作業(yè)與測試來完成鞏固與拓展的任務(wù)，以便學(xué)生在腦海中建立起有關(guān)于《HTML5+CSS3》網(wǎng)頁設(shè)計課程的知識結(jié)構(gòu)體系。

1）課前

在這一階段，教師的任務(wù)就是在學(xué)習(xí)通上發(fā)布預(yù)習(xí)任務(wù)和微課視頻。讓學(xué)生根據(jù)教師提出的要求完成課前預(yù)習(xí)作業(yè)，并進(jìn)行小測試與制作基礎(chǔ)性網(wǎng)頁。對將要學(xué)習(xí)的課程進(jìn)行初步理解，并在預(yù)習(xí)過程中發(fā)現(xiàn)自己在網(wǎng)頁制作過程中遇到的問題。這一階段的作用，就是學(xué)生在預(yù)習(xí)時通過線上線下的資源完成網(wǎng)頁制作。讓學(xué)生在腦海中形成一個初步的印象，以便于教師在課堂中講解時，不會像無頭蒼蠅一樣亂找亂看，確定自己在一節(jié)課程當(dāng)中所需要學(xué)習(xí)的重點與難點。

2）課中

在課中階段，主要是學(xué)生通過線下課堂和學(xué)習(xí)通來進(jìn)行小組參與式學(xué)習(xí)。在參與過程當(dāng)中，學(xué)生要對自己之前設(shè)置的網(wǎng)頁進(jìn)行展示，并將其與其他同學(xué)的作品進(jìn)行比較，分析不同作品的優(yōu)缺點與異同點。之后，教師再根據(jù)學(xué)生的作品來進(jìn)行短暫點評，并發(fā)放給學(xué)生一個優(yōu)秀的網(wǎng)頁案例，讓學(xué)生將自己的作品與其案例進(jìn)行對比。發(fā)現(xiàn)其中所蘊含的重要知識點，并根據(jù)自己在課前發(fā)現(xiàn)的問題來進(jìn)行討論，再與教師一起整理學(xué)習(xí);然后學(xué)生在課上進(jìn)行網(wǎng)頁修改，并在討論組當(dāng)中完成操作任務(wù)，將其發(fā)布到學(xué)習(xí)通平臺之上，由教師與自己的同學(xué)進(jìn)行評價。最后，學(xué)生在超星學(xué)習(xí)通平臺上進(jìn)行知識點測試，與教師一起回顧、反思課堂并總結(jié)知識點。教師在這一過程當(dāng)中所需要做的就是精心設(shè)計教學(xué)活動，讓學(xué)生體驗到線上線下學(xué)習(xí)的新穎度，提升他們的學(xué)習(xí)興趣。同時，在引導(dǎo)學(xué)生進(jìn)行知識整理與總結(jié)時，要幫助他們進(jìn)行知識的深刻理解，并將其內(nèi)化成自身的能力拓展思維，熟悉操作提高運用能力。

3）課后

在課后鞏固階段，學(xué)生主要是根據(jù)課中學(xué)習(xí)通上教師同學(xué)的評價來鞏固自己的知識點，改正自身在網(wǎng)頁制作過程當(dāng)中存在的不足之。并在教師提供的課后拓展資料當(dāng)中拓寬知識面，培養(yǎng)創(chuàng)新能力與探究能力。根據(jù)自己對知識的拓展學(xué)習(xí)來提出問題，而教師最后會根據(jù)學(xué)生的課后測試與任務(wù)完成的情況來給予相應(yīng)的指導(dǎo)，幫助學(xué)生解決問題，鞏固知識。

4 結(jié)果與評價

4.1結(jié)果

在作者進(jìn)行實踐研究過程中，對2017級電子商務(wù)專業(yè)1班和2班共計93名中職學(xué)生講解《HTML5+CSS3》網(wǎng)頁設(shè)計課程時，仍然采取的是傳統(tǒng)式的教學(xué)方式。即教師講解、演示，學(xué)生練習(xí)這三種形式相結(jié)合的方法。對于2018級電子商務(wù)1班和2班這兩個班采用的是基于超星學(xué)習(xí)通在線學(xué)習(xí)平臺的混合教學(xué)模式。在相同的課程與課時條件下，學(xué)生的知識基礎(chǔ)、年齡結(jié)構(gòu)都相差無幾，也都是作者進(jìn)行的課程講解。

在教學(xué)進(jìn)度方面相同的課時中，2018級學(xué)生比2017級的學(xué)生多完成三個單位的教學(xué)，即2017級學(xué)生學(xué)習(xí)了9個單元，而2018級的學(xué)生卻將12個單元都學(xué)習(xí)完畢。對于2018級學(xué)生來說，超星學(xué)習(xí)通實現(xiàn)了教師評價學(xué)生互評的多樣化評價，并且學(xué)生還能夠從學(xué)習(xí)平臺中清晰地看到自己在線上線下的成績，以便學(xué)生看到自身學(xué)習(xí)全過程的動態(tài)性評價。從2017級和2018級的最終成績對比中也可以發(fā)現(xiàn)，2018級學(xué)生的整體平均成績要高于2017級學(xué)生。而通過全過程的動態(tài)評價結(jié)果來看，可以明顯看出2018級學(xué)生的整體平均水平在初期與2017級學(xué)生相差不大，但是隨著課程的開展，2018級學(xué)生整體平均水平逐漸高于2017級學(xué)生，后來相差越來越大。無論是從教學(xué)進(jìn)度還是從學(xué)生的學(xué)習(xí)效果，混合式教學(xué)模式對學(xué)生的改變都非常大。

4.2 評價

在本門課程結(jié)束后，作者還通過超星學(xué)習(xí)通問卷和交流訪談的形式，記錄下了所有103名同學(xué)對這一混合式教學(xué)模式的反饋與建議。其調(diào)查所包括的題目有“學(xué)生在進(jìn)行這一教學(xué)模式時是否能夠跟得上教學(xué)進(jìn)度”“是否加深了自己對知識的理解程度”“是否培養(yǎng)了自身的學(xué)習(xí)習(xí)慣”以及“對教師的教學(xué)方法是否持有好感”等，在此便不再贅述。最后結(jié)果得出，有73.7%的學(xué)生在此課程開始之前對混合式教學(xué)模式并不是很了解。但是經(jīng)過了一個學(xué)期的實踐研究，有68.3%的同學(xué)覺得自己很喜歡混合式教學(xué)模式。同時分別有86.3%、60.7%、63.2%的同學(xué)認(rèn)為自身的專業(yè)知識技能在這一教學(xué)模式中得到了提高、有利于集中注意力與提升教學(xué)效果、激發(fā)了對學(xué)習(xí)的熱情和動力。

5 結(jié)論

綜上所述，基于超星學(xué)習(xí)通在線學(xué)習(xí)平臺的混合式教學(xué)模式改變了傳統(tǒng)式的教學(xué)形式，將線上線下的學(xué)習(xí)進(jìn)行有機融合，使學(xué)生在學(xué)習(xí)過程中得到更為齊全的資料、拓展了學(xué)生的學(xué)習(xí)平臺，提升了他們的學(xué)習(xí)效率。同時學(xué)生利用學(xué)習(xí)通進(jìn)行學(xué)習(xí)時，利用起了自身的碎片化時間與教師進(jìn)行互動，使自己在不上課的時候也能在線上提出問題等待教師解答。學(xué)生也能看到其他同學(xué)的問題和解答，學(xué)習(xí)到更多的知識，加深學(xué)習(xí)體驗。對教師來說，混合式教學(xué)模式能夠有利于了解到學(xué)生的學(xué)習(xí)特點與學(xué)習(xí)成果。文章當(dāng)中所做的實踐研究僅供參考，如有不足之處，敬請批評指正。

參考文獻(xiàn)：

[1]葛藍(lán).基于HTML5+CSS3的網(wǎng)頁布局[Jl.數(shù)字技術(shù)與應(yīng)用，2017（10）：92-93.

[2]危華明，陳積常，汪小威.基于HTML5+CSS3.0的響應(yīng)式網(wǎng)站前端設(shè)計與實現(xiàn)[Jl.福建電腦，2018，34（5）：15-15，31.

[3]郭豐濤，移動教學(xué)App在高校課堂教學(xué)中的應(yīng)用研究——以超星學(xué)習(xí)通為例[J].科教文匯，2018（18）：39-40.

[4]曲明洋，李廷取，靳思遠(yuǎn).基于超星學(xué)習(xí)通考查課評價方式的改革思考[J].吉林化工學(xué)院學(xué)報，2018，35（08）：24-27.

[5]王秀慧，薄文彥，馮麗露.基于超星學(xué)習(xí)通的翻轉(zhuǎn)課堂教學(xué)模式應(yīng)用研究——以“網(wǎng)站設(shè)計與開發(fā)”課程為例[Jl，中國信息技術(shù)教育，2018（17）：90-93.

[6]蔣軍強，朱晨妍，陸有麗，等.基于移動終端的高交互混合式教學(xué)模式初探[J].湖南理工學(xué)院學(xué)報（自然科學(xué)版），2018，31（4）：83-86.

【通聯(lián)編輯：李雅琪】