[摘 要] 以教學(xué)資源庫(kù)和藍(lán)墨云班課為網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)，以13個(gè)“網(wǎng)頁(yè)設(shè)計(jì)”課程教學(xué)班的學(xué)習(xí)過程數(shù)據(jù)為分析樣本，結(jié)合某一教學(xué)單元說明基于網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的教學(xué)模式改革思路，有效解決了傳統(tǒng)課堂中該課程長(zhǎng)期存在的忽略網(wǎng)頁(yè)制作實(shí)踐能力、忽略完整知識(shí)體系搭建以及難以差異化、個(gè)性化培養(yǎng)的問題。通過教學(xué)實(shí)踐證明，基于網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的教學(xué)改革，更有利于因材施教，挖掘?qū)W生學(xué)習(xí)潛力，進(jìn)而提升其職業(yè)技能。

[關(guān)鍵詞] 網(wǎng)絡(luò)學(xué)習(xí)平臺(tái);教學(xué)改革;網(wǎng)頁(yè)設(shè)計(jì)

[作者簡(jiǎn)介] 陳森玲（1986—），女，福建泉州人，管理學(xué)碩士，廣東省外語藝術(shù)職業(yè)學(xué)院財(cái)會(huì)金融學(xué)院講師，主要從事電子商務(wù)教學(xué)研究。

[中圖分類號(hào)] G420 [文獻(xiàn)標(biāo)識(shí)碼] A [文章編號(hào)] 1674-9324（2022）01-0058-04 [收稿日期] 2021-07-30

引言

網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)是實(shí)現(xiàn)“三通”（寬帶網(wǎng)絡(luò)校校通、優(yōu)質(zhì)資源班班通、網(wǎng)絡(luò)學(xué)習(xí)空間人人通）的主要形式之一，有助于突破時(shí)空限制，把教學(xué)延伸到網(wǎng)絡(luò)，豐富教學(xué)內(nèi)涵，促進(jìn)教學(xué)方式的轉(zhuǎn)變，提升課程管理水平。韓知音在其研究中指出，運(yùn)用現(xiàn)代信息化技術(shù)可以搭建高效課堂，可以加強(qiáng)學(xué)生自主學(xué)習(xí)的意識(shí)，實(shí)現(xiàn)學(xué)習(xí)的個(gè)性化，促進(jìn)學(xué)生之間的合作式學(xué)習(xí)。同時(shí)師生互動(dòng)體現(xiàn)以學(xué)生為主體，教師為主導(dǎo)的顯著特點(diǎn)。因此，在網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)上開展教學(xué)信息化這一教學(xué)模式改革，不僅有助于解決現(xiàn)有的教學(xué)困難，提升教學(xué)質(zhì)量，還可以有利于師生互動(dòng)教學(xué)相長(zhǎng)，幫助教師調(diào)整教學(xué)策略，提升學(xué)生職業(yè)技能，從而實(shí)現(xiàn)高素質(zhì)技能性人才的培養(yǎng)。

本次教學(xué)改革實(shí)踐主要使用了專業(yè)教學(xué)資源庫(kù)和藍(lán)墨云班課教學(xué)平臺(tái)作為網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)。其中教學(xué)資源庫(kù)是集專業(yè)學(xué)習(xí)、校企合作、社會(huì)服務(wù)于一體的專業(yè)化教學(xué)平臺(tái)，能夠連接企業(yè)真實(shí)項(xiàng)目需求，提供教學(xué)資源發(fā)布的直接途徑，讓學(xué)生在專業(yè)學(xué)習(xí)過程中能夠隨時(shí)查看教學(xué)資源，隨時(shí)對(duì)接企業(yè)需求。而藍(lán)墨云班課App是一款基于移動(dòng)終端的即時(shí)反饋教學(xué)互動(dòng)工具。以其豐富的教學(xué)活動(dòng)場(chǎng)景和數(shù)據(jù)分析能力幫助教師開展教學(xué)實(shí)踐并分析教學(xué)應(yīng)用效果，從而有的放矢，因材施教。

一、課程實(shí)踐過程設(shè)計(jì)

