高職院校線上線下課程教學設計與實踐——以web前端設計（javascript）課程為例

楊秋葉

（陜西開放大學 陜西·西安 710119）

高職教育是我國高等教育的重要組成部分。中共中央、國務院印發的《中國教育現代化2035》明確提出要“推動各級教育高水平高質量普及”[1]；《加快推進教育現代化實施方案（2018—2022年）》提出大力推進教育信息化，著力構建基于信息技術的新型教育教學模式，促進信息技術與教育教學深度融合，推動以互聯網等信息化手段服務教育教學全過程[2]。高職教育以應用技能型人才為培養目標，技術技能相較于基礎理論而言，其發展速度更快，掌握并應用的時間較短，價值轉化時間較短，對社會經濟發展具有直接推動作用。

1 線上線下相結合教學模式

高職院校傳統教學模式主要采取課堂面授方式開展教學，其優點是知識結構完整，體系性強，不足是教學過程以教師為中心，學生參與教學的積極性和主動性不高，存在被動接受知識現象，導致學生對知識理解不夠深入、不夠全面。

隨著網絡信息技術的發展，目前如計算機、手機、平板電腦等終端設備已得到廣泛應用，網絡費用也在人們可承受的范圍內，高職院校無線wifi的應用為學生觀看課程視頻、教師遠程指導課程實踐提供了便利，在高職院校開展“線上”和“線下”課程教學已具備基本物質條件及信息技術條件。

“線上”“線下”相結合的課程教學模式是在傳統教學過程中應用信息化技術手段，教師在課前或課后向學生發布課程相關教學資源，學生在課前或課后通過網絡進行課程知識學習、復習、實踐，從而達到提高教學效果的一種綜合性教學模式。

2 課程分析——以“web前端設計（javascript）課程”為例

2.1 課程特點

web前端設計（javascript）課程屬于計算機編程類課程范疇，具有較強的操作實踐性。課程中知識點眾多，關聯性較強，綜合應用相關知識實現web設計的難度較大，需要學生投入大量時間去實踐操作，在操作中深化理論知識的理解。

2.2 學情分析

課程教學對象是高職院校計算機類專業大一新生，他們剛結束緊張的高中學習生活，對大學自由、自主的學習生活方式既充滿好奇，也存在一些迷茫，他們對計算機編程知識、規則了解不多，但充滿興趣和好奇。高職院校學生大多缺乏學習的主動性和積極性，尤其對理論知識的學習缺乏熱情和恒心，導致課程基礎知識不扎實，對知識的綜合應用難度較大。幾乎所有的高職學生都有手機或者個人計算機，他們愛上網、愛玩微信，喜歡接觸新事物，喜歡實際動手操作，喜歡直觀、立體、動感的信息。他們缺乏學習主動性，課前很少會去預習，課后也很少去復習，課中會不自覺的玩手機，從而直接影響課程學習效果。

2.3 教學目標

web前端設計（javascript）課程是前端軟件開發的專業課程，在課程教學中應融入軟件開發思想、標準以及軟件開發素養，因此，在課程教學中，我們設定了三級教學目標。一是知識目標，學生應掌握課程知識，理解課程知識特點和內涵，熟悉多個知識點的邏輯關系，了解各個知識點的應用場景和效果。二是技能目標，學習該課程的最終目標是要實現web設計，要能設計并實現可應用的網頁頁面，學生在掌握課程理論知識的基礎上，通過動手上機操作，掌握web設計代碼編寫習慣、圖片處理方法、頁面布局效果等相關技能。三是素養目標，學習該課程是為將來從事web前端軟件開發做準備，學生應具備嚴謹科學、溝通合作、公平公正、盡職盡責等職業從業素養。

2.4 教學重點和難點

web前端設計（javascript）課程是一門實踐性課程，每個知識點的應用都能實現特定頁面效果，而多個知識點的綜合應用能實現復雜的頁面效果。課程教學重點是javascript中常用的基本知識，教學難點是常用基本知識在具體web設計中的應用，尤其是在web設計特效中綜合知識的應用與實現。

2.5 教學理念和方法

