翻轉課堂教學模式在中職Dreamweaver網頁設計課程教學中的探究

張明霞

[摘 要] 科學技術的進步和教育理念的不斷更新，要求教學模式也要與時俱進，以不斷適應社會的發展和教學對象需求的多元變化。網頁設計課程的普遍開設，旨在培養學生的綜合素能，提高學生的動手能力和計算機操作技能，因而對學生的自主學習與主動實踐具有較高的要求。而翻轉課堂作為一種新型教學模式，改變了傳統的教學設計，在激發學生學習的自主性方面起到了良好的效用。如何運用翻轉課堂這種新模式來優化傳統的網頁設計課程并提高教學效率，是一個值得關注的問題。

[關 鍵 詞] 網頁設計；翻轉課堂；中職學校；教學模式

[中圖分類號] G712 [文獻標志碼] A [文章編號] 2096-0603（2016）14-0050-02

一、研究背景

Dreamweaver網頁設計課程是計算機專業學生必備的基本技能之一，對提高計算機修養、增強對后續課程的理解能力有著不可或缺的作用。Dreamweaver網頁設計課作為網站建設與管理專業的核心課程，具有很強的實用性，該課程的目的是使學生掌握HTML標簽的基本用法，為以后學習使用DIV+DSS制作網頁打下堅實的基礎。教學過程中既要進行教學內容的不斷更迭，又要在教學方法上不斷創新以適應學生的學習特點，激發學生的學習自主性。本文從網頁設計課程根本教學目標及課堂現狀入手，結合自身的實際教學工作，分析翻轉課堂在此課程中的具體實施方法，并對其存在的問題和解決對策進行分析，對翻轉課堂教學模式在網頁設計課程教學中的應用進行闡述，深入探討如何利用翻轉課堂的教學模式來科學有效地將教材理論知識內化為學生的應用技能。

二、Dreamweaver課程教學存在的問題

（一）學生缺乏自主性

傳統的網頁設計課堂，教學流程通常是“理論講解—分析案例—教師演示—學生模仿—布置作業”，套路僵化，模式單一。學生上課的主要內容就是被動地聽、記和模仿，難以發揮他們的自主性。同時，傳統的教學模式將學生學習的時空限制在有限的課堂上和教室里，對于學生在課前的預習和課后的復習缺乏有效的督促與掌控，也缺乏對學生自主學習的監管機制。

Dreamweaver網頁設計課程是中職網站建設與管理專業的一門專業基礎課，為后續學習DIV+CSS制作網頁打下堅實的基礎。初次接觸網頁設計這門課程的中職一年級學生整體基礎不是很好，普遍存在著接受能力、自控能力、行為習慣較差等情況。大部分學生由于年齡偏小、知識結構不佳，計算機應用水平更是普遍較低，甚至很多學生對這門課程一無所知，認識不到系統學習計算機類課程的重要性，利用傳統教學流程開展教學的話，學生在學習時自然有很強的抵觸情緒。

（二）學生的個體差異被忽視

在對學生作進一步了解分析后，就會發現網頁設計課程的教學對象在整體上基礎較差的同時，但普遍喜歡這門實踐性較強的課程，而且這些學生存在著個體上的顯著差異。學生對計算機和網頁的了解差距很大，計算機操作水平也參差不齊。而在傳統的網頁設計課堂中，教師通常采用統一化的教學，很難照顧到所有學生的個體差異，無法兼顧不同情況學生的需要。

此外，由于教學資源有限，每周只有兩次上機實踐課，傳統的網頁設計課堂大部分時間都由教師單向傳授知識，學生則處于被動地位，缺乏獨立思考和練習實踐的時間與機會，難以對教學內容產生深入的理解和掌握。

三、關于翻轉課堂教學模式的實踐與探索

基于上述網頁設計課程教學現狀，本人認為可將翻轉課堂的模式融入教學中，從而有效地解決現存的問題。教學的設計可從課前準備、課堂管理以及課后反饋這三個環節入手。將網頁設計課程與翻轉課堂模式相結合，教師和學生在課前、課堂以及課后的工作可用圖1表示。

（一）課前準備

1.設計任務或問題

大教育家夸美紐斯說過：“應該用一切可能的方法去激發孩子身上的求知與求學的欲望”。課前，教師根據教學目標設計問題或任務，學生通過QQ、微信等網絡平臺接收問題或任務，利用業余時間進行預先學習與演練，做到有的放矢，提高效率。通過課前的準備，培養學生信息搜集、整理、加工能力，激活其思考力，加強知識積累。

2.收集學生問題

在上課之前，教師及時關注此前為學生設計問題的解答情況，跟進課前自學任務的完成情況。根據學生的自學情況，教師將其中出現頻率較多、易于混淆以及教學的難點等問題進行整合，并將這些內容融入教學視頻中。

