翻轉課堂在“網頁制作”課程教學中的應用研究

薛 輝

(商洛學院教務處， 商洛 726000)

翻轉課堂在“網頁制作”課程教學中的應用研究

薛 輝

(商洛學院教務處， 商洛 726000)

為了提高“網頁制作”課程的教學質量，分析了該課程教學中存在的問題，提出應用翻轉課堂教學模式針對性的解決這些問題，研究了應用翻轉課堂教學模式的關鍵因素，設計了“網頁制作”課程應用翻轉課堂的教學活動，進行了對比教學實驗，結果表明應用翻轉課堂教學模式可以有效提高“網頁制作”課程的教學質量。

翻轉課堂； 網頁制作； 教學

0 引言

隨著互聯網浪潮的進一步發展，“互聯網+”的概念深入人心，互聯網的應用已經波及到各行各業。網頁制作技術作為互聯網的重要基礎技術，顯現出了越來越多的實際應用。精通網頁制作技術，對高校學生提高網絡技術素養，增強就業競爭力有著重要意義。“網頁制作”課程是計算機相關專業的重要課程，旨在讓學生掌握網頁制作和網站建設的基礎知識，精通網頁制作的系列技術，能夠開發功能完善、界面精美的網站，也是后續課程的重要基礎[1]。如何使學生有效掌握網頁制作知識，真正精通網頁制作技術，是“網頁制作”課程面臨的重要挑戰。

1 翻轉課堂教學模式概述

2007年，美國科羅拉多州林地公園高中有兩位老師——喬納森·伯爾曼(Jon Bergmann)和亞倫·薩姆斯(Aaron Sams)，他們有部分學生因種種原因無法到課，跟不上學習的進度。為了解決這個問題，他們把課堂講解和PPT演示的過程制作成視頻上傳到網絡上，讓無法到課的學生在家中學習，后來發現這種方式教學效果很理想，兩位老師就讓所有學生在上課前先觀看網上的視頻自學，在上課時為學生輔導作業、答疑解惑。兩位老師的這種教學方式因教學效果良好受到許多關注。2011年，可汗學院的創始人薩爾曼·可汗(Salman Khan)在TED會議上發表了“讓我們用視頻重造教育”的主題演講，掀起了網絡教學的風潮，翻轉課堂隨即引發了全球教育界的關注與討論。

翻轉課堂(Flipped Classroom)也被翻譯為反轉課堂或者顛倒課堂，英文簡寫為FCM，是指教師把原本在課堂上教學的內容錄制成視頻，讓學生在上課前先通過視頻學習相關知識，然后帶著學習過程中的疑問參加課堂教學，在課堂上教師和學生、學生和學生之間互相交流、探討、合作共享，從而實現學生對知識的深入掌握[2]。翻轉課堂作為一種全新的教學模式，顛倒了傳統教學模式中的課堂教學和課后練習，革新了教學理念，真正把學生作為學習的主體，把知識內化作為教學的重心，受到越來越多的教育教學者的關注和歡迎。如今，翻轉課堂在美國已經得到了大力的推廣和高度的認可，體現出了良好的教學效果，在我國的研究和應用也正在展開，并受到了教育界的好評。

2 “網頁制作”課程傳統教學模式存在的問題

“網頁制作”課程教學中主要存在以下幾個問題。

2.1 學生基礎差別大，難以因材施教

因材施教是教育教學中的一項重要原則，需要根據不同學生的認知水平和學習能力展開有針對性的教學。在傳統的教學模式下，教師在課堂上講課只能顧及到大多數學生的認知水平和接受程度，對于基礎較好、認知較快的學生是一種時間的浪費，而對于基礎差一些，認知比較慢的學生來說，他們往往跟不上教師講課的進度[3]。

“網頁制作”課程一般在大三展開教學，經過大一大二兩年的學習和競爭，學生之間已經拉開了不小的差距，再加上學生本身學習能力的強弱和接受新知識的思維快慢不同，傳統的教學模式無法顧及到所有學生的接受程度，會限制優秀學生的學習深度，拖垮后進學生的學習進程。

2.2 難以展開深層次制作技巧的教學

“網頁制作”課程是一門實踐性很強的課程，在許多簡單的操作背后有著深層次的制作技術和操作技巧。教師講授完基本的操作之后，需要進一步講解更深的制作技術和操作技巧，然而深層次的制作技巧是建立在基本操作的基礎之上的，學生必須通過上機實踐練習才能掌握基本操作。在傳統的教學模式下，由于學生尚未上機實踐，基礎的操作尚未掌握，此時講解更深的制作技術和操作技巧往往會給學生帶來困惑和迷茫，達不到教學的目的。另外，課堂時間的有限性也限制了教師對深層次制作技巧的教學。因此，在傳統的教學模式下，教師難以展開深層次制作技術和操作技巧的教學。

