廣東省財(cái)經(jīng)職業(yè)技術(shù)學(xué)校，廣東佛山 528231

線上教學(xué)在帶來(lái)挑戰(zhàn)的同時(shí)，也為教師提供了巨大的思考空間。新的教學(xué)手段帶來(lái)了很多啟迪，也提供了很多新的突破口。廣大教師應(yīng)主動(dòng)思考，積極研究，讓線上線下混合式教學(xué)成為教學(xué)新常態(tài)。

線上教學(xué)的其中一個(gè)挑戰(zhàn)是現(xiàn)場(chǎng)感不足、監(jiān)控力度小。如果教師課堂內(nèi)容沒(méi)有精心設(shè)計(jì)、手段不豐富就很難吸引學(xué)生。所以線上教學(xué)逼著教師開(kāi)始真正探究以“學(xué)為中心”的教學(xué)。

線上教學(xué)以海量的學(xué)習(xí)資源為基礎(chǔ)，帶給了教師重要的思考。如何引導(dǎo)學(xué)生選擇適合自己的學(xué)習(xí)資源？如何引導(dǎo)學(xué)生進(jìn)行自主高效的個(gè)性化學(xué)習(xí)？教師積極引導(dǎo)學(xué)生進(jìn)行個(gè)性化自主學(xué)習(xí)，能培養(yǎng)學(xué)生的學(xué)習(xí)能力和創(chuàng)造能力，不再是機(jī)械的照搬教材，讓學(xué)生終身受益。

如何在中職學(xué)校的課堂中應(yīng)用混合式教育呢？筆者們以《網(wǎng)頁(yè)制作與設(shè)計(jì)》課程為例，談一談線上線下混合式教學(xué)模式在中職學(xué)校的實(shí)踐研究。

中職《網(wǎng)頁(yè)制作與設(shè)計(jì)》課程系統(tǒng)介紹了Dreamweaver CS6 軟件的基本操作方法和網(wǎng)頁(yè)設(shè)計(jì)制作方法，包括軟件入門(mén)、文本與文檔、圖像與多媒體、超鏈接、使用表格、使用層、使用樣式、模板與庫(kù)、網(wǎng)頁(yè)代碼等內(nèi)容。

下面以本課程第9章模板與庫(kù)為例。

在本章的第一節(jié)，教學(xué)內(nèi)容是模板。教學(xué)目標(biāo)是了解模板的概念，掌握模板在網(wǎng)頁(yè)中的應(yīng)用。

在課前，教師在18級(jí)電商班中通過(guò)問(wèn)卷星發(fā)布調(diào)查問(wèn)卷，了解該班學(xué)生的學(xué)習(xí)需求和對(duì)本章節(jié)掌握的情況。問(wèn)卷中，關(guān)于學(xué)生喜歡怎樣的授課方式里，90%以上的學(xué)生都比較希望教師能運(yùn)用多種方式授課，比如邊講課邊演示的方式、小組討論方式、個(gè)人輔導(dǎo)方式、線上討論、課后輔助、互動(dòng)性強(qiáng)的授課方式。

教師通過(guò)問(wèn)卷星發(fā)布調(diào)查問(wèn)卷，了解學(xué)生的學(xué)習(xí)需求和對(duì)本章節(jié)掌握的情況，最后得到結(jié)論，大部分的同學(xué)已經(jīng)熟練掌握了以往的教學(xué)內(nèi)容，如在網(wǎng)頁(yè)中插入圖片，文字，超鏈接。在這個(gè)基礎(chǔ)上，使用模板批量制作網(wǎng)頁(yè)，從而獨(dú)立完成一個(gè)企業(yè)網(wǎng)站就是水到渠成的事情了。教師根據(jù)這些學(xué)情分析，量身定做了教學(xué)設(shè)計(jì)，從而能夠保證教學(xué)設(shè)計(jì)有的放矢，讓同學(xué)們?cè)谟邢薜恼n堂時(shí)間內(nèi)得到最大的提升。

在本章的第一節(jié)，教學(xué)內(nèi)容是模板。教學(xué)目標(biāo)是掌握模板在網(wǎng)頁(yè)中的應(yīng)用。本課是綜合實(shí)訓(xùn)，讓學(xué)生通過(guò)模板批量制作網(wǎng)頁(yè)，從而能夠獨(dú)立制作完成一個(gè)企業(yè)網(wǎng)站。

