柴俊霞

（北京市東城區(qū)職業(yè)大學(xué)，北京 100020）

［關(guān)鍵字］新冠肺炎疫情；在線教學(xué)；網(wǎng)頁制作

一、研究背景

新冠肺炎疫情期間，成人院校固有的“線上+線下”的混合教學(xué)模式受到嚴(yán)重沖擊。在教育部“停課不停學(xué)”的政策下，成人院校完全線上教學(xué)必須迎難而上，在確?！熬€上+線下”已有教學(xué)優(yōu)勢的基礎(chǔ)上，還必須解決其存在的不足和問題。這就要求我們做到立足學(xué)生需求，創(chuàng)新教學(xué)模式，整合學(xué)習(xí)資源，進(jìn)行信息技術(shù)與教育學(xué)習(xí)深度融合。疫情期間的完全線上教學(xué)既是疫情時期教育維穩(wěn)的唯一出路，也是探索發(fā)展終身教育、開展遠(yuǎn)程教學(xué)的一次難得的機(jī)會。

二、“網(wǎng)頁制作實訓(xùn)”課程

“網(wǎng)頁制作實訓(xùn)”是北京市東城區(qū)職業(yè)大學(xué)網(wǎng)絡(luò)技術(shù)專業(yè)“畢業(yè)實訓(xùn)”課程的一個子課程。網(wǎng)絡(luò)技術(shù)專業(yè)的“畢業(yè)實訓(xùn)”課程總共由“UI設(shè)計實訓(xùn)”“網(wǎng)頁制作實訓(xùn)”“網(wǎng)站系統(tǒng)搭建”“網(wǎng)絡(luò)營銷推廣”四個子課程組成。在“UI設(shè)計實訓(xùn)”中，學(xué)生已經(jīng)根據(jù)真實項目需求設(shè)計出了網(wǎng)頁首頁效果圖、網(wǎng)頁欄目頁效果圖、網(wǎng)頁內(nèi)容頁效果圖。在“網(wǎng)頁制作實訓(xùn)”課程學(xué)習(xí)過程中，學(xué)生要利用已經(jīng)掌握的CSS+DIV+JS技術(shù)將三個網(wǎng)頁效果圖轉(zhuǎn)化為網(wǎng)頁文件（.html文件）。通過在真實項目中對網(wǎng)頁設(shè)計與制作的知識技能的實踐，提升學(xué)生網(wǎng)頁設(shè)計與制作的實戰(zhàn)能力和職業(yè)素養(yǎng)。

鑒于“網(wǎng)頁制作實訓(xùn)”較強(qiáng)的實踐性，本門課程采用項目式教學(xué)方法。在具體教學(xué)實踐中，教師首先根據(jù)制作網(wǎng)頁的步驟將網(wǎng)頁細(xì)分為一個個子項目，然后根據(jù)一個個子項目的任務(wù)目標(biāo)具體安排教學(xué)形式和教學(xué)活動。例如，任務(wù)目標(biāo)是決策結(jié)論的子項目一般采用面授形式，教學(xué)活動組織形式多采用教師主導(dǎo)下的交流討論；任務(wù)目標(biāo)是動手實踐的子項目一般采用“線上+線下”相結(jié)合的教學(xué)形式，教學(xué)活動組織形式采用自主學(xué)習(xí)+協(xié)作學(xué)習(xí)?！熬W(wǎng)頁制作實訓(xùn)”教學(xué)實施如圖1所示。

隨著“網(wǎng)頁制作實訓(xùn)”課程“線上+線下”的教學(xué)模式的深入實踐，逐漸暴露出一些問題，如：在項目開展之前，教師僅僅把學(xué)生在“網(wǎng)頁設(shè)計與制作”課程中的表現(xiàn)和考核成績作為“網(wǎng)頁制作實訓(xùn)”課程的學(xué)習(xí)基礎(chǔ)，并依此判斷學(xué)生在“網(wǎng)頁制作實訓(xùn)”實踐課程中所需的學(xué)習(xí)支持和環(huán)境資源，而忽略了學(xué)生綜合能力和職業(yè)素養(yǎng)的考核，忽略了實訓(xùn)類課程中學(xué)生參與實踐提升綜合能力所需的學(xué)習(xí)支持、學(xué)習(xí)環(huán)境和學(xué)習(xí)策略的考慮。這些學(xué)情上的分析不到位，導(dǎo)致線上學(xué)習(xí)資源安排不合適，部分學(xué)生無法自主完成項目任務(wù)。

