基于html5＋css3網頁設計翻轉教學的研究與實踐

楊雪

摘 要 如今，云計算、大數據、人工智能技術炙手可熱的，Web前端開發工程師是各大軟件企業追逐和獵取的人才對象。這次要研究的課程html5+css3正是Web前端開發的核心課程。我們針對“html5+css3網頁設計”這門課程做翻轉課堂的教學方法改革的研究，構建出豐富的課程資源系統，制作適合網絡傳播的教學資源共享體系，并進行相應的教學模式改革。

關鍵詞 Web前端開發 微課 翻轉課堂 教學方法 教學資源 教學模式改革

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

1概述

隨著職教改革20條的發布，為職業教育迎來了新的發展春天，首批發布的5個1+X試點證書之一，Web前端開發職業技能等級證書，其涉及的知識和技能之一，對于這樣一門語言課，培養優質人才還很短缺。由此可見，大部分前端開發者對HTML5開發的使用和掌握仍然處于初級階段。雖然HTML5開發人才數量較之前有大量增長，但行業真正需要的高質量人才仍舊稀缺。我們計算機技術應用專業在這種激烈競爭的環境下，更需要高質量的教學，加緊對此類人才的培養。

對于我們高職院校的學生來說，學生的自學能力比較差，如果單純的依靠傳統的教學手段來進行教學，教師準備的教學任務再精彩也是無法吸引學生全身心的投入學習的，因此我們針對“html5+css3網頁設計”這門課程做翻轉課堂的教學方法改革的研究，對這門課程的任務做知識分解，制作相應的微課、微教學、課件、教學視頻等教學資源，在教學方法上也做出多層次多手段的改進，研究對象是計算機應專業的19級學生，最終構建出豐富的課程資源系統，制作適合網絡傳播的教學資源共享體系，并進行相應的教學模式改革。

2教學方法的研究

本次研究就是使用翻轉課堂這種碎片式的教學內容加上教與學的角色轉變 ，并且調整了課堂內外的時間，將老師講授的被動學習轉化成學生的主動學習，將學生變成學習的主導。教師預先要求學生登錄云平臺，使用手機或電腦隨時隨地登錄學習，完成預習任務，數據平臺自動統計學生預習數據。當然對于我們高職院校的學生來說，學生的自學能力比較差，一般都需要老師每堂課后都對學生下一次課安排好預習的內容，目標是為了讓學生通過云平臺打卡，獲得學生是否預習的數據，從而使課堂中正正有效的利用這45分鐘，鞏固知識，通過實踐獲得更有效的學習。我們借助職教云課堂平臺，進行翻轉課堂的教學模式改革。以前我們在一節課中都是教師圍繞某個知識點展開層層講解，學生的接受度并不高，現在我們將教師與學生的角色互換，讓學生成為學習的主導者，化被動學習為主動學習，學生提前通過云平臺預習打卡，云平臺上有教師精心將任務分解的一個個小知識點，讓學生利用碎片時間來進行學習，系統記載學生的學生預習情況，這種方式能夠讓教師更好的掌握學生主動學習情況，同時也能夠讓學生對感興趣的知識點做更多拓展，學生可以隨時隨地和老師或者其他學生交流。

3課程資源的建設

3.1圖文教程類數字化資源

通過圖文形式將課程中的例子生動展示，集趣味性與知識性于一體，每個教程后面提供自測題目，讓學生快速理解和掌握課程知識。

3.2視頻類數字化資源

視頻教程以“微課程”為主要形式，針對某一知識點或技能點，每個視頻教程不超過8分鐘，通過實際操作或情境錄制形式，可以在較短的時間內讓學生看懂并跟著做相應的練習。

3.3題庫類數字化資源

習題庫分為填空、選擇、判斷、綜合等多題型形式，包含單元練習與模擬測試題，針對課程項目單元測評的試卷庫，每堂課能選擇對應知識點生成小測試。

4翻轉課堂的實踐

我們將每堂課分課前預習、課中學做和課后拓展三個階段。

階段一：課前預習。

一方面是老師精心設計制作教學資源上傳職教云平臺，另一方面，學生使用手機或電腦隨時隨地登錄學習，完成預習任務，數據平臺自動統計學生預習數據。

階段二：課中學做，分六個環節。

（1）課前反饋：教師登錄云平臺，展示一下在云平臺收集的數據——學生的預習數據及部分學生提出的問題，針對這些數據，對表現好的提出表揚，對沒有達到要求的提出批評，督促學生課前要認真預習。

（2）任務展示：教師課前需要展示一下本節課需要完成的頁面效果，然后通過分析、提問，對舊課進行然后導入新課。

（3）任務分解：對目標任務頁面進行分解，形成若干新的知識點，為學習這些知識推薦好的學習途經，如：CSS Sprite技術分解可以直接看教材;應用可以看看我們拍攝的微課視頻;Webkit引擎支持的CSS漸變語法可以登錄CSDN博客參與專題討論;創建CSS漸變可以通過上網來百度搜索學習。

（4）任務實現：學生的工作是做目標任務、問問題、學知識點、參與小組討論;老師的工作是巡視督學、答疑解惑，把控教學進度、共性問題集中講解，所謂共性問題是指有3名及以上學生問到的同一問題。限定的50分鐘到了，要求所有人員停止操作。

（5）任務展演：給每個小組2-3分鐘的時間，向全班同學展示本組最好作品，講解創意與創新點，并感言心得，學生在對比中尋找不足和獲得榮譽感。

（6）任務評價：老師通過手機發起投票，讓學生來評判各小組作品，孰優孰劣，展示投票結果，評出優勝組。最后，授課教師要對各小組當堂完成的作品進行點評，打出相應的分數。

參考文獻

[1] 高琴，姚紅.基于微課技術的翻轉課堂模式的設計與應用[J].河北聯合大學學報：社會科學版，2016，16（06）：99-105.

[2] 劉翠翠.基于微課理念的翻轉課堂教學模式實踐研究——以大學計算機基礎課程為例[J].教育（文摘版），2016（05）：00088.

[3] 陳建新.基于MOOC的大學計算機基礎翻轉課堂教學改革[J].電腦知識與技術，2015，11 （31）：110-112.