（一）設(shè)計(jì)方法

本課程采取基于網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的教學(xué)改革模式。在以往的教學(xué)過程中發(fā)現(xiàn)學(xué)生在任務(wù)驅(qū)動(dòng)式教學(xué)中只知其一，不知其二，能夠理解掌握任務(wù)中所涉及的部分知識(shí)點(diǎn)，但是不能搭建完整的知識(shí)體系，因此結(jié)合翻轉(zhuǎn)課堂和在線腦圖要求學(xué)生在開始任務(wù)之前搭建腦圖知識(shí)樹，并通過在線視頻、在線測(cè)試、錯(cuò)誤找茬、綜合實(shí)戰(zhàn)等教學(xué)活動(dòng)，以網(wǎng)頁(yè)效果圖為任務(wù)導(dǎo)向，提倡學(xué)生自主學(xué)習(xí)、互相答疑、充分互動(dòng)、解決問題，深入挖掘?qū)W習(xí)能力，提升職業(yè)技能。

本課程共使用了多媒體資源、網(wǎng)頁(yè)設(shè)計(jì)教學(xué)工具、腦圖知識(shí)樹，以及移動(dòng)信息化App等四類教學(xué)工具，貫穿了課前啟發(fā)、課中任務(wù)、課后反饋的教學(xué)全過程，利用在線視頻和在線腦圖全面覆蓋知識(shí)點(diǎn)，利用在線測(cè)試和錯(cuò)誤找茬的方式讓學(xué)生在錯(cuò)誤中鞏固知識(shí)點(diǎn)。為了突破教學(xué)難點(diǎn)，設(shè)置了每周2次的量圖任務(wù)和3次的實(shí)戰(zhàn)任務(wù)，同時(shí)配合答疑反饋和作業(yè)互動(dòng)，確保教學(xué)效果。教學(xué)過程實(shí)施可分為七個(gè)環(huán)節(jié)：課程導(dǎo)入、知識(shí)點(diǎn)梳理與測(cè)試、課前分析、量圖任務(wù)與課堂答疑、教學(xué)反饋、錯(cuò)誤找茬、綜合實(shí)戰(zhàn)。

（二）實(shí)施過程

1.知識(shí)導(dǎo)入。課前1周，教師在藍(lán)墨云發(fā)送一個(gè)關(guān)于學(xué)習(xí)知識(shí)點(diǎn)和任務(wù)的通知，學(xué)生手機(jī)端可以收到消息提醒。登錄班級(jí)資源中心發(fā)布一個(gè)快遞盒子的圖片，要求學(xué)生思考快遞盒子中的厚度、填充物和內(nèi)容物跟CSS盒子模型中三個(gè)屬性之間的對(duì)應(yīng)關(guān)系，同時(shí)將之前錄制好的6個(gè)微課視頻上傳到教學(xué)資源庫(kù)中，將地址發(fā)布在藍(lán)墨云的資源中。學(xué)生可以通過藍(lán)墨云手機(jī)端或者電腦端登錄教學(xué)資源庫(kù)反復(fù)查看教學(xué)視頻。隨后教師可以在資源中查看學(xué)生的學(xué)習(xí)統(tǒng)計(jì)情況，發(fā)現(xiàn)有還未查看的學(xué)生對(duì)他們進(jìn)行再次提醒。

2.知識(shí)點(diǎn)梳理與測(cè)試。課前30分鐘，教師布置知識(shí)點(diǎn)梳理和測(cè)試環(huán)節(jié)。為了更好掌握學(xué)生翻轉(zhuǎn)課堂的學(xué)習(xí)情況，教師提前設(shè)置了一個(gè)在線腦圖的檢查作業(yè)，要求學(xué)生分享他的百度腦圖鏈接。學(xué)生提交一次鏈接即可，教師檢查時(shí)可自動(dòng)更新學(xué)生的完成情況，從而了解學(xué)生對(duì)知識(shí)點(diǎn)的理解程度。同時(shí)，把知識(shí)點(diǎn)抽象為題庫(kù)，制作為一個(gè)限時(shí)15分鐘的測(cè)試活動(dòng)，學(xué)生可以在手機(jī)端進(jìn)行測(cè)試，測(cè)試結(jié)束后可以查看自己的成績(jī)排名和結(jié)果解析。