另外，在實際教學(xué)過程中教師主導(dǎo)下的交流討論常常由于教師的主觀表達(dá)過多而變成“一言堂”，教師從“主導(dǎo)”變成“決策者”。學(xué)生的統(tǒng)籌規(guī)劃能力和自主創(chuàng)新能力很難得到鍛煉，降低了實訓(xùn)的意義和效果。例如，子項目1和子項目2的面授教學(xué)過程中，很多學(xué)習(xí)主動性不是很強(qiáng)的學(xué)生會過多依賴或附和指導(dǎo)老師的建議，而疏于自己想法的表達(dá)。這就導(dǎo)致學(xué)生主體參與的不充分和項目架構(gòu)考慮方面的片面性和創(chuàng)新缺失，進(jìn)而導(dǎo)致網(wǎng)頁架構(gòu)的不科學(xué)和沒有新意，最終造成網(wǎng)頁代碼冗余和可讀性差、后期維護(hù)難、客戶體驗不佳等后果。

子項目3中的小組分工，因為教師對于學(xué)生的綜合能力評價過于主觀，而對每個任務(wù)模塊所需的知識能力沒有細(xì)致規(guī)范的科學(xué)測評，導(dǎo)致了任務(wù)分工的不科學(xué)、不合理，必然影響項目任務(wù)的完成質(zhì)量。還有可能延長項目模塊周期，影響后續(xù)教學(xué)模塊的開展。同時，教師對學(xué)生的學(xué)情調(diào)研分析不到位，對于子項目銜接所需的聯(lián)通支持不到位，也會導(dǎo)致學(xué)生學(xué)習(xí)過程中的斷點或誤解，進(jìn)而降低學(xué)習(xí)效果。

子項目3和子項目4中的線上自主學(xué)習(xí)部分，學(xué)生在規(guī)定時間內(nèi)在教學(xué)平臺自主學(xué)習(xí)并完成模塊布局和樣式設(shè)計，如果有問題可以在教學(xué)平臺上給教師留言，教師會在固定的時間集中解答，或者等到下次面授課集中解答。教學(xué)平臺交互的滯后性，使得學(xué)生的學(xué)習(xí)障礙得不到及時清除，極大地影響了學(xué)生的學(xué)習(xí)激情。另外，教學(xué)平臺上欄目導(dǎo)航不清晰、資源建設(shè)不規(guī)范等，也讓很多學(xué)生失去了在線學(xué)習(xí)的興趣。

三、在線學(xué)習(xí)需求

在線學(xué)習(xí)，是指在由通訊技術(shù)、微電腦技術(shù)、計算機(jī)技術(shù)、人工智能技術(shù)、網(wǎng)絡(luò)技術(shù)和多媒體技術(shù)等所構(gòu)成的電子環(huán)境中進(jìn)行的學(xué)習(xí)，是基于技術(shù)的學(xué)習(xí)[1]。通過文獻(xiàn)調(diào)研發(fā)現(xiàn)，學(xué)生在線學(xué)習(xí)過程中的需求大概包括六個方面[2]，如圖2所示。

一是自我定位需求。為了能夠更好地完成學(xué)習(xí)任務(wù)，學(xué)生迫切希望能夠了解自己的知識技能水平，發(fā)現(xiàn)自己的優(yōu)勢和不足，以便有目的、有方向地尋求服務(wù)支持，提高完成任務(wù)的效率和質(zhì)量。二是溝通交流的需求。在線教學(xué)過程中，由于教師和學(xué)生都身處異地，溝通交流就成了完成教學(xué)任務(wù)、實現(xiàn)教學(xué)目標(biāo)最關(guān)鍵的因素。師生間、生生間及時的交流溝通，是教師及時調(diào)整教學(xué)策略進(jìn)行有效教學(xué)的必要條件，也是學(xué)生間實現(xiàn)協(xié)作學(xué)習(xí)的前提基礎(chǔ)。良好的溝通交流有助于充分發(fā)揮學(xué)生的學(xué)習(xí)主動性，建立良好的師生、生生合作氛圍。三是整合知識的需求。因為要想把以前所學(xué)的相對分散的知識形成體系、綜合應(yīng)用，以解決在接下來的學(xué)習(xí)中所面臨的問題、困惑，完成學(xué)習(xí)任務(wù)，就必須學(xué)會通過再現(xiàn)、整理、歸納等方法將已有的知識技能系統(tǒng)整合起來，教師也要積極通過情境搭建、案例引導(dǎo)、豐富多樣的教學(xué)資源幫助學(xué)員整合已有知識和技能。四是實踐應(yīng)用的需求。實踐應(yīng)用是檢驗學(xué)生知識技能應(yīng)用能力的重要途徑，也是培養(yǎng)學(xué)生綜合能力和職業(yè)素養(yǎng)的必由之路。同時，通過實踐應(yīng)用還能發(fā)現(xiàn)教學(xué)過程中存在的問題和不足，是未來教學(xué)改進(jìn)的重要依據(jù)。五是服務(wù)支持需求。在學(xué)生完成學(xué)習(xí)任務(wù)時，需要各種各樣的服務(wù)支持，如技術(shù)支持、策略支持、方法手段支持等。這些服務(wù)支持是學(xué)習(xí)任務(wù)順利完成的保障條件。六是評價激勵需求。及時得當(dāng)?shù)脑u價激勵能使學(xué)生在心理上獲得自信和成功的體驗，激發(fā)學(xué)生學(xué)習(xí)動機(jī)，誘發(fā)其參與興趣，內(nèi)化為其人格品質(zhì)，是激發(fā)其學(xué)習(xí)主動性的重要策略。這有助于學(xué)生的合作更得法、交流更有效，將為學(xué)生今后更加積極地參與后期項目任務(wù)、主動探究問題、不斷提高學(xué)習(xí)技能和方法，打下堅實的基礎(chǔ)。評價激勵是實現(xiàn)由促進(jìn)學(xué)生學(xué)習(xí)到促進(jìn)學(xué)生發(fā)展的重要方法，必定實現(xiàn)學(xué)生從在學(xué)業(yè)上的成果發(fā)展到最終走向社會的成功。

