基于html5＋css3網(wǎng)頁設計翻轉(zhuǎn)教學的研究與實踐

楊雪

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

關鍵詞 Web前端開發(fā) 微課 翻轉(zhuǎn)課堂 教學方法 教學資源 教學模式改革

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

1概述

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

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

2教學方法的研究

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

3課程資源的建設

3.1圖文教程類數(shù)字化資源

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

3.2視頻類數(shù)字化資源

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

3.3題庫類數(shù)字化資源

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

4翻轉(zhuǎn)課堂的實踐

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

階段一：課前預習。

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

階段二：課中學做，分六個環(huán)節(jié)。

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

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

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

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

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

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

參考文獻

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

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

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