淺談翻轉(zhuǎn)課堂教學(xué)模式在《Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中的應(yīng)用

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

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

中圖分類號(hào)： G420 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)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é)生通過(guò)觀看教師錄制的教學(xué)視頻完成知識(shí)的學(xué)習(xí)，課中學(xué)生通過(guò)教師組織的小組討論、布置的作業(yè)、教師的輔導(dǎo)等形式，以此完成知識(shí)內(nèi)化的教學(xué)模式。美國(guó)富蘭克林學(xué)院的 Robert Talbert 經(jīng)過(guò)翻轉(zhuǎn)課堂教學(xué)模式的長(zhǎng)期經(jīng)驗(yàn)積累，總結(jié)了翻轉(zhuǎn)課堂實(shí)施結(jié)構(gòu)模型如圖1所示。

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

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

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

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

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

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

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

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

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

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

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

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

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

3.2.2課堂活動(dòng)

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

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

3.2.3課后輔導(dǎo)

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

4后續(xù)研究

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

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

4.2課堂活動(dòng)的組織

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

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

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

5結(jié)束語(yǔ)

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

參考文獻(xiàn)

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

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

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

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

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

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

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