3.制作教學視頻的制作

教師可以將收集資料的重點放在QQ、微信等平臺上。針對學生在自學過程中出錯頻率高的教學重難點問題親自錄制成教學視頻，也可下載借鑒相關專業網站上的開放資源。

（二）課堂管理

1.學生主導

教師對學生進行分組，可讓學生為其小組命名，以激發其興趣。在實踐中發現，若鼓勵學生為自己所在小組命名，諸如“百度”“網易”等與網頁有關的隊名往往比簡單的“第一組”“第二組”的隊名更能喚起學生的參與性。

教師逐一對各小組討論情況進行監督和參與討論，并對其作品作點評與指導；教師評價之后再讓學生改進，之后再次點評，如此循環，使學生逐步獲得提高，使學生在評價中自醒、

自信。

2.任務驅動式教學

任務驅動的方式可以有效激發學生的主觀能動性，且在任務完成時能使學生產生成就感和滿足感，使其對后面的學習任務充滿期待。

以本人實際教學實踐為例，在教授“網頁布局”這一內容時，教學目標是讓學生掌握表格的編輯與美化，進而優化頁面布局。教師提前在晚自習時間到班中進行輔導，利用這段時間將優秀的網頁表格作品展示給學生，將此作品的成功之處和制作過程中需要注意的事項進行簡單提示，并且要求學生自學后將個人或小組的模仿作品于下節課帶來。在正式上課時，學生分組展示模仿的作品。針對優秀的作品，作者會請學生小組派代表來講解制作過程；而對于學生普遍存在的錯誤或缺失之處，作者再給予點評和演示。在這個過程中，學生從自學、展示到聽教師點評，都是帶著具體的任務或問題的。以明確的目標為導向，使學生的積極性有了顯著提高。

3.協作與交流

翻轉課堂的核心理念之一就是學生之間的協作。通過互相配合與分工，學生可集團體智慧于小組作品中，并且在彼此的互動中碰撞出更多智慧的火花，激發火花，激發創造力，這對網頁設計課程來說是有積極作用的。直白地說，學習網頁設計的目的就是為了就業，而此行業的從業者不僅需要扎實的操作技能，更需要無限的創造性。

同時，學生通過交流學習心得以及分享完成作品的成功與喜悅，進一步加強了激勵因素的激勵效應。舉辦校園展覽會、報告會、辯論賽以及課程競賽等，都可以作為學習成果交流的形式。

（三）課后反饋

課后反饋是一個雙向的過程，既是教師通過作業、測驗等對學生的學習效果進行評估，又是一個反映教師教學水平的過程。在翻轉課堂模式下，網頁設計課程的學習效果評價可通過學生自評、小組互評、教師點評等方式開展。我常常鼓勵學生在課堂上發表意見，學生在課堂上直接表達自己的建議和想法，提高職校學生的表達能力和理解能力。另外，也可以在網絡環境下評價，讓學生把作品發在網絡空間上，通過留言、點贊的形式評價學生作品。

整體上來講，網頁設計課程實施翻轉課堂的過程可用圖2表示：

“問題”是指學生在教師的引導下帶著問題去尋找相關信息、初步完成作品；“計劃”是指教師根據教學目標和學生情況制定課堂教學計劃，并幫助學生有計劃地完成小組任務；“實施”則是教師的課堂管理與學生的實踐操作；“展示”是指學生在通過教師指導和個人努力后完成任務，進行成果匯報與展示；“評價”則指教師對學生作品深度點評后，提出學生個體與共性存在的問題及解決建議；“內化”是指學生根據教師點評進行修改完善，并經過這一整套流程將最初收集到的信息吸收、內化為自己的知識存儲。

經過實踐證明，翻轉課堂將傳統的“課前預習—課堂講解，課后復習”的教學流程改進為“課前深度自學—課堂探討內化—課后改進升華”的程序，將以教師為主導的傳統單向授課變為學生主導的協作交流教學模式。

總體而言，對于網頁設計課程而言，翻轉課堂是一種據實踐意義并且行之有效的教學模式。將網頁設計課程與翻轉課堂模式很好地結合，能夠讓不同基礎、不同層次的學生體驗到探究問題、完成任務的成就感，激發他們的學習自主性，提高了該課程教學效率的長效內化。

參考文獻：

[1]庫爾特·勒溫.再論教育目的[M].高覺敷，譯.北京：商務印書館，2010.

[2]顧明遠.教育社會學[M].西安：陜西師范大學出版社，2013.

[3]盧強.翻轉課堂的冷思考：實證與反思[J].電化教育研究，2013（8）：47-49.

[4]張金磊.翻轉課堂教學模式研究[J].遠程教育雜志，2012（4）：177-180.