混合教學模式在高職“網頁設計與制作”課程中的應用

王天嬌　丁可

摘要：高等教育的實踐課程，學生不僅需要掌握技術知識和技能，還需要掌握現代教學方法。因此，充分利用混合教學模式是提高大學生“網頁設計與制作”學習效率的重要途徑。混合式教學是一種運用現代教育技術，將傳統課堂教學與網絡教學相結合，將教學內容與各種教學方法相融合，彌補傳統教學方法不足的學習方式，在學習過程中，既要重視教師的引導和啟發，又要充分尊重學生自主學習，通過混合式學習模式，充分利用各種學習方法。

關鍵詞：混合教學模式；高職；網頁設計與制作

一、線上教學的有效方式

（一）課程線上直播的有效性

隨著5G時代的到來，混合式教學已經成為一種基本的教學方法。原則上，網頁設計和制作的學生都有一臺筆記本電腦，教師可以要求學生把筆記本帶到教室。一方面，學生可以正常觀察直播，另一方面，學生可以播放前面的所有直播內容。教師也可以儲存直播視頻，作為下一課的教學視頻。學生也可以在現場直播時積極互動，每個學生都能及時分享自己的桌面，必要時可以自由分享和交流內容，需要下載的內容可以通過固定的記錄及時發送到組中。因此，教師和學生需要直播課堂，記錄課堂細節，共享資源。

（二）視頻資源的充分利用

除了自己的實況視頻錄制，教師還可以使用優秀的在線工具來指導學生學習。網頁設計與制作是一門要求很高的軟件技術課程，由于大量的軟件和插件，教師可能無法及時掌握最新的技術和教學內容。在這種情況下，共享網上教育資源可以有效彌補教師自身的不足，學生也能及時掌握新的技術內容，一方面豐富了課程本身的教材；另一方面，學生的知識、設計能力也在增強。利用視頻資源的另一個重要功能是延長學生的學習時間，學生可能被要求在上課前使用視頻教學進行在線學習，教師可以在創建視頻時利用臨時節點，通常是20分鐘，15 - 20分鐘是理想的時間。正如前面提到的，學生很難適應45分鐘全程教學，短視頻課的內容更容易被學生認可和接受，教學效果也更理想。

（三）線上作業的分享和點贊

許多在線學習平臺都有作業輸入功能，非常方便學生學習。此外，學生可以在作業中展示自己，大大促進對作業的熱情。學生也可以隨時看到他們成長的過程，分享他們的作品。同時，也方便了教師的評論，教師可以及時有效地與學生交流，學生也能及時改正。

二、合理利用線下教學

（一）課堂上不再講軟件技術性的問題

軟件技術內容的教學通常是固定的，如果軟件沒有升級，可以使用以前的視頻資源，教師可以把視頻上傳到網上課堂，這樣學生可以自己學習。網絡教學應主要用于交流設計思想，一方面，增加了教學時間和課程內容，另一方面，提高了教學效率，充分增強了教學效果。

（二）充分給予學生展示自己作品的時間

作品的呈現不僅需要作品本身，還需要作者的解釋。設計需要創造性，需要由作者決定，在在線教學中，充分利用翻轉式學習可以滿足學生的自我表達欲望，同時幫助他們解讀自己的作品，進一步促進更好的課堂互動[1]。

三、線上線下混合式教學的可行性和必要性

在傳統教學模式中，師生在同一地點、同一時間，進行固定和有組織的教學行為。教學自由不夠，教學形式過于統一，網絡資源沒有得到充分利用，網絡便利沒有得到利用，在微觀經濟背景下成長起來的新一代年輕人無法適應。采用網上混合學習模式可以延長學生的學習時間，增強學生的創新能力，激發學生的學習欲望。

使用網絡教學方法可以減少學生對教學技能的依賴，在網絡課程中，教師可以花很多時間來交流和分享作品的設計和美學，也為生活的未來發展形成了良好的學習習慣，達到了高級學習的效果。

四、高職“網頁設計與制作”課程的特點及教學現狀

（一）高職“網頁設計與制作”課程的特點

1.掌握大量的基礎理論知識。該學科的核心內容包括HTML、CSS設計、DIV等知識。

2.要求學生具有較強的實踐能力。課程結束時，要求學生自己開發網站，通過所學知識達到要求。因此，學生必須有更高的實踐技能。

（二）高職“網頁設計與制作”課程教學現狀

1.學生參差不齊的基礎對教學要求不同。高職學生有三個來源，一個是高考生，另一個是相關專業的學生，他們在以前的學習中掌握了相關的網頁設計課程，學習起來比較容易，第三類學生屬于中職教育學生，他們的教育水平相對較低，他們在學習網頁設計和制作時會有些壓力。因此，學生來源不同會降低教學效率，嚴重影響教學質量。可適應具體情況的混合教學模式是解決這一教學問題的重要途徑。