2.3 教師與學生之間、學生與學生之間缺少交流與互動

在傳統的教學模式下，教師在講臺上講，學生在下面聽，教師成了課堂的中心[4]，學生主動參與度不高，課堂氣氛比較沉悶。教師與學生之間交流較少，學生與學生之間也缺乏互動。教師與學生交流的較少，給學生的指點就較少，學生與學生之間互動較少，相互幫助和促進也就比較少。“網頁制作”課程需要打破這種沉悶的教學方式，用師生之間的交流和互動促進知識的相互傳遞，促進制作技術的共同進步。

2.4 學生作品缺乏改進與凝練，缺乏創造性

網頁制作技術沒有最精，只有更精，制作出來的網站沒有最好，只有更好。網頁設計就是一個持續改進、追求完美、尋求創新的過程。我們不只需要學生把作品做出來，還需要學生對作品進行改進和完善，從而做出更精美的作品，從中掌握更深層次的制作技術。然而，在傳統的教學模式下，課堂講授完后，學生按照教師的要求做出相應的作品就完成了任務，缺乏改進作品的動機和時間，缺乏創造性。

3 應用翻轉課堂教學模式可以針對性的解決傳統教學模式中存在的問題

翻轉課堂借助新的網絡教學技術徹底顛覆了傳統的教學模式，使學生真正成為學習的主人，可以針對性的解決傳統教學模式中存在的問題。

3.1 翻轉課堂有利于開展因材施教

在傳統的教學模式中，由于學生基礎的差別和學習能力的不同，并非每個學生都能有效跟進課堂講授的進度。在翻轉課堂教學模式下，教師把講授的內容做成視頻，學生在課前自行觀看，每個學生就可以根據自己的情況把握學習的進度[5]。學習能力較強的學生看一遍就掌握了，學習能力中等的學生看完之后也許會把重點的或者沒看懂的部分再看一看，學習能力差一些的學生可以把視頻反復多看幾遍，直到學會為止。學生在觀看視頻的時候可以暫停一下思考，可以后退重放關鍵步驟，或者快進略過已經掌握的知識。這樣，不同的學生可以根據自身的情況決定學習的快慢進程，達到因材施教的目的。

3.2 翻轉課堂有利于開展深層次制作技術和操作技巧的教學

在翻轉課堂教學模式下，教學視頻一般是由一系列微課程教學視頻組成[6]，教師可以把基礎的操作、深層次的操作、制作技巧等分別做成微視頻，學生在學習了基礎操作之后，可以先動手練習，掌握基礎的操作，然后再觀看深層次操作和制作技巧的視頻，從而有效掌握相關的知識。由于學生在課前已經學習了相關的基礎知識，豐富了課堂教學時間，也有利于教師在課堂上講解深層次的內容。

3.3 翻轉課堂有利于增強互動、開展交流與協作

在翻轉課堂教學模式下，學生在課前通過觀看教學視頻學習相關的知識，并通過一定的練習題了解自己對知識的掌握情況。在課堂上，不再是教師在上面主動講課，學生在下面被動聽講，而是教師與學生充分互動，促進學生對知識的內化與吸收[7]。教師可以給學生輔導作業，也可以向學生答疑解惑，與學生探討問題，學生與學生之間也可以相互交流、相互幫助，形成一個充分互動的大課堂。

3.4 翻轉課堂有利于促使學生改進作品，激發創新

網頁作品需要反復改進，精益求精，從而做出功能完善、界面精美的作品。在翻轉課堂模式下，教師在課前就把教學視頻和相關作業發送給學生，學生學完視頻后，按照作業的要求做出相應作品。在課堂上，通過相互評比、討論，學生可以認識到如何使自己的作品更為精美，教師可以在技術上給學生提供指導，從內容上對學生的作品提出修改意見，學生可以進一步改進自己的作品，操作技術也能得到鍛煉和提高。在反復改進的過程中，通過教師與學生之間、學生與學生之間意識的交流、思想的碰撞，也有利于激發學生的創造性，從而做出更加精美的作品。

4 “網頁制作”課程應用翻轉課堂教學模式的關鍵因素

“網頁制作”課程應用翻轉課堂教學模式效果好不好，關鍵取決于以下幾點：

4.1 教師的角色定位

知識的學習分為知識的傳遞和知識的內化[8]。在翻轉課堂教學模式下，課前教學視頻完成知識的傳遞作用，課堂教學主要完成知識的內化功能。這就要求教師要轉變思想觀念，正視自己的角色定位。在課堂上，教師不在是高高在上的知識的講授者，要變成學生身邊的指引者和幫助者[9]，不再是教師在上面講、學生在下面聽的“一言堂”，要變成師生共同研究、相互交流和探討的“大聯歡”。教師要在思想上充分認識到角色定位的變化，在行動上切實擔當起學生的引路人和墊腳石，以同伴共同學習的形式的把自己的知識傳授給學生。