在課前，教師通過(guò)教學(xué)平臺(tái)發(fā)布了課前任務(wù)。全班同學(xué)打開(kāi)教學(xué)平臺(tái)，瀏覽任務(wù)內(nèi)容，并分組完成。在課前任務(wù)中，全班分為多個(gè)小組，每個(gè)小組分配一個(gè)行業(yè)。如第一組是女裝，第二組是辦公用品，第三組是工藝品，第四組是汽車(chē)用品，第五組是母嬰用品，第六組是數(shù)碼產(chǎn)品，第七組是保健品，第八組是玩具，等等。

各個(gè)小組通過(guò)教學(xué)平臺(tái)中的留言工具，在線上互相討論，分工合作。每個(gè)組員通過(guò)搜索引擎找到一張本組行業(yè)的企業(yè)網(wǎng)站截圖，分享給組員。經(jīng)過(guò)討論后，選出一張簡(jiǎn)潔美觀的企業(yè)網(wǎng)站截圖。小組成員將這個(gè)截圖作為參照頁(yè)，制作完成一個(gè)企業(yè)網(wǎng)站。

接下來(lái)，每個(gè)小組根據(jù)自己的行業(yè)，找出5個(gè)產(chǎn)品分類。根據(jù)分類，找到每個(gè)分類的5 張產(chǎn)品圖片。根據(jù)其中一張產(chǎn)品圖片，找到對(duì)應(yīng)的淘寶鏈接。將這些材料共享到小組文件夾中。

同學(xué)們通過(guò)線上的課前任務(wù)，搜集了制作一個(gè)企業(yè)網(wǎng)站必要的素材，在接下來(lái)的課堂中，將利用這些素材，獨(dú)立制作完成一個(gè)企業(yè)網(wǎng)站。

在課中，教學(xué)轉(zhuǎn)向了線下，教師與學(xué)生零距離接觸，掌握每一個(gè)小組的預(yù)習(xí)情況，課堂任務(wù)完成情況，接收學(xué)生的反饋，指導(dǎo)學(xué)生高效完成課堂任務(wù)。

首先，教師利用多媒體演示，回顧了課前各小組的準(zhǔn)備情況，并做出了簡(jiǎn)短的點(diǎn)評(píng)。有的小組交流充分，準(zhǔn)備的素材也比較到位，教師通過(guò)評(píng)分板給予加分。接下來(lái)，教師演示并講解如何通過(guò)模板批量制作網(wǎng)站，最終完成一個(gè)企業(yè)網(wǎng)站。教師布置課堂任務(wù)，要求各小組成員根據(jù)小組文件夾中的素材，使用模板各自完成一個(gè)企業(yè)網(wǎng)站。

小組成員打開(kāi)共享的小組文件夾，找到了一張企業(yè)網(wǎng)站截圖。打開(kāi)Dreamweaver 軟件，新建一個(gè)站點(diǎn)，在主頁(yè)中插入截圖。將主頁(yè)轉(zhuǎn)成模板。接下來(lái)，在模板中插入一個(gè)層，將層移動(dòng)到導(dǎo)航的位置，輸入首頁(yè)以及5個(gè)產(chǎn)品分類的名稱。在模板中插入一個(gè)層，將層移動(dòng)到正文的位置，設(shè)置為可編輯區(qū)域。通過(guò)模板創(chuàng)建6個(gè)網(wǎng)頁(yè)，分別命名為index、1、2、3、4、5。在網(wǎng)頁(yè)1、2、3、4、5 中各自插入不同的產(chǎn)品圖片。為產(chǎn)品圖片加上淘寶鏈接。

回到模板，給導(dǎo)航位置的首頁(yè)及5個(gè)產(chǎn)品分類名稱加上對(duì)應(yīng)的網(wǎng)頁(yè)鏈接。保存全部網(wǎng)頁(yè)。這樣，一個(gè)完整的企業(yè)網(wǎng)站就制作成功了。

同學(xué)們利用課前準(zhǔn)備好的素材，獨(dú)立制作完成了一個(gè)企業(yè)網(wǎng)站。在整個(gè)課堂中，教師都在巡堂，觀察每個(gè)小組的任務(wù)完成情況，針對(duì)每個(gè)小組出現(xiàn)的問(wèn)題，給與個(gè)性化的指導(dǎo)。有的小組成員事先在線上進(jìn)行了充分溝通，選出了大家都滿意的企業(yè)網(wǎng)站參照頁(yè)，因此在企業(yè)網(wǎng)站的制作過(guò)程中，摸索的時(shí)間就比較少，完成作品所用時(shí)間較少。有的小組成員在線上各自分工搜集好了素材，準(zhǔn)備充分，因此在企業(yè)網(wǎng)站的制作過(guò)程中，素材拿來(lái)就用，不必臨時(shí)再去搜集，大大節(jié)省了時(shí)間。有的小組對(duì)于模板的使用仍然不夠熟練，在制作網(wǎng)站的過(guò)程中，模板應(yīng)用不規(guī)范，出現(xiàn)了一些空鏈接，整個(gè)網(wǎng)站并沒(méi)有成為一個(gè)相互連通的整體。有的小組對(duì)于之前講授的知識(shí)點(diǎn)掌握不到位，以至于在網(wǎng)頁(yè)中插入圖片，文字，超鏈接，層，都出現(xiàn)了操作不熟練，忘記操作步驟的問(wèn)題。在巡堂過(guò)程中，教師根據(jù)各小組的這些情況，在評(píng)分板上給出了相應(yīng)的打分。