四、在線學(xué)習(xí)平臺需求

要想取得良好的在線學(xué)習(xí)效果，就必須根據(jù)在線學(xué)習(xí)需求搭建合適的實施平臺（如圖3所示）。為了能夠滿足學(xué)生自我定位需求，就必須提供具備信息調(diào)研和數(shù)據(jù)分析的調(diào)研平臺，如問卷星等。為了確保師生即時交流通暢，就必須提供能夠讓師生即時交流的交互平臺，如微信、QQ等。為了在學(xué)生之間順利開展協(xié)作學(xué)習(xí)，就必須借助必要的共享平臺助力學(xué)生間的協(xié)作學(xué)習(xí)，如在教學(xué)平臺上搭建小組學(xué)習(xí)模塊或探究學(xué)習(xí)模塊等等，必要時再輔以微信群、QQ群。為了保證在線學(xué)習(xí)的無障礙開展，還必須給學(xué)生提供必要的服務(wù)支持，如利用教學(xué)平臺為學(xué)生提供技術(shù)軟件支持、優(yōu)秀案例支持、常見問題處理支持等等。最后根據(jù)評價激勵需求，還應(yīng)該給學(xué)生提供必要的評價反饋平臺，為每一個學(xué)生建立電子檔案袋，如可以利用教學(xué)平臺的評價模塊對學(xué)生進(jìn)行學(xué)習(xí)時間、任務(wù)完成情況、作品展示、發(fā)言次數(shù)、為他人提供幫助次數(shù)等全方位的評價反饋。

五、“網(wǎng)頁制作實訓(xùn)”在線學(xué)習(xí)設(shè)計

疫情期間，要想克服之前“網(wǎng)頁制作實訓(xùn)”課程教學(xué)模式存在的教師指導(dǎo)過多、學(xué)生參與度低、項目流程不盡科學(xué)、師生交互滯后等弊端和問題，就必須要深入學(xué)情調(diào)研，創(chuàng)新教學(xué)設(shè)計，攻克知識重、難點；利用社交平臺，確保師生溝通順暢；整合學(xué)習(xí)資源庫，提高學(xué)生學(xué)習(xí)效率；豐富教學(xué)手段，力保所有學(xué)生都能達(dá)到教學(xué)目標(biāo)。

在2020新冠疫情期間，北京市東城區(qū)職業(yè)大學(xué)網(wǎng)絡(luò)18班“網(wǎng)頁制作實訓(xùn)”課程實施了基于在線平臺的項目式教學(xué)。即具體內(nèi)容的教學(xué)采用項目式教學(xué)方法，而教學(xué)活動的實施是基于各種在線平臺，如教學(xué)平臺、問卷星、騰訊會議、騰訊課堂、微信、QQ。在這些平臺中，教學(xué)平臺是“主課堂”場地，所有的教學(xué)安排、任務(wù)發(fā)布、作品提交、評價反饋等等都在“主課堂”進(jìn)行，而教學(xué)開展之前的學(xué)情調(diào)研、研發(fā)開展前期的市場調(diào)研、課下即時溝通交流等等都是通過“輔助課堂”完成的。這樣既保證了教學(xué)過程的完整性，也避免了教學(xué)活動和教學(xué)手段的單一性，極大地激發(fā)了學(xué)生的學(xué)習(xí)熱情。圖4為改革后的“網(wǎng)頁制作實訓(xùn)”在線教學(xué)實施流程。

