線上線下混合式教學模式在中職學校的實踐研究

廣東省財經職業技術學校，廣東佛山 528231

線上教學在帶來挑戰的同時，也為教師提供了巨大的思考空間。新的教學手段帶來了很多啟迪，也提供了很多新的突破口。廣大教師應主動思考，積極研究，讓線上線下混合式教學成為教學新常態。

線上教學的其中一個挑戰是現場感不足、監控力度小。如果教師課堂內容沒有精心設計、手段不豐富就很難吸引學生。所以線上教學逼著教師開始真正探究以“學為中心”的教學。

線上教學以海量的學習資源為基礎，帶給了教師重要的思考。如何引導學生選擇適合自己的學習資源？如何引導學生進行自主高效的個性化學習？教師積極引導學生進行個性化自主學習，能培養學生的學習能力和創造能力，不再是機械的照搬教材，讓學生終身受益。

如何在中職學校的課堂中應用混合式教育呢？筆者們以《網頁制作與設計》課程為例，談一談線上線下混合式教學模式在中職學校的實踐研究。

中職《網頁制作與設計》課程系統介紹了Dreamweaver CS6 軟件的基本操作方法和網頁設計制作方法，包括軟件入門、文本與文檔、圖像與多媒體、超鏈接、使用表格、使用層、使用樣式、模板與庫、網頁代碼等內容。

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

在本章的第一節，教學內容是模板。教學目標是了解模板的概念，掌握模板在網頁中的應用。

在課前，教師在18級電商班中通過問卷星發布調查問卷，了解該班學生的學習需求和對本章節掌握的情況。問卷中，關于學生喜歡怎樣的授課方式里，90%以上的學生都比較希望教師能運用多種方式授課，比如邊講課邊演示的方式、小組討論方式、個人輔導方式、線上討論、課后輔助、互動性強的授課方式。

教師通過問卷星發布調查問卷，了解學生的學習需求和對本章節掌握的情況，最后得到結論，大部分的同學已經熟練掌握了以往的教學內容，如在網頁中插入圖片，文字，超鏈接。在這個基礎上，使用模板批量制作網頁，從而獨立完成一個企業網站就是水到渠成的事情了。教師根據這些學情分析，量身定做了教學設計，從而能夠保證教學設計有的放矢，讓同學們在有限的課堂時間內得到最大的提升。

在本章的第一節，教學內容是模板。教學目標是掌握模板在網頁中的應用。本課是綜合實訓，讓學生通過模板批量制作網頁，從而能夠獨立制作完成一個企業網站。

在課前，教師通過教學平臺發布了課前任務。全班同學打開教學平臺，瀏覽任務內容，并分組完成。在課前任務中，全班分為多個小組，每個小組分配一個行業。如第一組是女裝，第二組是辦公用品，第三組是工藝品，第四組是汽車用品，第五組是母嬰用品，第六組是數碼產品，第七組是保健品，第八組是玩具，等等。

各個小組通過教學平臺中的留言工具，在線上互相討論，分工合作。每個組員通過搜索引擎找到一張本組行業的企業網站截圖，分享給組員。經過討論后，選出一張簡潔美觀的企業網站截圖。小組成員將這個截圖作為參照頁，制作完成一個企業網站。

接下來，每個小組根據自己的行業，找出5個產品分類。根據分類，找到每個分類的5 張產品圖片。根據其中一張產品圖片，找到對應的淘寶鏈接。將這些材料共享到小組文件夾中。

同學們通過線上的課前任務，搜集了制作一個企業網站必要的素材，在接下來的課堂中，將利用這些素材，獨立制作完成一個企業網站。

在課中，教學轉向了線下，教師與學生零距離接觸，掌握每一個小組的預習情況，課堂任務完成情況，接收學生的反饋，指導學生高效完成課堂任務。

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

小組成員打開共享的小組文件夾，找到了一張企業網站截圖。打開Dreamweaver 軟件，新建一個站點，在主頁中插入截圖。將主頁轉成模板。接下來，在模板中插入一個層，將層移動到導航的位置，輸入首頁以及5個產品分類的名稱。在模板中插入一個層，將層移動到正文的位置，設置為可編輯區域。通過模板創建6個網頁，分別命名為index、1、2、3、4、5。在網頁1、2、3、4、5 中各自插入不同的產品圖片。為產品圖片加上淘寶鏈接。

回到模板，給導航位置的首頁及5個產品分類名稱加上對應的網頁鏈接。保存全部網頁。這樣，一個完整的企業網站就制作成功了。

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

在課后，小組成員將自己制作的企業網站上傳到服務器，獲得網址。此時，整個教學環節又轉到了線上，在線上教學平臺，學生將網址分享給小組成員，由小組成員互相評分。教師根據各小組的作品完成情況，以及小組合作情況，給各小組打分并在教學平臺公布。

在本次教學活動中，在課前，學生充分利用線上教學平臺展開小組討論、小組分工合作，在課前準備好了制作網站的所有材料。在課中，只需要利用這些材料，通過模板快速制作成企業網站。在課后，將企業網站上傳到服務器，獲得網址。在教學平臺分享自己作品的網址，并且相互評分。

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

最后，我們對學生學習本次課的情況進行問卷反饋。從圖1的數據可以看出學生通過線上線下混合式教學模式的學習，對模板知識點的掌握程度是非常好的，達到了教學的目的。

圖1 學生學習模板的掌握程度反饋

綜上所述，線上+線下混合式教學進一步明確了教師應該是“用教材教”，而非“教教材”，不是教知識，而是知識與能力并重。一味地選用他人資源會讓教師迷失教學方向。如何篩選教學資源為自己所用，為學生所用，成了今后教師的一項關鍵能力。教師更應根據自己對教學內容的理解，在自己原有的教學基礎上，適度適量地充實與整合優秀資源，以達成教學環節的最優化。