在課后，小組成員將自己制作的企業(yè)網(wǎng)站上傳到服務(wù)器，獲得網(wǎng)址。此時(shí)，整個(gè)教學(xué)環(huán)節(jié)又轉(zhuǎn)到了線上，在線上教學(xué)平臺(tái)，學(xué)生將網(wǎng)址分享給小組成員，由小組成員互相評(píng)分。教師根據(jù)各小組的作品完成情況，以及小組合作情況，給各小組打分并在教學(xué)平臺(tái)公布。

在本次教學(xué)活動(dòng)中，在課前，學(xué)生充分利用線上教學(xué)平臺(tái)展開(kāi)小組討論、小組分工合作，在課前準(zhǔn)備好了制作網(wǎng)站的所有材料。在課中，只需要利用這些材料，通過(guò)模板快速制作成企業(yè)網(wǎng)站。在課后，將企業(yè)網(wǎng)站上傳到服務(wù)器，獲得網(wǎng)址。在教學(xué)平臺(tái)分享自己作品的網(wǎng)址，并且相互評(píng)分。

傳統(tǒng)的教學(xué)模式是照搬教科書(shū)提供的素材、案例，按照步驟完成課堂實(shí)訓(xùn)。本課的線上+線下混合式教學(xué)，將學(xué)習(xí)的主動(dòng)權(quán)交給學(xué)生，由學(xué)生在線上尋找網(wǎng)站參照頁(yè)、搜集素材，教師在線下教學(xué)中給與個(gè)性化指導(dǎo)，從而讓學(xué)生獨(dú)立自主完成了網(wǎng)頁(yè)制作的整個(gè)過(guò)程。由于學(xué)生完整體會(huì)了一個(gè)網(wǎng)站從無(wú)到有的過(guò)程，因此記憶深刻，掌握知識(shí)點(diǎn)也非常牢固。在整個(gè)教學(xué)過(guò)程中，學(xué)生根據(jù)教師的引導(dǎo)，從無(wú)到有，自己搜集材料，自己制作網(wǎng)站，自己上傳網(wǎng)站，一步一步完成了自己的作品。整個(gè)過(guò)程充分利用了線上教學(xué)平臺(tái)，學(xué)生在教學(xué)平臺(tái)上進(jìn)行小組討論，分工合作，分享點(diǎn)評(píng)。教師在課堂中檢查各小組的作品完成情況，及時(shí)給予指導(dǎo)。通過(guò)線上+線下混合教學(xué)，激發(fā)了學(xué)生的自主學(xué)習(xí)意識(shí)、主動(dòng)探索精神，讓學(xué)生完全投入完成了網(wǎng)頁(yè)作品，完滿達(dá)成了教學(xué)目標(biāo)。

最后，我們對(duì)學(xué)生學(xué)習(xí)本次課的情況進(jìn)行問(wèn)卷反饋。從圖1的數(shù)據(jù)可以看出學(xué)生通過(guò)線上線下混合式教學(xué)模式的學(xué)習(xí)，對(duì)模板知識(shí)點(diǎn)的掌握程度是非常好的，達(dá)到了教學(xué)的目的。

圖1 學(xué)生學(xué)習(xí)模板的掌握程度反饋

綜上所述，線上+線下混合式教學(xué)進(jìn)一步明確了教師應(yīng)該是“用教材教”，而非“教教材”，不是教知識(shí)，而是知識(shí)與能力并重。一味地選用他人資源會(huì)讓教師迷失教學(xué)方向。如何篩選教學(xué)資源為自己所用，為學(xué)生所用，成了今后教師的一項(xiàng)關(guān)鍵能力。教師更應(yīng)根據(jù)自己對(duì)教學(xué)內(nèi)容的理解，在自己原有的教學(xué)基礎(chǔ)上，適度適量地充實(shí)與整合優(yōu)秀資源，以達(dá)成教學(xué)環(huán)節(jié)的最優(yōu)化。