“網(wǎng)頁制作實訓(xùn)”課程在線項目式教學(xué)與過去的項目式教學(xué)在教學(xué)流程上有著很大的不同。在項目式教學(xué)任務(wù)開展初期作了兩次基于問卷星平臺和互聯(lián)網(wǎng)搜索的基礎(chǔ)調(diào)研。一個是針對學(xué)生的學(xué)情調(diào)研，另一個是針對網(wǎng)頁制作的市場調(diào)研。這兩次調(diào)研是后期所有教學(xué)開展和教學(xué)活動設(shè)計的重要依據(jù)。

在項目式教學(xué)任務(wù)開始之前，基于問卷星平臺的學(xué)情調(diào)研已經(jīng)開始。本次參與學(xué)情調(diào)研問卷設(shè)計的人員不僅有之前網(wǎng)頁設(shè)計制作課程的相關(guān)老師，而且還邀請了行業(yè)專家，確保了問卷設(shè)計的科學(xué)有效。學(xué)情調(diào)研的內(nèi)容不僅是單純的網(wǎng)頁制作所需的知識和技能，而且還包括了學(xué)生的學(xué)習(xí)動機(jī)、學(xué)習(xí)習(xí)慣、社交平臺習(xí)慣、信息收集和整合能力、與他人的協(xié)作能力等。通過調(diào)研發(fā)現(xiàn)，網(wǎng)絡(luò)18班學(xué)生學(xué)習(xí)動機(jī)方面較為一致，都希望能夠通過實訓(xùn)課提高自己的網(wǎng)頁制作實戰(zhàn)能力和互聯(lián)網(wǎng)應(yīng)用能力。但在網(wǎng)頁制作能力方面卻存在著很大的個體差異。由于班里個別同學(xué)一直從事互聯(lián)網(wǎng)相關(guān)工作，因此其在網(wǎng)頁制作技術(shù)、信息收集和整合方面有著很強(qiáng)的優(yōu)勢，在相關(guān)領(lǐng)域的專業(yè)水平絕不亞于專業(yè)教師；但也有個別同學(xué)由于工作領(lǐng)域與互聯(lián)網(wǎng)關(guān)系不大，其網(wǎng)頁制作的技術(shù)學(xué)習(xí)僅限于之前的課堂學(xué)習(xí)。調(diào)研還發(fā)現(xiàn)網(wǎng)絡(luò)18班學(xué)生經(jīng)常使用微信、QQ作為社交工具，在與他人協(xié)作方面都有一定的經(jīng)驗、心得，都能較好地適應(yīng)協(xié)作環(huán)境。這些調(diào)研結(jié)論為項目組組長的候選和后期的分工協(xié)作提供了可靠的依據(jù)。在學(xué)情調(diào)研階段的最后，通過交流討論和提名選舉產(chǎn)生項目組組長。項目組組長的產(chǎn)生確保了接下來的工作的有序規(guī)范開展。

在學(xué)情調(diào)研完成后，項目指導(dǎo)組（教師+行業(yè)專家）還設(shè)計了“網(wǎng)頁制作市場調(diào)研”問卷，每名學(xué)生都要完成三份問卷調(diào)研。每份問卷都針對一個真實網(wǎng)站主頁展開調(diào)研，包括網(wǎng)頁的整體布局策略、網(wǎng)頁的樣式策略、網(wǎng)頁重要內(nèi)容的實現(xiàn)技術(shù)、網(wǎng)頁體驗效果等多個方面。在問卷調(diào)研完成后，由小組長組織項目指導(dǎo)組和項目組組員開展基于騰訊會議+微信平臺的市場調(diào)研分析討論。調(diào)研分析結(jié)果顯示，多數(shù)的網(wǎng)站網(wǎng)頁都是基于DIV技術(shù)的自適應(yīng)居中布局策略，網(wǎng)頁樣式多采用Link語句鏈接CSS樣式文件，網(wǎng)頁重要內(nèi)容的實現(xiàn)技術(shù)多采用基于JS的特效技術(shù)實現(xiàn)。DIV+CSS+JS技術(shù)在網(wǎng)頁制作方面的應(yīng)用，不僅精簡網(wǎng)頁代碼，提高了網(wǎng)頁訪問速度，而且確保了瀏覽器的兼容性。這種表現(xiàn)和結(jié)構(gòu)分離的技術(shù)也使得項目開發(fā)中更容易分工合作而減少相互關(guān)聯(lián)性，為我們后期的項目式教學(xué)開展提供了很好的技術(shù)實現(xiàn)參考。