3.課中分析。課中15分鐘，查看全班學(xué)生的課前測(cè)試情況，并根據(jù)正確率進(jìn)行排序，找到學(xué)生錯(cuò)誤率最高的一些題目。分析具體題目與選項(xiàng)，在講解后查看題目解析。講解課前任務(wù)時(shí)，通過用量圖工具在這個(gè)快遞盒子上標(biāo)出CSS盒子模型的三個(gè)屬性，通過現(xiàn)實(shí)世界常見的事物與網(wǎng)頁(yè)設(shè)計(jì)抽象的CSS盒子模型的對(duì)應(yīng)關(guān)系幫助學(xué)生掌握教學(xué)重點(diǎn)。

4.量圖任務(wù)和課堂答疑。教師將網(wǎng)頁(yè)中常見結(jié)構(gòu)，如導(dǎo)航條、列表盒子用量圖工具發(fā)布量圖任務(wù)單，同時(shí)將任務(wù)單相關(guān)的圖片素材和文字內(nèi)容壓縮為解壓包發(fā)布到作業(yè)的附件中，并提出作業(yè)要求。學(xué)生在課堂上完成網(wǎng)頁(yè)設(shè)計(jì)任務(wù)過程中，遇到問題時(shí)可以相互答疑或者咨詢教師。

5.教學(xué)反饋。為了有依據(jù)地調(diào)整教學(xué)策略，整個(gè)教學(xué)過程中采取了三種方式來收集教學(xué)反饋：（1）答疑庫(kù)。學(xué)生在答疑活動(dòng)中提出自己的問題，教師一一進(jìn)行答復(fù)，也鼓勵(lì)學(xué)生互相答疑。如果學(xué)生能準(zhǔn)確解決同學(xué)問題，教師將給予經(jīng)驗(yàn)值獎(jiǎng)勵(lì)，學(xué)生積極性很高。（2）作業(yè)評(píng)論。學(xué)生提交作業(yè)后，教師在修改時(shí)除了給予分?jǐn)?shù)外，還會(huì)在評(píng)論中指出學(xué)生作業(yè)的錯(cuò)誤。如果學(xué)生在評(píng)論中請(qǐng)教了教師指出的錯(cuò)誤，教師可以在作業(yè)列表中查看消息提醒并進(jìn)行答復(fù)，如果學(xué)生能夠自行解決自己的錯(cuò)誤，則給予經(jīng)驗(yàn)值獎(jiǎng)勵(lì)。（3）課堂調(diào)查。在每個(gè)課堂階段，教師會(huì)發(fā)布一個(gè)課堂調(diào)查了解學(xué)生對(duì)教學(xué)內(nèi)容、教學(xué)形式和教學(xué)進(jìn)度的反饋情況。經(jīng)調(diào)查，98%的學(xué)生都能接受翻轉(zhuǎn)課堂的教學(xué)方式。

6.錯(cuò)誤找茬。課后批改作業(yè)的過程中，教師將學(xué)生作業(yè)中匯總的常見錯(cuò)誤頁(yè)面發(fā)布到教學(xué)資源中，讓學(xué)生在下次上課前15分鐘查看，并根據(jù)自己的理解換位思考，找出那些常見的錯(cuò)誤并進(jìn)行改正。鼓勵(lì)學(xué)生上臺(tái)演示自己的改正過程，并通過藍(lán)墨云的課堂表現(xiàn)對(duì)這些積極的學(xué)生進(jìn)行加分獎(jiǎng)勵(lì)。

7.綜合實(shí)戰(zhàn)。根據(jù)教學(xué)進(jìn)度安排，本門課程會(huì)安排相應(yīng)的綜合實(shí)戰(zhàn)任務(wù)，完成公司網(wǎng)頁(yè)設(shè)計(jì)。

（三）評(píng)價(jià)與考核

