淺談翻轉課堂教學模式在《Dreamweaver網頁設計與制作》課程中的應用

摘要：隨著各種網絡新技術的不斷涌現，網絡應用軟件為翻轉課堂教學模式提供了很大的發展空間，同時為當下課堂教學改革掀起了一番浪潮。本文以《Dreamweaver網頁設計與制作》課程為例，詳細闡述了翻轉課堂改革的設計及實施過程。其中，翻轉課堂教學實施以“CSS樣式表”知識點為例，將教學過程劃分為課前學習、課堂活動、課后輔導三個階段，利用翻轉課堂教學順序顛倒的特點，將知識傳授放于課前進行，知識建構通過課堂活動實現。在每個階段針對高職學生的學習特點采用靈活多樣的教學方法，結合個人及小組協作等教學形式來促進學生知識建構及能力培養，取得了較好的效果。

關鍵詞：翻轉課堂網頁設計

中圖分類號： G420 文獻標識碼：A 文章編號1672-3791（2015）10（b）-0000-00

1翻轉課堂概述

翻轉課堂（Flipped Classroom）也稱顛倒課堂、反轉課堂（Inverted teaching）等，起源于20世紀90年代。2006年薩爾曼.可汗（ Khan）開始創立可汗學院（ The Khan Academy），提出了“以視頻再造教育”的“翻轉課堂”概念，即課前學生通過觀看教師錄制的教學視頻完成知識的學習，課中學生通過教師組織的小組討論、布置的作業、教師的輔導等形式，以此完成知識內化的教學模式。美國富蘭克林學院的 Robert Talbert 經過翻轉課堂教學模式的長期經驗積累，總結了翻轉課堂實施結構模型如圖1所示。

翻轉課堂教學模式中的“翻轉”包括兩個意義。其一為，翻轉教學主體。翻轉要以學生為主體，讓學生發揮主動能動性，使學生真正學會自主學習，讓學生自己控制學習的內容、速度和時間，使學生對自己的學習效果進行評估。教師負責引導學生，而不是一貫地傳授知識，學生負責自主學習，而不是裝載知識的容器。其二為，翻轉教學過程。轉換利用直接講授的課堂時間，利用網絡應用軟件等技術將授課內容在合適的時間和方式呈現給學生。翻轉課堂與傳統課堂教學模式的區別在于，翻轉課堂是將原本需要在課堂上講授的知識內容通過微視頻、網絡資源共享等方式實現。在翻轉課堂教學模式下，教師和學生的角色都產生了巨大的轉變。教師由傳統教學知識內容的傳遞者轉變成為課堂活動的組織者，教師不再進行課堂傳授教學內容，而是需要利用游戲、角色扮演、情景教學、實驗教學、小組活動教學等各種方式，引導學生自主完成知識內容的學習，推動學生知識逐步內化。學生由知識內容的接收者轉變成為主動獲取知識者，學生得主動學習、提出問題及探究意識得到很好的發展。

2網頁設計與制作課程教學現狀

目前，在《Dreamweaver網頁設計與制作》教學中面臨一些挑戰，一是學生基礎知識掌握程度差異較大，對該課程的學習興趣也有明顯差別，導致難以權衡知識教授內容深度廣度，難以因材施教；二是因課堂時間有限，分級分層教學難以實施。因此，基于翻轉課堂教學模式理念為該門課程提供了新教學改革的思路和方向。

3基于翻轉課堂《Dreamweaver網頁設計與制作》課程的設計與實施

3.1校園網資源庫等學習載體的應用

將校園網資源庫、微信平臺作為學生學習的載體，教師在資源庫里發布利用網絡應用軟件制作完成的視頻資料、語音資料等教學內容，學生在微信及時消息中查收教師發布的內容。對于教師來說，教師們可以方便地與學生們進行溝通，還可以有針對性的對提出疑問的學生進行答疑解惑，而且還能夠收集學生們的反饋意見和建議；對于學生來說，學生們只需要通過智能手機、pad或者電腦，并利用閑散的時間，進行自主的學習。校園網教學資源庫包括媒體素材庫、試題庫、案例庫、課件庫、文獻庫、網絡課程庫等多種資源。微信 （We Chat） 是騰訊公司于2011年1月21日推出的一個為智能終端提供即時通訊服務的免費應用程序，是目前學習者最常用的即時通信平臺。校園網資源庫與微信軟件平臺的有機結合，具有時時交流、小組討論、資源共享等功能，即滿足了翻轉課堂的需求，又具有操作簡單、應用范圍廣等優點?！?】