在接下來的子項目開展過程中，學(xué)生主體作用的發(fā)揮和教師主導(dǎo)作用的發(fā)揮與以前的項目式教學(xué)也有著很大的差別。在項目任務(wù)實施的這三個階段中，為了確保組員溝通和分享的順暢，小組組建了微信溝通群和QQ群，方便大家及時溝通和資源的分享。為了保證每個人都能有發(fā)言溝通的效果，小組組長每次課前都提前申請預(yù)約了騰訊會議會議號。從網(wǎng)頁制作技術(shù)的選擇到網(wǎng)頁樣式的制作，再到小組的合作分工，都是小組組長帶領(lǐng)全體組員基于騰訊會議+微信平臺組織開展。在市場調(diào)研階段的后期階段，組長組織所有組員和項目指導(dǎo)組一起研究分析市場調(diào)研的問卷數(shù)據(jù)，在充分結(jié)合團(tuán)隊成員技術(shù)實力的基礎(chǔ)上，慎重選擇出適合項目組的開發(fā)策略，即基于DIV+CSS+JS技術(shù)制作網(wǎng)頁。在網(wǎng)頁整體布局階段和框架樣式階段，每個組員在討論前都必須寫出自己的策略和緣由，保證每個組員都能在會議上表達(dá)自己的想法和建議。其后組長組織所有成員從后期維護(hù)的方便性和客戶體驗的舒適度等角度積極討論決策布局策略和樣式設(shè)計。在子模塊整合和網(wǎng)頁調(diào)試階段，組長統(tǒng)籌子模塊整合，整合完成后小組成員按照組長的安排分工協(xié)作進(jìn)行瀏覽器瀏覽測試和代碼修整，力保網(wǎng)頁在所有瀏覽器效果都一致。在整個項目開展過程中，教師更多的作為項目流程的“指導(dǎo)顧問”“服務(wù)支持者”和“監(jiān)理員”，利用教學(xué)平臺發(fā)布驗收項目任務(wù)、收集整理學(xué)生參與實踐的過程性資料，利用騰訊課堂平臺指導(dǎo)總結(jié)項目開展情況，并提出優(yōu)化建議。即教師一方面作為“指導(dǎo)顧問”，在關(guān)鍵節(jié)點上指導(dǎo)輔助項目任務(wù)的開展，確保項目任務(wù)的順利開展；另一方面作為“服務(wù)支持者”，提供完成項目任務(wù)所需的各種支持，如軟件環(huán)境支持、學(xué)習(xí)平臺支持、知識庫支持等；再有就是教師還作為項目“監(jiān)理員”，監(jiān)督項目的實施開展，如在既定的時間節(jié)點提醒工期時間安排和驗收任務(wù)完成情況，以保證項目任務(wù)如期完成。

六、總結(jié)

經(jīng)過為期一個多月的教學(xué)實踐，“網(wǎng)頁制作實訓(xùn)”課程的在線項目式教學(xué)取得了理想的教學(xué)效果。學(xué)生的參與熱情空前提高，在騰訊會議和微信群聊中，學(xué)生們發(fā)言積極踴躍；在自主任務(wù)模塊，每個學(xué)生都能按協(xié)作要求保質(zhì)保量地完成自己的模塊任務(wù)，保證了后期子模塊整合的順暢和易維護(hù)。由于前期市場調(diào)研充分，制作技術(shù)方案定位與學(xué)生實際能力相關(guān)程度高，在網(wǎng)頁布局時，學(xué)生不僅快速完成了網(wǎng)頁布局，而且創(chuàng)新了網(wǎng)頁樣式，使得網(wǎng)站網(wǎng)頁在后期上線后取得了很好的客戶體驗。通過“網(wǎng)頁制作實訓(xùn)”課程的在線教學(xué)，不僅學(xué)生的網(wǎng)頁制作能力、信息收集整合能力、團(tuán)隊協(xié)作能力都得到了很大提高，而且教師的學(xué)情調(diào)研能力、在線教學(xué)策劃和組織能力也得到了一定的提升。但由于時間緊、任務(wù)重，后期的評價總結(jié)稍顯草略，下一輪的教學(xué)實踐必定加強(qiáng)評價環(huán)節(jié)的設(shè)計實施?？傊舜我咔槠陂g的在線教學(xué)實踐取得了預(yù)期的成果，也為今后的在線教學(xué)和終身教育提供了很好的借鑒經(jīng)驗。