2.教學理念的實施存在一定的缺陷。許多教師仍然使用傳統的教學方法，這種教學方法有一定的優勢，但從實際情況來看，學生對這種被動學習方法不太感興趣，強化思維使很多學生無法獨立思考。因此，許多學生無法在實踐活動中充分應用所學的理論知識，他們的實際應用能力沒有得到發展和提高。此外，這種教學方法在師生互動中缺乏積極性和自主性，往往導致學生回避問題，很少深入學習，對學習失去興趣，難以達到預期的學習效果[2]。

3.學習時間有限，難以滿足學生的學習需求。網頁設計制作的課程知識點多，課程標準要求的學習內容多，學習目標難度大，但規定的課程數量有限，教師教學壓力大，往往導致學生失去學習欲望。傳統教學方式下教師在課堂上主要是講解知識，學生需要更多的時間來理解知識，沒有足夠的時間讓學生思考和回答問題，不能讓學生獨立思考，學生的學習效率也不高。

4.考核方式有待優化。傳統的課堂考試是以期末考試為基礎的，學生一般學習比較散漫，或者過程考試，但忽略了過程監控和復習過程，所以學生沒有認真學習，因此評估方法需要優化。

五、采用混合式教學模式的背景分析

（一）學生學習情況分析

1.學生學習興趣不高。近年來，由于國家的重視，職業教育取得了很大進展，職業教育的一個重要組成部分，職業教育的質量主要由考試來保證。現有的教學模式基本保持理論和實踐教學，在理論課中，教師通過多媒體課件和課堂實踐逐一講解和分析知識點，這種教學模式存在許多教學問題，學生們對學習不感興趣[3]。

2.學習方式單一。傳統的教學方法是老師說學生聽，學生按時完成作業，學生不能實時查看教學過程，對于一些學生來說，他們希望在課前和課后重復學習，沒有與課程相關的學習工具，學生認為現有的教學方法單調乏味。

（二）可行性分析

根據對學習興趣和學習方法的調查，大多數學生畢業后會失去學習動力，如果不改變學習模式，就無法在社會中發展。

1．軟硬件設備可行。基本上，現在學校里每個學生都有一部手機，Wi - Fi幾乎復蓋了整個學校，計算機房在課外向學生開放，企業集團積極支持使用超級終端教學應用程序，硬件和軟件為混合式學習和教學提供了一個良好的基礎。

2.教師與學生可行。調查顯示，教師希望在教學中使用混合式學習方法，并希望通過修改教學方法來提高學生的學習興趣和知識轉移。至于學生，他們也希望能改變自己的學習方式，讓無聊的課程更加生動有趣，這樣他們就可以在學校學習更多的知識。

六、混合式教學模式的應用

根據課程的特點，結合網頁設計與制作課程的教學現狀，對傳統的教學方式進行分析和改革，改進教學理念和教學方法，將教師主導的教學方式和學生被動接受的教學方式相結合，成為以學生為中心的教學模式，更好地整合基礎知識和教學實踐。

（一）豐富課程資源

簡而言之，就是通過網絡平臺為學生提供高質量的MOOC內容，互聯網上有很多關于網頁設計和制作的MOOC課程，但學生很難在網絡課程中找到MOOC的知識和充分學習。因此，根據本課程的教學目標，教師可以找到適合學生的MOOC資源，上傳到網絡平臺，以便學生在課下學習。

（二）課堂組織靈活，加強實踐教學

混合教學模式強調網上學習和線下學習的結合。因此，混合學習模式的關鍵是提前編制課程，學生通過網絡平臺學習，自己思考，提前了解知識內容，完成開放的學習任務。通過該平臺，教師和學生可以相互交流和互動，獲得必要的知識點，這些知識點可以增加課堂練習和教學的時間。在交流和互動的過程中，可以更好地引導學生的思維，加強師生之間的關系。

（三）加強監督，引導學生自學

在混合教學模式下，教師必須密切關注預定任務的完成情況。學生可以獨立學習，分配任務，加強互動，在線提交作業和回答問題，教師可以通過課堂問答方法檢查學生的學習情況。

七、混合式項目課程設計

（一）創建學習環境

創造一個混合的學習環境是基于項目的混合教學的基礎。混合式學習環境通常指的是傳統的課堂學習環境，教師通過知識傳授和技能展示，幫助學生掌握基本的知識，從而促進系統知識的傳授，實現學習目標。網上教學環境是利用軟件和硬件將課堂教學傳輸到網上，依靠廣泛的數字學習工具和各種在線資源，特別是在線學習平臺的強大互動能力，幫助學生通過工作分享和協作完成項目計劃，并培養探究和創新精神。