4.2 教學視頻的設計和選擇

在課前教學視頻的選擇上，教師可以選擇網上已有的微課程視頻或者自己創作視頻。不管是網上已有的微課程，還是自己創作視頻，每段視頻都需要短一點[10]，一般在10分鐘以內，不超過15分鐘。一方面，現在許多學生比較浮躁，在沒有約束的時候很難靜下心來長時間觀看一段視頻。另一方面，比較短的視頻也適合碎片化的時間學習，比如學生等公交車的時候也可以學習一個知識點。網頁制作的過程中有很多技巧，可以把這些技巧做成一個個微視頻，學生在學習了基礎知識之后可以進行觀看，可以使學生有效掌握網頁的制作技巧。

4.3 課前自主學習的監督和激勵機制

在翻轉課堂教學模式下，學生課前觀看視頻自學是教學的一個重要環節，學生有沒有觀看視頻、觀看的是否認真對教學效果有很大的影響[11]，所以就必須建立適當的監督機制約束學生的自主學習行為。首先，要從思想上激勵學生認識到自主學習的重要性，要讓學生樂于主動學習、自我學習；其次，要留有一定的練習題，學生觀看視頻后要做相關的練習題，通過完成練習題監督和約束學生；再次，要鼓勵學生集體觀看視頻，比如同一個宿舍的同學可以在宿舍一起觀看，或者比較要好的同伴可以一起觀看視頻，在觀看的時候還可以相互探討和交流，增強學生的參與意識和集體精神，激勵學生相互學習、相互競爭。

4.4 課堂上協作式學習環境的構建

翻轉課堂的課堂教學不再是沉悶的教師講、學生聽，而是師生之間充分交流、充分互動，要構建相互交流、相互探討、相互學習、相互合作的協作式交流環境[12]。對于“網頁制作”課程，可以把原本在多媒體教室進行的理論課也放在機房進行，充分利用機房多媒體教學軟件的互動性特點構建教師與學生之間、學生與學生之間的協作式交流環境。在多媒體教室，學生只能聽講，無法使用電腦隨時操作和體驗。在機房里，學生可以隨時修改自己的作品，還可以借助多媒體教學軟件與教師、與其他同學互動，共享資源文件也非常方便。

5 “網頁制作”課程翻轉課堂教學活動設計

在翻轉課堂教學模式下，課堂教學要承擔使學生把知識內化吸收的重要責任，因此課堂教學并不因課前的視頻教學降低重要性，反而要進一步重視課堂教學，充分利用課堂教學的寶貴時間，設計科學合理的課堂教學活動，提高學生對知識的認知和掌握程度。對于“網頁制作”課程，基于4.4的分析，課堂教學盡量放在機房進行，充分利用機房多媒體教學軟件的互動性特點以及學生可以隨時操作的優勢構建協作式交流環境，課堂教學活動可以由以下幾部分組成：

5.1 作品展示與討論

由于學生已經在課前通過教學視頻學習了相關知識，教師在上課前必須先了解學生對知識的掌握情況，可以在課前根據教學內容給學生布置相應的作品任務，上課時先讓學生展示他們的作品。這樣，一方面教師可以了解學生對知識的掌握程度和應用能力，發現學生使用過程中存在的問題，為課堂教學活動做好準備，另一方面也可以促進學生相互交流和學習，可以讓學生展示自己的作品并對構思、布局、顏色搭配、技術應用等做以說明，然后相互評比和討論，相互提出作品改進意見和技術應用建議。

5.2 疑難問題分析與解答

在學生作品展示和相互討論的過程中，教師可以及時分析發現的問題，給學生提出指導和建議，也可以讓學生隨時提出自己的疑問，教師給予解釋和說明，充分構造一個人人主動參與，大家協作互動的課堂教學環境。在這個過程中，可以全班一起討論，也可以讓學生分組討論，充分發揮學生的主觀能動性。教師一方面要努力引導學生營造共同參與共同討論的大氛圍，另一方面要像同伴一樣幫助學生學習相關知識，在知識傳授的過程中無聲無息的成為學生的良師益友。

5.3 技術指導與操作技巧演示

對于一些復雜的技術，教師有必要在課堂上進行理論講解和技術演示，要把復雜的操作技術分解成為簡單的操作步驟，通過細節的演示和關鍵點的說明讓學生充分了解操作的要點。講授完了之后可以讓一兩個學生操作，其他同學觀看，在學生操作的過稱中發現問題，及時提醒學生加以改進。最后讓所有學生一起自主練習，使學生通過理論講解、技術演示、同學操作、自主練習四個步驟掌握深層次的操作技術。

