基于微信公眾平臺(tái)的高職網(wǎng)頁制作類課程教學(xué)模式改革研究

（北海職業(yè)學(xué)院，廣西壯族自治區(qū) 北海 536000）

0 引言

網(wǎng)頁制作類課程是高職院校計(jì)算機(jī)專業(yè)的必修課程。以“網(wǎng)頁前端語言開發(fā)”課程為例，通過該門課程的學(xué)習(xí)，要求學(xué)生掌握網(wǎng)頁制作基礎(chǔ)知識(shí)和開發(fā)技術(shù)等內(nèi)容，為網(wǎng)頁前端設(shè)計(jì)師等工作崗位奠定知識(shí)基礎(chǔ)。以傳統(tǒng)授課模式開展的課程教學(xué)，課堂互動(dòng)和體驗(yàn)不佳、教學(xué)效果不夠理想。因此，亟須重新梳理該門課程的教學(xué)內(nèi)容，開展教學(xué)模式改革研究。經(jīng)過前期對(duì)學(xué)院高職在校生進(jìn)行微信使用現(xiàn)狀的問卷調(diào)查和分析，明確使用微信公眾平臺(tái)來開展本門課程的教學(xué)模式研究。

1 傳統(tǒng)課堂教學(xué)的現(xiàn)狀

（1）目前，學(xué)院計(jì)算機(jī)專業(yè)的網(wǎng)頁制作類課程仍沿用傳統(tǒng)的課堂教學(xué)模式，即在計(jì)算機(jī)實(shí)訓(xùn)室授課，教師講授和演示、學(xué)生邊聽課邊練習(xí)的模式。采用這種授課方式，課堂互動(dòng)和體驗(yàn)不佳，很難調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性和主動(dòng)性。

（2）網(wǎng)頁制作類課程教學(xué)內(nèi)容多，包含了網(wǎng)頁基礎(chǔ)知識(shí)、HTML5 +CSS+JavaScript相關(guān)技術(shù)知識(shí)、網(wǎng)站綜合開發(fā)等眾多內(nèi)容，分配課時(shí)較少，總課時(shí)僅為90個(gè)課時(shí)。在有限的教學(xué)時(shí)間內(nèi)，教師難以顧及所有學(xué)生的學(xué)習(xí)進(jìn)度和掌握程度。

（3）學(xué)生的學(xué)習(xí)能力、學(xué)習(xí)興趣等存在個(gè)體差異，傳統(tǒng)的課堂教學(xué)難以因材施教。同時(shí)純代碼的課程內(nèi)容也使部分基礎(chǔ)薄弱學(xué)生產(chǎn)生畏難心理，并逐漸失去學(xué)習(xí)動(dòng)力。

（4）網(wǎng)頁制作技術(shù)隨著計(jì)算機(jī)技術(shù)的不斷發(fā)展，學(xué)科知識(shí)更新?lián)Q代速度過快，現(xiàn)行教材的更新速度落后于新技術(shù)的發(fā)展速度，學(xué)生無法從教材中獲得最新的知識(shí)。

2 基于微信公眾平臺(tái)的教學(xué)模式改革優(yōu)勢(shì)

2.1 硬件環(huán)境充分

經(jīng)過前期對(duì)學(xué)院在校生微信使用現(xiàn)狀的問卷調(diào)查，學(xué)院在校生的微信使用率幾乎達(dá)100%。加上學(xué)院已實(shí)現(xiàn)校園無線網(wǎng)絡(luò)全覆蓋，為基于微信公眾平臺(tái)的教學(xué)改革研究提供了良好的硬件環(huán)境。

2.2 提高學(xué)生興趣

學(xué)生已經(jīng)習(xí)慣手機(jī)微信帶來的各種便利，與其嚴(yán)禁學(xué)生在課堂上玩手機(jī)，不如借助微信進(jìn)行課堂教學(xué)改革研究，把學(xué)生吸引到基于微信的移動(dòng)課堂中來,從而提高學(xué)生的學(xué)習(xí)興趣，促進(jìn)學(xué)生自覺、主動(dòng)地學(xué)習(xí)。

2.3 打破課堂限制

采用基于微信公眾平臺(tái)的教學(xué)模式，教師可以通過微信公眾號(hào)和微信學(xué)習(xí)群，隨時(shí)隨地了解和指導(dǎo)學(xué)生進(jìn)行課程內(nèi)容學(xué)習(xí)。這種模式打破了課堂的時(shí)間和空間限制，將課堂教學(xué)和指導(dǎo)延伸到了課外，使課堂時(shí)間無限化[1]。

2.4 增強(qiáng)師生互動(dòng)

在移動(dòng)學(xué)習(xí)過程中，學(xué)生遇到問題時(shí)，可以通過圖文的形式，在微信公眾號(hào)或微信學(xué)習(xí)群中與其他同學(xué)和教師進(jìn)行實(shí)時(shí)交流，極大地增強(qiáng)了師生的互動(dòng)性[2]。這種互動(dòng)方式也更符合學(xué)生的溝通多樣化需求，深受學(xué)生的歡迎。

