混合式教學在高職《網頁設計與制作》課程的應用研究

摘要：《網頁設計與制作》課程教學要根據高職學生的實際情況和特點，以職業為導向、以專門技能的形成為目標、學生為主體，引入翻轉課堂的混合式教學方法、調整教學內容、重視過程考核等方面，嘗試對本課程進行改革。

關鍵詞：高職；網頁設計與制作；翻轉課堂；課程教學

中圖分類號：G424 文獻標識碼：A

文章編號：1009-3044（2019）07-0235-02

隨著互聯網的蓬勃發展，網站開發市場需求量一直在節節攀升，《網頁設計與制作》課程已成了各高職院校計算機應用專業學生的核心課程，主要講授的內容有Html標記、表格布局、Div布局、Css樣式、JavaScript 腳本語言等，課程知識點很多，如何在有限的課時里學好并掌握課程內容，需要借助信息技術，將傳統的課堂教學和現代的翻轉課堂搬進校園，滿足學生個性化的需求，培養學生的實際操作和頁面設計的能力，通過混合式教學模式充分調動學生自主學習的積極性和制作網頁的興趣性，讓學生熟練掌握網頁設計流程和開發能力。基于對相關理論的學習研究，開展高職院校翻轉課堂混合式的教學實踐與研究。

1 教學現狀及其原因

《網頁設計與制作》課程通常是采用理論講解與實踐操作并進的方式授課，老師講解基本知識點、示范基本操作，學生模仿練習，網頁設計代碼的知識點簡單、標記和屬性名繁雜、課時有限、任務實施進度快、記憶有難度。在多年的網頁設計教學過程中發現，高職學生普遍缺乏學習興趣，接受能力有限，英文基礎薄弱，代碼輸入錯誤率高；課外不預習復習，課上缺乏與老師互動，或者認為基礎知識很簡單，不屑認真聽講，等到自己操作時，無所適從；學習主動性差，遇到代碼出錯，自行解決問題的學生少之又少；知識點積累多了，缺少復習環節，勢必缺乏對全面知識牢固掌握，最終課程結束也不會對網頁做合理的布局和設計。教師實施課堂教學時，老師雖然力求上好每一節課，然而沒有學生的積極配合，是收不到成效的，課程結束時能獨立設計和制作出規范又美觀的網頁作品屈指可數。如何結合高職計算機專業學生自身特點和課程的特點，以就業崗位的為導向，職業能力為目標，探索與構建一套適用于本課程的有效的教學模式，對本課程進行教學改革的研究就顯得非常重要。

2 課程教學改革

高等職業教育是以職業崗位為導向，以專門技能的形成為目標，突出能力的重要性，該課程的教學內容、教學方法、教學手段的設計要體現出以“能力為本位、就業為導向”原則推進課程改革才有意義，才能將教學目標落到實處。翻轉課堂作為一種結合現代信息技術的最新的教學方法，在教學中逐漸推廣。在本課程教學中，怎樣才能有效地進行課堂翻轉，設計好課外學習任務和課內任務，有效組織學生進行自主學習及實踐能力培養是值得探討的，通過實踐，本課程的課程教學作了一下幾個方面的改革：

2.1 課程教學內容的改革

信息技術應用發展很快，應用軟件不斷在更新，教學內容也要及時更新，《網頁設計與制作》課程教學“以能力培養為核心，以職業崗位為目標，以工作過程為導向”的原則，合理選擇課程內容，確保課程內容能夠滿足社會需求，教學內容有前沿性和延續性，讓教學內容與職業接軌，學有所用；教學用書可以選取案例教程，知識點獨立、講解全面，既方便教師制作翻轉課堂的小視頻，也有利于學生閱讀。教師選擇的課程內容以應用性知識為主，理論知識為輔，突出學生的實踐能力，最好選取企業實際項目作為教學內容，將課程所包括的知識點分解到各教學項目中，實現教學內容的有序化。

2.2 教學模式的改革

2.2.1 教學設計改革

課程教學中充分實施“教學做”的教學方法，在課堂傳統教學中以項目為先導，推行任務驅動、要點剖析、拓展練習的教學形式；在課后的翻轉課堂，推行視頻演示、模仿練習的教學形式，對課程基礎知識點的講解，放在學習平臺讓學生提前預習并作模仿練習，主動完成新知識的探究。課堂教學著重放在難點分析和知識點綜合應用與拓展練習上，與傳統的“教學做”相比，引入翻轉課堂的混合式教學模式下的學生，學生學習參與度提高，更容易完成課程的教學任務，課程教學設計如下圖：

