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

關(guān)鍵詞：翻轉(zhuǎn)課堂網(wǎng)頁設(shè)計

中圖分類號： G420 文獻(xiàn)標(biāo)識碼：A 文章編號1672-3791（2015）10（b）-0000-00

1翻轉(zhuǎn)課堂概述

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

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

2網(wǎng)頁設(shè)計與制作課程教學(xué)現(xiàn)狀

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

3基于翻轉(zhuǎn)課堂《Dreamweaver網(wǎng)頁設(shè)計與制作》課程的設(shè)計與實施

3.1校園網(wǎng)資源庫等學(xué)習(xí)載體的應(yīng)用

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

3.2《Dreamweaver網(wǎng)頁設(shè)計與制作》課程翻轉(zhuǎn)課堂教學(xué)模式設(shè)計與實施

結(jié)合《Dreamweaver網(wǎng)頁設(shè)計與制作》課程的特點，以及翻轉(zhuǎn)課堂的教學(xué)理念，采用 “課前學(xué)習(xí)、課堂活動、課后輔導(dǎo)”的教學(xué)模式。以網(wǎng)頁制作課程中的“CSS樣式表”這部分內(nèi)容為例，闡述本課程利用翻轉(zhuǎn)課堂教學(xué)模式的設(shè)計與實施過程。

3.2.1課前學(xué)習(xí)

（1）教學(xué)內(nèi)容，CSS樣式表是一種能夠真正做到網(wǎng)頁表現(xiàn)與內(nèi)容分離的樣式設(shè)計語言。它能夠?qū)W(wǎng)頁中對象的位置排版進(jìn)行像素級的精確控制。能夠支持幾乎所有的字體字號樣式，還擁有對網(wǎng)頁對象和模型樣式編輯的能力，并且能夠?qū)崿F(xiàn)對網(wǎng)頁進(jìn)行初步交互設(shè)計，是目前基于文本展示最優(yōu)秀的表現(xiàn)設(shè)計語言?！?】本節(jié)的教學(xué)目標(biāo)是讓學(xué)生掌握CSS樣式的概念、CSS樣式的類型和創(chuàng)建方法。

（2）學(xué)生分析，教師正常上課講授CSS樣式表，對于學(xué)生來說理解和學(xué)習(xí)本節(jié)內(nèi)容是有一定難度的。采用翻轉(zhuǎn)課堂教學(xué)模式來講授本節(jié)課，不但有利于學(xué)生深入理解本節(jié)課的內(nèi)容，更有利于學(xué)習(xí)差距較大學(xué)生統(tǒng)一學(xué)習(xí)進(jìn)程。

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

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

3.2.2課堂活動

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

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

3.2.3課后輔導(dǎo)

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

4后續(xù)研究

4.1教學(xué)視頻的制作

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

4.2課堂活動的組織

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

4.3翻轉(zhuǎn)課堂的有效開展需要借助網(wǎng)絡(luò)平臺的支持

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

5結(jié)束語

翻轉(zhuǎn)課堂教學(xué)模式在《Dreamweaver網(wǎng)頁設(shè)計與制作》課堂教學(xué)中存在許多優(yōu)點的同時，也存在諸多不足。若想在該課程課堂教學(xué)中全面、高效地應(yīng)用翻轉(zhuǎn)課堂教學(xué)模式，還需在教學(xué)工作中繼續(xù)實踐與探索。在應(yīng)用翻轉(zhuǎn)課堂教學(xué)模式時，不能一味盲目地模仿，要在理清其內(nèi)涵及理念的同時，明確該教學(xué)模式是否適合應(yīng)用到《Dreamweaver網(wǎng)頁設(shè)計與制作》的各章節(jié)，以更好地實現(xiàn)教學(xué)目標(biāo)。

參考文獻(xiàn)

[1]朱漁.淺談《大學(xué)計算機(jī)基礎(chǔ)》課程中翻轉(zhuǎn)課堂教學(xué)模式的應(yīng)用應(yīng)用研發(fā)教育信息化中圖分類號TP3-4 2014（09）：P257-258

[2]巴亮.基于翻轉(zhuǎn)課堂教學(xué)模式的織物結(jié)構(gòu)與設(shè)計課程改革探.廣西教育2014 （5）：P32.

[3]張玲：基于翻轉(zhuǎn)課堂教學(xué)模式的《Dreamweaver 網(wǎng)頁制作》課程教學(xué)設(shè)計第 31 卷第 3 期萍鄉(xiāng)高等?？茖W(xué)校學(xué)報 2014（6）

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

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

[6]黃強(qiáng).基于微信平臺的翻轉(zhuǎn)課堂的實施田.教育信息技術(shù)2014（5）：P26.

[7]梁陽“翻轉(zhuǎn)課堂”在信息技術(shù)課堂中的應(yīng)用探究——以《讓網(wǎng)頁動起來》為例教學(xué)研究2015（3）：P32-33