3 基于微信公眾平臺(tái)的教學(xué)模式改革措施

3.1 開發(fā)微信公眾平臺(tái)

微信公眾平臺(tái)雖然可免費(fèi)申請(qǐng)和使用，但仍存在很多使用限制（例如資源存儲(chǔ)空間的限制、交流互動(dòng)的限制等），還不能完全滿足移動(dòng)學(xué)習(xí)的使用需求。因此要借助第三方服務(wù)器進(jìn)行微信公眾平臺(tái)的二次開發(fā)，通過接口開發(fā)來擴(kuò)展微信公眾平臺(tái)的功能，以實(shí)現(xiàn)資源存儲(chǔ)空間的優(yōu)化、數(shù)據(jù)的自動(dòng)統(tǒng)計(jì)和分析等功能。

3.2 重構(gòu)教學(xué)內(nèi)容

解讀“網(wǎng)頁前端語言開發(fā)”的教學(xué)大綱，精準(zhǔn)分析教學(xué)目標(biāo)，重新梳理教學(xué)內(nèi)容。按照教學(xué)知識(shí)點(diǎn)的難易程度和要求掌握程度，由簡(jiǎn)單到復(fù)雜的順序編排授課內(nèi)容。例如，將較復(fù)雜的站點(diǎn)規(guī)劃從第一章移除，而將較簡(jiǎn)單的網(wǎng)頁布局基礎(chǔ)知識(shí)前移到第一章。這樣的難易安排可以更好地避免學(xué)生的畏難情緒，激發(fā)學(xué)生的學(xué)習(xí)興趣。

3.3 制作課程資源

根據(jù)重構(gòu)的教學(xué)內(nèi)容，對(duì)課堂知識(shí)點(diǎn)進(jìn)行詳細(xì)劃分。針對(duì)適合微信移動(dòng)學(xué)習(xí)的簡(jiǎn)短知識(shí)點(diǎn)，例如單個(gè)HTML5標(biāo)記的介紹、單個(gè)CSS屬性的用法等知識(shí)點(diǎn)，使用動(dòng)畫演示大師、視頻編輯軟件等多種工具進(jìn)行微課件、微視頻的制作，視頻的長(zhǎng)度一般控制在3～5分鐘。

3.4 建立微信公眾號(hào)

登錄微信官網(wǎng)進(jìn)行微信公眾號(hào)申請(qǐng)，完成后引導(dǎo)學(xué)生關(guān)注微信公眾號(hào)、建立微信學(xué)習(xí)群。根據(jù)課程教學(xué)的需要設(shè)置公眾號(hào)的前端界面和后臺(tái)模塊，再整合相關(guān)的微視頻、微課件、典型案例等課程資源，通過公眾號(hào)的后臺(tái)進(jìn)行資源的發(fā)布和文章的推送[3]。

4 微信公眾平臺(tái)在教學(xué)模式改革中應(yīng)用

以微信公眾平臺(tái)為依托，改變單一的傳統(tǒng)課堂教學(xué)模式，構(gòu)建基于微信公眾平臺(tái)的線上與線下混合教學(xué)模式。在實(shí)際的教學(xué)應(yīng)用中，基于微信公眾平臺(tái)的線上與線下混合教學(xué)模式主要分為課前自學(xué)、課堂講授、課后鞏固3個(gè)過程。

4.1 課前自學(xué)

在上課之前，教師通過微信公眾平臺(tái)將課程相關(guān)的教學(xué)資源推送給學(xué)生，引導(dǎo)學(xué)生開展課前預(yù)習(xí)和思考，逐漸養(yǎng)成學(xué)生主動(dòng)學(xué)習(xí)的習(xí)慣。同時(shí)記錄預(yù)習(xí)期間遇到的學(xué)習(xí)問題，通過公眾號(hào)后臺(tái)或微信學(xué)習(xí)群反饋給教師。例如，在學(xué)過table標(biāo)記之后，針對(duì)DIV標(biāo)記這個(gè)知識(shí)點(diǎn)，課前將使用DIV布局的頁面1和使用table布局的頁面2發(fā)給學(xué)生，引導(dǎo)學(xué)生找出這兩個(gè)頁面效果的不同之處。顯而易見，DIV標(biāo)記在使用上更簡(jiǎn)潔、代碼更少。但DIV標(biāo)記應(yīng)該怎么使用呢？學(xué)生通過比較，明顯就對(duì)DIV標(biāo)記的使用產(chǎn)生了好奇和興趣。

4.2 課堂講授