翻轉課堂小視頻制作遵循“深入淺出、突出實用”的原則，將知識點分解為基礎、進階和拓展提高，滿足學生個性化的需求，讓學生在課后根據自己的實際情況靈活安排學習時間、學習進度和學習難度，多出了思考的空間鞏固課堂的教學內容；在課堂里，教師通過課前學習任務的完成和反饋，更加了解學生學習的困難所在，有助于教師展開更有針對性的教學，使得課堂內的教學更加集中高效。

2.2.2 教學資源的多樣化

引入翻轉課堂的教學過程中，運用信息量較大的多媒體技術輔助教學，如將盒子模型章節的內容如盒子模型屬性、元素類型及轉換、元素的浮動、元素的定位等基本知識點及具體應用講解制作成小視頻，上傳平臺，讓學生自行提前觀看，可以大大縮減課堂理論講解，從而增加了項目實施時間，優化教學過程，激發學生的學習興趣。降低理論教學的枯燥性，提高學習的趣味性；網上有許多優秀的學習視頻，教師提前準備與課程同步資源，上傳學習平臺，豐富教學材料；學生的作品、PPT課件、習題也能提供學生復習和鞏固。當課程的知識結構及概念等理論知識融合在案例代碼中以作品的形式呈現時，學生會更主動地投入到學習和操作中。引入翻轉課堂的混合教學法大大增加了教學信息量，在利用網絡資源的同時，提高了學生的學習興趣，培養了學生的學習主動性。

2.2.3加強實踐教學中的監督

由于高職學生缺乏學習主動性，在混合教學方法實施過程中教師有必要加強翻轉課堂學習的監控，通過課前提問或在平臺上檢查預習任務的完成情況，確保課前的學習質量；教師還要關注自主學習能力差的學生，積極引導在翻轉課堂學習中多提問題并參與交流討論。

2.3 考核方式改革

考核作為一種教學評價手段對教學有著重要的促進作用，單一的用期末考試成績來評價學生，往往使學生不注意平時的知識積累，所以要實現教學目的，促進翻轉課堂在《網頁設計與制作》課程教學中得到落實，確保課堂教學效果，還應完善考評機制，對學生的學習進程進行監控和引導，過程評價不僅要涉及知識的掌握情況，還應涉及學生的多種能力如自主學習、問題解決、探索能力等的培養，考核形式單一的結果評價體系，會讓學生只注重考試，而忽視平時的學習過程，因此要將平臺學習進程納入過程考核，同時結合平時課堂提問和項目的實施，全面綜合評價不僅能反映學生的課程掌握情況，還可以通過反饋的信息及時調整教學中欠缺之處。短視頻觀看20%、課堂表現20%和項目實施情況40%形成的過程考核占課程總成績的80%，整合了過程評價和結果評價的多樣化考核機制不僅能使翻轉課堂落到實處，有效培養學生預習復習的好習慣、提高學生自控能力，同時還有助于教師提高課堂教學效率。

3 結束語

網頁設計軟件種類多且更新快，需要教師不斷學習不斷進步；混合式教學中，教師除了精通各種設計軟件，還要對本課程的知識點劃分、課堂設計非常清晰；對課程的教學資源搜集和整合需要花費較多精力；對翻轉課堂視頻的制作，素材上傳都要花費較多的時間；教師工作量大大地增加，這些都需要學院重視和支持，安排多名老師分工合作，分擔一定的工作量，才能完成較好的翻轉課堂教學工作。

在對網頁設計與設計課程內容做調整，采用混合式教學后，學生的自主學習能力確實有了一定的進步，相比傳統的教學方式，學生在課堂上能發揮主動性，也免了學生課外不預習不復習、課堂不交流的尷尬局面，有更多課堂時間來實施項目，信息量的加大也避免了老師課堂講什么就會什么的情況，在對教學結果進行了系統性評價后，結果顯示以學生為中心的混合式教學，可以提高學生獨立學習和解決問題的能力，在提高教學質量的同時更能實現職業導向的教學目標。

參考文獻：

[1] 布勒布麗汗.《靜態網頁設計》課程教學改革研究[J].電腦知識與技術，2017（6）.

[2] 陳英.《網頁設計》課程項目化教學改革[J].職業教育，2018（7）.

[3] 趙國柱.動態網頁設計混合式實驗教學改革探究[J].山東農業工程學院學報，2018：174-175.

[4] 葉婉秋. 高職程序設計語言課程教學改革--以《C語言》為例[J].電腦知識與技術，2016（6）.

[5] 曾小軍.混合式學習設計：確保高校翻轉課堂學習質量的新模式[J].教育導刊，2018（6）：82-84.

【通聯編輯：唐一東】