5.4 作品改進與創新

技術有沒有真正掌握，最終還是要靠實踐來檢驗。經過課堂的討論與學習，學生可以對原來的作品再進行改進。經過大家的討論，學生能了解到如何更加合理的對頁面進行布局，經過教師的指導，學生能深入掌握更多的制作知識和操作技巧，并應用這些知識和技巧制作出更加完善的頁面。在改進的過程中，學生依然處在相互交流、相互協作的環境中，這樣可以活躍學生的思維，激發學生進行創新，教師也要對學生進行鼓勵，促進學生合理使用知識，巧妙應用技巧，做出精美的作品。

6 教學效果

筆者對自己所帶的同一個專業的兩個班進行了教學對比實驗，一個班采用傳統的教學模式，另一個班采用翻轉課堂教學模式，應用以上思想進行教學，兩種模式課堂教學效果對比如表1所示。

表1 課堂教學效果對比表

從表1可以看出，翻轉課堂教學模式的課堂教學效果明顯優于傳統模式。

期末對兩個班進行了考核，考核成績由平時成績、實踐作品成績和考試成績3部分組成，其中平時成績占10%，實踐作品成績占40%，考試成績占50%，考核成績對比，如表2所示。

表2 考核成績對比表

從表2可以看出，翻轉課堂教學模式的考核成績也明顯優于傳統模式。

7 總結

翻轉課堂在課前通過學生觀看視頻實現知識的傳遞，在課堂上通過師生互動實現知識的內化，通過對課堂學習和課后練習的翻轉實現以學生為核心的教育理念。把這種教學模式應用于“網頁制作”課程的教學活動中，能有效提高課程教學水平，有力提高學生的網頁制作技術，并為其他課程應用翻轉課堂教學模式提供良好的參考范例。

[1] 龔純妹. 翻轉課堂在《網頁設計與制作》課程中的應用研究[J]. 中國教育信息化,2016(8):37-39.

[2] 朱榮,李曉飛,李順. 基于翻轉課堂的項目教學模式研究與實踐——以“計算機圖文設計”課程為例[J]. 中國遠程教育,2016(5):29-35.

[3] 梁爽,劉迎春,屠蕓. 課內漸進式翻轉課堂教學模式的設計與應用——以中職學校“網頁制作”課程為例[J]. 現代教育技術,2016(7):78-84.

[4] 張金磊,王穎,張寶輝. 翻轉課堂教學模式研究[J]. 遠程教育雜志,2012(4):46-51.

[5] 曾明星,周清平,蔡國民，等. 基于MOOC的翻轉課堂教學模式研究[J]. 中國電化教育,2015(4):102-108.

[6] 宋朝霞,俞啟定. 基于翻轉課堂的項目式教學模式研究[J]. 遠程教育雜志,2014(1):96-104.

[7] 曾明星,周清平,蔡國民等. 軟件開發類課程翻轉課堂教學模式研究[J]. 實驗室研究與探索,2014(2):203-209.

[8] 趙興龍. 翻轉課堂中知識內化過程及教學模式設計[J]. 現代遠程教育研究,2014(2):55-61.

[9] 何克抗. 從“翻轉課堂”的本質,看“翻轉課堂”在我國的未來發展[J]. 電化教育研究,2014(7):5-16.

[10] 董黎明,焦寶聰. 基于翻轉課堂理念的教學應用模型研究[J]. 電化教育研究,2014(7):108-113.

[11] 馬秀麟,趙國慶,鄔彤. 大學信息技術公共課翻轉課堂教學的實證研究[J]. 遠程教育雜志,2013(1):79-85.

[12] 張金磊. “翻轉課堂”教學模式的關鍵因素探析[J]. 中國遠程教育,2013(10):59-64.

Research on the Application of Flipped Classroom in the Teaching of "Web Design" Course

Xue Hui

(The Teaching Affairs Service, Shangluo University, Shangluo 726000, China)

In order to improve the teaching quality of "Web design" course the paper analyzed problems existed in the teaching, and put forward to solve these problems by using the flipped classroom teaching mode, researched the key factors of the application of the flipped classroom teaching mode, designed teaching activities in the application of flipped classroom, carried out a comparative teaching experiment. The results show that we can effectively improve the teaching quality of "Web design" course by using the flipped classroom teaching mode.

Flipped classroom; Web design; Teaching

陜西省教育科學“十二五”規劃2014年度課題(SGH140754)

薛 輝(1983-)，男，陜西商洛人，商洛學院教務處工程師，計算機技術專業，研究教育教學改革

1007-757X(2017)03-0042-04

TP311

A

2016.11.17)