本門課程評(píng)價(jià)與考核分三個(gè)部分，課程總成績(jī)=平時(shí)成績(jī)（50%）+實(shí)踐考核（50%），具體構(gòu)成如下：（1）平時(shí)成績(jī)由藍(lán)墨云平臺(tái)經(jīng)驗(yàn)值構(gòu)成，不同活動(dòng)的權(quán)重不同。作業(yè)/測(cè)試占75%，獲贊占10%，其他活動(dòng)占15%。（2）實(shí)踐考核成績(jī)要求完成專題設(shè)計(jì)和效果圖制作（50%），包含表單元素和JavaScript交互（20%），文檔結(jié)構(gòu)合理（10%），最終發(fā)布到網(wǎng)絡(luò)空間（5%），可以正常訪問（5%）。（3）優(yōu)秀實(shí)踐作業(yè)將發(fā)布到藍(lán)墨云案例作品中作為展示。表現(xiàn)較好且有意愿的學(xué)生將被納入工作室創(chuàng)業(yè)開發(fā)團(tuán)隊(duì)，參與學(xué)生創(chuàng)新創(chuàng)業(yè)活動(dòng)。

二、教學(xué)實(shí)踐應(yīng)用效果分析

（一）課堂調(diào)查和討論答疑及時(shí)獲取學(xué)生的教學(xué)反饋

從2016年秋季學(xué)期開始，已實(shí)施5輪教學(xué)周期，共涉及13個(gè)教學(xué)班。通過在線調(diào)查問卷和隨機(jī)訪談的形式了解學(xué)生對(duì)該教學(xué)模式的認(rèn)可度。70%的學(xué)生對(duì)使用網(wǎng)絡(luò)教學(xué)平臺(tái)的學(xué)習(xí)主觀體驗(yàn)是認(rèn)可的，34%的學(xué)生比較認(rèn)可，4%的學(xué)生認(rèn)為說不清楚，2%的學(xué)生表示不太認(rèn)可。通過藍(lán)墨云班課的“討論答疑”活動(dòng)征集學(xué)生對(duì)課程的意見和建議時(shí)，有學(xué)生提出“教學(xué)視頻豐富，學(xué)到很多”“教學(xué)方式新穎，課堂氛圍輕松”“老師很認(rèn)真批改作業(yè)，我們得更努力”等。在期末教學(xué)質(zhì)量學(xué)生評(píng)價(jià)中，學(xué)生滿意度達(dá)到92%。

（二）教學(xué)資源和在線腦圖提升學(xué)生自主學(xué)習(xí)能力

課前推送教學(xué)視頻和在線腦圖的構(gòu)建可以促進(jìn)學(xué)生自主學(xué)習(xí)，學(xué)生可以根據(jù)視頻的內(nèi)容構(gòu)建腦圖知識(shí)樹，建立完整的知識(shí)體系，并且結(jié)合課前測(cè)試來檢查自學(xué)成果（見表1）。對(duì)部分自覺性差的學(xué)生，教師可以根據(jù)學(xué)生學(xué)習(xí)資源的學(xué)習(xí)反饋情況發(fā)送提醒通知，通過QQ、微信和課下面對(duì)面等方式與學(xué)生進(jìn)行私下交流溝通，指導(dǎo)學(xué)生自學(xué)。

（三）教學(xué)資源和教學(xué)活動(dòng)滿足學(xué)生個(gè)性化學(xué)習(xí)

靈活多樣的教學(xué)資源和教學(xué)活動(dòng)可以充分滿足學(xué)生個(gè)性化學(xué)習(xí)的需要。本課程共發(fā)布152個(gè)教學(xué)資源，覆蓋視頻、鏈接、文檔、圖片和其他等類型。經(jīng)調(diào)查，93%的學(xué)生花在視頻學(xué)習(xí)的時(shí)長(zhǎng)超過了總時(shí)長(zhǎng)的80%，說明學(xué)生能夠接受翻轉(zhuǎn)課堂的形式，保證課堂學(xué)習(xí)效果。