（二）準備基礎知識

項目學習中基本技能的培養是必不可少的，只有具備一定的基礎，學生才能進行獨立的研究，以滿足學習項目的要求。基礎訓練由一名教師領導，教授教學中一些復雜的概念、原理和操作方法。以Web Design和Production課程為例，該課程側重于基本的HTML標記和屬性，以及CSS的基本用法，教師從整個學科的角度設計教學內容，全面考慮各級學生的認知需求，幫助學生形成基本體系。通過理解知識，激發學習興趣，培養項目學習中的積極性和主動性。

（三）設置合理項目

主要內容：學生可以自己動手，通過網上自學，運用簡單的知識點。教學要點：學生很難獨立學習，第一次使用混合教學模式，教師可以進行演示并引導討論，讓學生完成整個過程。實踐項目：通過有針對性地應用課程知識，可以了解學習的哪些方面需要改進，了解學生如何掌握知識。

（四）多元評價模式

混合教學模式結合了傳統的線下學習和在線學習。教學考核方案由三個主要部分組成：傳統課堂實踐、階段性考核和在線學習考核。因此，除了課堂評價和績效評價之外，學生在網絡環境下的表現也起著重要的作用。考核結果并不是學習動機的唯一標準，對學生在線平臺學習數據的分析和總結可以反映學生的學習狀況和實際技能。

八、混合模式教學實施

（一）準備環節

在課程設計中，教師不僅要考慮如何正確安排課程內容，還要考慮如何連接不同的知識點，然后提供相關知識點的擴展內容，以保證學生能夠快速準確地獲取他們想要的信息。同時，對師生互動和教學效果評價進行精心設計，以提高學生的學習興趣和解決及分析問題的能力。

（二）自學環節

自主學習注重培養學生的自主學習能力，作為網絡環境下自主學習的一部分，教師根據學生的興趣和優勢設計自學內容，以應對一些合適的問題，引導學生參與網絡學習，提高學生自學模式下的自學效率。同時，教師還可以利用信息技術與學生建立電子郵件、QQ小組等多個溝通渠道，以增強學生的溝通能力，并幫助學生解決學習問題，成功完成自學任務激發學生的主觀能動性。

（三）教學環節

教學的銜接是通過傳統的課堂和信息課程來實現的，混合式教學主要利用網絡軟硬件環境演示課程內容。在教學過程中，教師通過網絡資源向學生傳遞教學內容，使學生能夠及時收到教材。同時，教師可以與學生談論多媒體管理平臺，隨時了解學生的學習過程，合理記錄學習進展，并為師生提供最大限度的信息資源，充分保證教學的順利進行，對促進學生學習起到良好的作用。

（四）交互環節

互動是信息環境下教學過程的重要組成部分，直接影響著師生的教學質量。教師可以在互動環節適當利用互動平臺，為學生創造良好的交流環境，了解學生的學習成績，進行教學評價等。教師還應適當檢查交互環節信息，讓學生思考典型問題，提高課程質量。

（五）操作環節

操作環節是提高學生工作能力，促進學生發展的關鍵。在當前的信息環境下，在課程教學模式下，教師非常重視培養學生的能力，逐步提高操作性學習的比例。在操作環節中，教師可以使用信息平臺建立目標模擬操作系統，使學生能夠理解模擬環境中的操作知識和技能。

（六）測試與評價

重點對測試和評價過程進行評估，通過網絡平臺的每個知識點、模塊確定測試內容。學生不僅可以在學習過程中隨時檢查學習效果，還可以獲得即時反饋。此外，測試是在高度開放和團隊合作的條件下進行的。教師在課堂上實時評價學生的作業，學生得到實時反饋，學生取得良好的學習效果。

九、結語

總之，混合式教學模式在網頁設計和制作中的應用極大地豐富了傳統課堂，也與學生的現代思維和學習模式相適應。不同學習途徑的結合有助于培養學生的自學能力和實踐能力。混合式學習受時間限制，教師可以靈活教學，學生可以自主學習，這對提高高等教育的學習質量有積極作用。H

參考文獻

[1]麻少秋.網頁設計與制作課程信息化建設的思考與實踐[J].信息與電腦（理論版），2021，33（08）：254-256.

[2]夏維.信息化條件下高職網頁設計與制作混合式教學模式研究[J].科學咨詢（教育科研），2020（08）：53.

[3]葉婉秋.混合式教學在高職《網頁設計與制作》課程的應用研究[J].電腦知識與技術，2019，15（07）：235-236.

基金項目：2022年度信陽市哲學社會科學規劃課題“以職業能力為導向的高職院校混合式教學模式探究——以《網頁設計與制作》課程為例”（項目編號：2022JY116）