3.2《Dreamweaver網頁設計與制作》課程翻轉課堂教學模式設計與實施

結合《Dreamweaver網頁設計與制作》課程的特點，以及翻轉課堂的教學理念，采用 “課前學習、課堂活動、課后輔導”的教學模式。以網頁制作課程中的“CSS樣式表”這部分內容為例，闡述本課程利用翻轉課堂教學模式的設計與實施過程。

3.2.1課前學習

（1）教學內容，CSS樣式表是一種能夠真正做到網頁表現與內容分離的樣式設計語言。它能夠對網頁中對象的位置排版進行像素級的精確控制。能夠支持幾乎所有的字體字號樣式，還擁有對網頁對象和模型樣式編輯的能力，并且能夠實現對網頁進行初步交互設計，是目前基于文本展示最優秀的表現設計語言。【5】本節的教學目標是讓學生掌握CSS樣式的概念、CSS樣式的類型和創建方法。

（2）學生分析，教師正常上課講授CSS樣式表，對于學生來說理解和學習本節內容是有一定難度的。采用翻轉課堂教學模式來講授本節課，不但有利于學生深入理解本節課的內容，更有利于學習差距較大學生統一學習進程。

（3）視頻教學資源的制作和發布，視頻教學資源的制作和發布是翻轉課堂教學模式中非常關鍵的一個環節。視頻資源為教師和學生之間搭起了一座溝通的橋梁，一個好的教學視頻，是為學生學習提供的一種資源，它的目的不是為了展示視頻制作的水平，而是要為學生的學習服務，所以在考慮制作視頻的技巧的同時，要把學習者即學生的感受、學生的需求、是否有利于學生的學習放在第一位。我們講授《Dreamweaver網頁設計與制作》課程的幾位教師共同開發優質教學資源，針對不同課程章節采用不同的錄制視頻資源方法。針對本節CSS樣式表的教學內容，教師先利用錄屏軟件錄制授課內容，再用視頻編輯軟件編輯視頻，將編輯好的視頻傳到校園網資源庫中，供學生下載使用，教師到微信公眾平臺發布新課信息及視頻鏈接，提示學生下載觀看學習資源。

（4）學生的課前學習，學生既可以直接點擊教師在微信里發布的鏈接觀看視頻，也可以登錄校園網資源庫下載觀看視頻。通過反復觀看視頻，可以了解到CSS樣式表的創建方法及課堂案例的操作過程，對知識進行理解。如果對視頻中的哪部分教學內容不理解，學生可以利用微信通過文字、語音或者視頻方式向老師咨詢，也可以和其他同學共同探討。這樣做不但幫助學生及時的解決了問題，而且能夠讓教師了解到學生對知識的掌握情況。翻轉課堂整個知識傳授過程是觀看視頻資料，在這個過程中學生主要通過自主學習、協作學習等方式來實現。學生不但可以自主選擇學習資源，自主制定學習計劃、還可以自主控制學習時間，而且這也滿足了不同層次學生的學習需求，真正實現自主化個性化的學習。

3.2.2課堂活動

翻轉課堂的最大特點不在于課前使學生發生深入學習，而在于充分利用課堂學習時間組織有效的課堂學習活動，提高學習效率，實現學生知識內化效益的最大化。也就是說，觀看教師上傳的視頻雖然很重要，但是比視頻更加重要的是如何支配課堂上多出來的這些時間，課堂上的提問和討論的設置，需要教師們精心的準備和細致的思考。在設計本節課的課堂活動時，教師從任務檢測、小組探究、成果展示、情景演練、職場在線、總結與作業等步驟使課堂活動更高效實現。與此同時教師需要鼓勵學生發揮自主探究的精神，積極參與到情景演練、小組探究等活動中去，協作完成學習任務，并運用所學知識能夠舉一反三，達到分析問題和解決問題的能力。