本課程共發(fā)布44個(gè)教學(xué)活動(dòng)，覆蓋投票問卷、討論答疑、測(cè)試、簽到、課堂表現(xiàn)、作業(yè)/小組任務(wù)等形式，具體構(gòu)成比例如圖1所示。除了未開展的頭腦風(fēng)暴形式，學(xué)生在各類教學(xué)活動(dòng)的參與程度平均達(dá)到90%，大大豐富了學(xué)生的課堂參與形式。

（四）經(jīng)驗(yàn)值評(píng)分系統(tǒng)讓學(xué)習(xí)自然發(fā)生

采用教學(xué)資源庫(kù)+藍(lán)墨云班課開展教學(xué)，可以利用網(wǎng)絡(luò)平臺(tái)的后臺(tái)功能全程記錄學(xué)生的整個(gè)學(xué)習(xí)過程，并根據(jù)學(xué)生的學(xué)習(xí)情況賦予相應(yīng)的經(jīng)驗(yàn)值，各類活動(dòng)的經(jīng)驗(yàn)值再根據(jù)教師實(shí)現(xiàn)賦予的權(quán)重重新計(jì)算，計(jì)入學(xué)生的期末總評(píng)，形成了對(duì)學(xué)生學(xué)習(xí)活動(dòng)的多維度分析與評(píng)價(jià)的過程。學(xué)生不僅在查看教學(xué)資源和參與教學(xué)活動(dòng)中獲得經(jīng)驗(yàn)值，還可以通過作業(yè)任務(wù)、熱心解答、獲取點(diǎn)贊、課程表現(xiàn)等方式獲得教師額外的經(jīng)驗(yàn)值獎(jiǎng)勵(lì)。通過平臺(tái)經(jīng)驗(yàn)值的統(tǒng)計(jì)，匯總成經(jīng)驗(yàn)值排行榜。

學(xué)生在手機(jī)端可以隨時(shí)查看自己的經(jīng)驗(yàn)值排名，也可以了解其他學(xué)生的學(xué)習(xí)情況。通過對(duì)13個(gè)教學(xué)班的觀察，絕大多數(shù)的學(xué)生都很在意自己的經(jīng)驗(yàn)值變動(dòng)情況。通過合理的教學(xué)活動(dòng)和點(diǎn)贊互動(dòng)，學(xué)生會(huì)積極比較自己與優(yōu)秀學(xué)生之間的差距，思考自己的優(yōu)勢(shì)與不足，從而形成相互競(jìng)爭(zhēng)的良好氛圍，激發(fā)學(xué)生的學(xué)習(xí)興趣。

（五）完整的學(xué)情分析讓教學(xué)調(diào)整有的放矢，實(shí)現(xiàn)因材施教

藍(lán)墨云平臺(tái)能夠提供同一個(gè)班級(jí)學(xué)生查閱資源、參與活動(dòng)和簽到等詳細(xì)的班課明細(xì)數(shù)據(jù)，并匯總為學(xué)情分析報(bào)告。通過查看這些統(tǒng)計(jì)數(shù)據(jù)了解本班學(xué)生的學(xué)習(xí)習(xí)慣和效果，有的放矢地調(diào)整教學(xué)進(jìn)度和教學(xué)活動(dòng)。

以2020—2021第一學(xué)期2020級(jí)電子商務(wù)2班為例，可知學(xué)生查閱資源的時(shí)間主要集中在早上8～9時(shí)、下午14～15時(shí)及晚上19～21時(shí)三個(gè)高峰期，因此資源發(fā)布的時(shí)間可定在中午12時(shí)和下午18時(shí)后發(fā)布。

圖2是低經(jīng)驗(yàn)值學(xué)生的學(xué)情分析，從中可以得知學(xué)生在討論答疑和作業(yè)活動(dòng)中與優(yōu)秀的學(xué)生存在明顯差異。找到這位學(xué)生，與其充分溝通，開展針對(duì)性的輔導(dǎo)，實(shí)現(xiàn)因材施教。

結(jié)語