課程教學結合理論教學和實踐操作兩方面開展，以理論教學指導課程實踐，以課程實踐提升理論教學，從而更好的實現課程教學目標。根據課程特點，在課程教學中引入“雙中心”教學模式，轉變教師角色，弱化“以教師為中心”的地位，強化“以學生為中心”的作用，引導學生積極參與課程教學，提升學生課程學習體驗和知識與技能的獲得感。

3 線上線下教學設計與實踐過程

3.1 建立全方位課程學習評價體系

高職學生課程學習主動性和積極性不高，任課教師需要進行合理引導和督促，其中建立全方位的課程學習評價體系是重要的引導、督促方式之一。將學生出勤、課堂回答問題、課程實例操作效果、作業完成情況、期末考試成績等方面作為課程學習評價的主要參考因素，提升學生平時表現的考核比重，即“重學習輕考試”。

3.2 引入翻轉課堂理念，充分利用好課堂時間

翻轉課堂的教學過程是學生在上課之前通過查閱資料或觀看課程視頻來自主學習課程知識，學生是帶著問題走進課堂，課堂上，教師的主要任務不再是對課程知識的講述，而是轉變為與學生共同探討課程知識中的疑點、難點，在與學生的溝通、交流中深入問題、理解問題、解答問題，從而達到掌握知識的目的。“翻轉課堂”教學模式更注重學生的參與度，提升學生參與教學的積極性和主動性，從而提升課堂教學效率，促進教學質量提高。

現代信息技術已基本滿足開展翻轉課堂教學模式的技術條件。教師可通過教學平臺或及時聊天工具（QQ、微信等）發布教學資源，如課程視頻、實踐操作視頻、教學課件、作業及學習要求等教學材料，通過信息化平臺查看學生學習情況及討論情況，整理主要問題以備課堂詳解，對學生提出的疑問及時跟蹤、解答。學生通過翻轉課堂的形式提前預習課程知識，在課堂上教師重點講解課程疑難知識，利用好課堂有限授課時間，提升課堂教學效率。

3.3 課堂互動教學

課堂教學是課程教學的主要組成部分，是完成課程知識授課的主要實現場所。課堂上，教師可采取以“學生為中心”的互動教學模式開展課程教學。

環節一，引導學生復習上節課課程內容。課程知識有連貫性，而學生學習時間持續長，對已學知識會有部分遺忘，在課堂教學的前3到5分鐘可簡單回顧并梳理上節課的重點內容，再一次加深學生對課程知識理解，保持課程知識連續性。

環節二，開展新課內容教學。根據學生預習情況，重點講解學生課程預習中的疑難點，并將課程知識實踐操作穿插在理論教學過程中，通過實例操作以直觀效果展示課程知識在web前端設計中應用效果，觸發學生對課程的學習興趣和熱情，加深學生對新課內容的理解。

環節三，以“學生為中心”開展互動教學。web前端設計（javascript）課程是一門編程課程，需要學生大量的實踐操作，而高職學生對理論學習熱情不高，但對動手實踐操作興趣很濃，根據課程特點以及高職學生的特點，課堂教學中增加實踐操作，采用提問、學生分組、鼓勵學生上講臺演示課程實例等形式提高學生在教學中的參與性和積極性，鼓勵學生積極參與、積極表現，并將學生的積極表現記錄到課程學習的平時成績。課堂教學中引入軟件開發思想及編程中代碼編寫規范及習慣，將軟件開發素養及職業道德貫穿到課堂教學中，讓學生在快樂中學習，在學習中有收獲。

環節四，教學總結。教師在課堂教學后期對課堂知識進行總結歸納，梳理知識結構，對學生課堂表現進行點評，最后借鑒“翻轉課堂”模式鼓勵學生積極完成課后復習、預習任務。

4 小結

高職院校學生學習主動性不夠強，對理論學習缺乏熱情，但對動手實踐操作興趣濃厚，根據高職學生的這個特點，在課程教學設計中樹立“以學生為中心”理念，增加課程實踐操作內容，采用線上線下互動教學模式，鼓勵學生積極參與教學過程，并設計全方位課程學習評價體系，對學生學習能起到合理引導和督促作用。為進一步提高高職院校課程教學效果，教師自身需要加強學習，熟悉新知識新技術，了解市場行業需求和新技術應用，在教學過程中做好課件資源，精煉授課內容，讓教學內容緊貼市場需求和變化。