在課堂教學時，教師根據在微信平臺收集到的學生們提出的疑問，來解決他們在課前學習中遇到的問題，引導學生歸納出創建CSS樣式表時常出現的問題，挖掘學生在學習本節中的難點及薄弱環節，并給出課堂實踐操作任務：使用“CSS樣式”命令，制作菜單效果。使用“表格”按鈕，插入表格；使用“CSS樣式”命令，設置各種效果的鏈接。學生按照教師的要求分組實踐操作，遇到不能解決的問題時可以向同組同學尋求幫助，小組共同協作完成實踐操作任務，而仍得不到解決的，教師在巡視的過程中進行個別有針對性的輔導，教師對學生共同存在的問題，再統一做詳細解釋。

3.2.3課后輔導

教師及時歸納總結出課堂上遇到及解決了的問題，并形成文檔資料，將這些課堂資源上傳到網絡資源庫中分享給學生。這些資源不但能夠長期保存，還方便學生以后復習時下載查閱。對于個別學習上有困難的學生，可以利用課前的學習資源和課后教師整理的材料進行補救學習。

4后續研究

4.1教學視頻的制作

教學視頻的視覺效果、時間長度對學生的學習效果有著重要的影響，同時，在視頻的錄制及開發中，還需考慮如何能使教學視頻吸引學生，使學生產生興趣，并使學生積極參與到視頻的學習中去。這給教師的視頻編制技能和時間提出了更高的挑戰。

4.2課堂活動的組織

在答疑解惑過程中，教師要適時地歸納總結學生的提出的問題；在指導小組探究活動時，教師要適時地做出決策，選擇合適的交互策略，以確保小組活動的有效開展；在鞏固練習過程中，對任務的數量和難易程度，教師要合理的設計，教師要清楚哪些內容需要增加或刪除，哪些內容需要在課堂上進行展示交流。

4.3翻轉課堂的有效開展需要借助網絡平臺的支持

設計良好的學習分析系統，可以將學生在線上的所有學習信息、學習行為等記錄成數據，還能準確診斷出學生的學習需求，進而對有需求的學生提供極富針對性的學習資料，提供適合學生的最佳學習方法和建議。教師在評測學生課前學習情況的基礎上再對之后的課堂活動進行設計，使學生在高效的教學活動中完成知識的內化。

5結束語

翻轉課堂教學模式在《Dreamweaver網頁設計與制作》課堂教學中存在許多優點的同時，也存在諸多不足。若想在該課程課堂教學中全面、高效地應用翻轉課堂教學模式，還需在教學工作中繼續實踐與探索。在應用翻轉課堂教學模式時，不能一味盲目地模仿，要在理清其內涵及理念的同時，明確該教學模式是否適合應用到《Dreamweaver網頁設計與制作》的各章節，以更好地實現教學目標。

參考文獻

[1]朱漁.淺談《大學計算機基礎》課程中翻轉課堂教學模式的應用應用研發教育信息化中圖分類號TP3-4 2014（09）：P257-258

[2]巴亮.基于翻轉課堂教學模式的織物結構與設計課程改革探.廣西教育2014 （5）：P32.

[3]張玲：基于翻轉課堂教學模式的《Dreamweaver 網頁制作》課程教學設計第 31 卷第 3 期萍鄉高等?？茖W校學報 2014（6）

[4]公海霞，王甘霖，彭立.基于即時通信平臺的翻轉課堂教學模式研究2013（11）：P183

[5]魏三強.《Dreamweaver CS6實例教程（第三版）》2014（9）：P130

[6]黃強.基于微信平臺的翻轉課堂的實施田.教育信息技術2014（5）：P26.

[7]梁陽“翻轉課堂”在信息技術課堂中的應用探究——以《讓網頁動起來》為例教學研究2015（3）：P32-33