在課堂上，教師首先通過課前測(cè)驗(yàn)的形式，了解學(xué)生課前對(duì)知識(shí)點(diǎn)的掌握情況。針對(duì)課前測(cè)驗(yàn)出現(xiàn)的問題以及課前學(xué)生反饋的問題，教師結(jié)合具體的案例分析，展開詳細(xì)的知識(shí)點(diǎn)講解。接著教師布置課堂任務(wù)，學(xué)生通過小組討論、上機(jī)驗(yàn)證等線下活動(dòng)完成，加深學(xué)生對(duì)重難點(diǎn)知識(shí)的理解和應(yīng)用。最后教師對(duì)學(xué)生線下操作過程中出現(xiàn)的問題進(jìn)行總結(jié),針對(duì)難點(diǎn)進(jìn)行二次講解和正確示范，引導(dǎo)學(xué)生避免易錯(cuò)點(diǎn)、將理論知識(shí)正確應(yīng)用到實(shí)際的網(wǎng)站制作過程中。

4.3 課后鞏固

課堂教學(xué)結(jié)束后，教師在微信公眾平臺(tái)上發(fā)布課后習(xí)題，引導(dǎo)學(xué)生對(duì)所學(xué)的知識(shí)進(jìn)行總結(jié)和歸納。每一章結(jié)束后，再發(fā)布和本章知識(shí)結(jié)構(gòu)相關(guān)的網(wǎng)頁設(shè)計(jì)任務(wù)，通過頁面設(shè)計(jì)和制作激發(fā)學(xué)生的創(chuàng)造思維。針對(duì)所發(fā)布的課外任務(wù)，組織學(xué)生在微信學(xué)習(xí)群開展學(xué)習(xí)交流和問題討論，鞏固和提升所學(xué)的內(nèi)容。通過微信群實(shí)時(shí)反饋，教師可以及時(shí)了解學(xué)生對(duì)知識(shí)點(diǎn)的掌握情況，有針對(duì)性地開展一對(duì)一的單獨(dú)指導(dǎo)或一對(duì)多的共性指導(dǎo)。

5 基于微信公眾平臺(tái)的教學(xué)模式改革評(píng)價(jià)

對(duì)近50名學(xué)生開展基于微信公眾平臺(tái)的線上線下混合式教學(xué)應(yīng)用實(shí)驗(yàn)。實(shí)驗(yàn)結(jié)束后，再根據(jù)實(shí)際應(yīng)用情況進(jìn)行評(píng)價(jià)和反饋。

5.1 好評(píng)反饋

（1）操作便捷：微信在學(xué)生中普及率高，僅需關(guān)注課程微信公眾號(hào)即可開展教學(xué)工作，學(xué)生的接受程度高，不存在抵觸情況。

（2）互動(dòng)性強(qiáng)：借助微信公眾平臺(tái)和微信學(xué)習(xí)群，學(xué)生可以實(shí)時(shí)和教師開展學(xué)習(xí)交流和互動(dòng)。這樣的溝通方式深受學(xué)生喜愛，提高了課程參與度。

（3）精準(zhǔn)指導(dǎo)：教師通過微信公眾平臺(tái)可及時(shí)了解學(xué)生對(duì)知識(shí)點(diǎn)的掌握情況，針對(duì)學(xué)生存在的問題可以開展精準(zhǔn)的課后指導(dǎo)等。

5.2 存在的不足

（1）微信使用限制：本課程微信公眾號(hào)的類型為服務(wù)號(hào)，在文章推送上有數(shù)量限制，很多精心準(zhǔn)備的文章沒有辦法在第一時(shí)間推送給學(xué)生。

（2）容易分散精力：因?yàn)槠脚_(tái)的學(xué)習(xí)必須借助手機(jī)微信才能開展，很多學(xué)生在學(xué)習(xí)過程中忍不住想玩手機(jī)，分散了學(xué)習(xí)的注意力，影響了學(xué)習(xí)的效率。

但總的來說，大多數(shù)學(xué)生都能接受并喜歡這種線上線下混合的教學(xué)模式，這也直接說明了基于微信公眾平臺(tái)開展的教學(xué)改革具有很強(qiáng)的現(xiàn)實(shí)意義和很高的使用價(jià)值。對(duì)于存在的不足，仍需進(jìn)行下一步深入的研究和改進(jìn)。

6 結(jié)語

在移動(dòng)互聯(lián)技術(shù)飛速發(fā)展的時(shí)代環(huán)境下，根據(jù)微信公眾平臺(tái)操作簡(jiǎn)單、便捷等特點(diǎn)，可以將微信公眾平臺(tái)應(yīng)用到高職院校的教學(xué)模式改革中。經(jīng)過實(shí)踐，基于微信公眾平臺(tái)開展線上線下混合模式教學(xué)，不僅可以將有限的課堂無限延伸，還可以實(shí)現(xiàn)課堂教學(xué)中的因材施教，對(duì)高職院校網(wǎng)頁制作類課程的教學(xué)改革起到很大的促進(jìn)作用，具有很高的使用價(jià)值。如何將基于微信公眾平臺(tái)的混合式教學(xué)模式進(jìn)行優(yōu)化和推廣，是下一階段探討和研究的重點(diǎn)。