本門課程依據(jù)“網(wǎng)頁(yè)設(shè)計(jì)”課程標(biāo)準(zhǔn)、前端設(shè)計(jì)崗位的基礎(chǔ)技能要求、學(xué)習(xí)者特征分析、現(xiàn)代教育技術(shù)理論及建構(gòu)主義學(xué)習(xí)理論，創(chuàng)設(shè)一個(gè)融多種信息化手段和教學(xué)法于一體的教學(xué)環(huán)境，通過上述實(shí)踐效果分析可知，基于網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)的教學(xué)模式改革實(shí)踐存在以下優(yōu)點(diǎn)：（1）課程使用了教學(xué)資源庫(kù)+藍(lán)墨云移動(dòng)信息化平臺(tái)貫穿教、學(xué)、練、測(cè)的完整教學(xué)環(huán)節(jié)，多次且深入的教學(xué)互動(dòng)與反饋，實(shí)現(xiàn)了自主學(xué)習(xí)、競(jìng)爭(zhēng)學(xué)習(xí)。（2）利用翻轉(zhuǎn)課堂和在線腦圖的方式覆蓋知識(shí)體系，彌補(bǔ)項(xiàng)目任務(wù)教學(xué)中知識(shí)點(diǎn)覆蓋不足的缺陷，夯實(shí)專業(yè)基礎(chǔ)。（3）利用經(jīng)驗(yàn)值系統(tǒng)形成學(xué)情報(bào)告，掌握學(xué)生學(xué)習(xí)過程的全程管理，形成競(jìng)爭(zhēng)學(xué)習(xí)的同時(shí)，也能對(duì)落后的學(xué)生因材施教。（4）大量的任務(wù)與實(shí)戰(zhàn)形成了作品導(dǎo)向，提倡學(xué)生解決實(shí)際問題、互相答疑、充分互動(dòng)、學(xué)以致用，深入挖掘?qū)W習(xí)能力，提升職業(yè)技能。

當(dāng)然，這一教學(xué)改革方式對(duì)教師需要提出更高要求。以學(xué)為中心而不是以師為中心這一原則要求教師必須制作更加豐富的教學(xué)資源，及時(shí)有效地調(diào)整教學(xué)方式，要求教師設(shè)計(jì)更加有意義的教學(xué)活動(dòng)，提高學(xué)生學(xué)習(xí)的積極性和參與度。教師的角色已經(jīng)由“教學(xué)者”轉(zhuǎn)向“組織者”，更加考驗(yàn)了教師的課程設(shè)計(jì)和課堂實(shí)施，如教師對(duì)教學(xué)資源、課前任務(wù)單、課上活動(dòng)、教學(xué)評(píng)價(jià)等的設(shè)計(jì)。

參考文獻(xiàn)

[1]王喜東，路兆銘，溫向明，等.面向“三通兩平臺(tái)”的教育信息網(wǎng)絡(luò)建設(shè)[J].電腦知識(shí)與技術(shù)，2015（7）：193-195.

[2]韓知音，劉桂香.高效課堂與現(xiàn)代教育技術(shù)手段的運(yùn)用[J].報(bào)刊薈萃，2017（3）：121.

[3]譚春蘭.基于藍(lán)墨云班課的翻轉(zhuǎn)課堂教學(xué)改革實(shí)踐[J].物流工程與管理，2016，38（6）：219-220+240.

[4]沈愛鳳，韓學(xué)芹.職業(yè)教育中“任務(wù)驅(qū)動(dòng)式”教學(xué)模式的探討與應(yīng)用[J].職教論壇，2016（2）：46-49.

Practice and Analysis of Teaching Mode Reform Based on Network Learning Platform for Web?Design Course

CHEN Sen-ling

（School of Foreign Languages and International Trade， Guangdong Teachers College of Foreign Languages and Arts， Guangzhou， Guangdong 510640， China）

Abstract： Based on the network learning platform of our teaching resources and Moso Teach， this paper analyzes the learning process data of 13 classes in the course of Web Design， describes the teaching mode reform based on the network platform combined with a teaching unit， and effectively solves the long-term problems such as overlooking web designing capabilities， a complete knowledge system or personalized cultivation. It has been proved by teaching practice that this teaching reform based on network learning platform is conducive to teaching students in accordance with their aptitudes， tapping their potential in learning， and improving their occupation skills.

Key words： network learning platform; teaching reform; Web Design