“互聯網+”背景下《Web制作技術》翻轉課堂教學實踐研究

肖丹

摘要：該文以《Web制作技術》課程為例對基于“翻轉課堂”的高職課程項目化改革進行了研究與實踐。“翻轉課堂”改變了傳統的知識傳授方式以及傳統教學中的師生角色，充分利用課前和課后的學習時間，提高了課堂的學習效率，實現了對傳統教學模式和學習方式的革新。通過對“翻轉課堂”教學模式的分析，并圍繞學習資源組織、平臺建設、師生活動等因素進行探索，為其他高職課程的項目化實踐提供借鑒。

關鍵詞：微課；翻轉課堂；《Web制作技術》課程

中圖分類號：G642 文獻標識碼：A

文章編號：1009-3044（2019）08-0075-03

1 研究背景

1.1 翻轉課堂的特點

互聯網時代人們通過從電腦和移動設備上瀏覽網站獲取資訊，采用信息化手段輔助教學已經成為一種必然的趨勢。翻轉課堂的教學正是適應這一新的變化應運而生的。所謂翻轉課堂，就是由教師錄制“微課”等教學視頻，以及學習任務單等其他電子化學習資源供學生學習，學生在上課前觀看教學視頻，下載學習資源進行自主學習，完成知識的傳授。在課堂上，教師和學生利用案例或項目練習對知識的疑難點進行問題探究和協作討論，完成知識的內化。在課后，教師對學生完成練習的情況進行評價和反饋。

翻轉課堂中所用到的“微課”是指以視頻為主要載體，記錄教師在課堂內外教育教學過程中圍繞某個知識點或教學環節而開展的教學活動的過程。其主要部分即教學視頻，以及相關的教學設計、課件、習題等供學生自主學習的教學資源。這些教學資源通過知識樹的呈現方式構建成一個學習主題的單元資源包。微課與傳統的單一形式的教學資源不同，它是順應科技發展起來的更利于學生學習和內化的新型教學資源。

微課具有以下幾個特點：第一，課程短小。教學視頻為5到10分鐘，以期在較短時間內，引起學習者的興趣和注意力。第二，內容系統。圍繞課程核心的知識點建構知識樹，幫助學生系統學習課程。第三，自主選擇。每個教學視頻都是一個顆粒化的知識點，學生可以根據自身情況安排學習進度，教師也可以根據自己的課程需要自由地組課。

傳統職業教育中不管是掌握理論知識還是獲得實踐操作技能，學生都是學習的被動者。翻轉課堂教學模式充分尊重學生的主體意識，充分發揮學生的主體作用，實現知識的傳遞和吸收內化。基于微課的翻轉課堂教學將線上教學資源與線下課堂教學結合在一起，使教師能根據學生的個體差異進行因材施教，使學生能進行移動式、個性化的學習。

1.2 《Web制作技術》課程改革的必然性

1.2.1 學生特點

課程教學對象是數字媒體藝術設計專業二年級學生，他們動手能力和模仿能力較強，自主分析解決問題能力較弱。學生特點是思維活躍，喜歡與他人交流，共同合作解決問題。由于現階段的大學生平時接觸網絡很多，已經習慣了在網絡上獲取新的知識進行學習。

1.2.2 課程特點

《Web制作技術》課程的重點是培養學生綜合利用Dreamweaver， Photoshop， Flash等多種軟件完成網頁的設計與制作。其前導課程為《Web視覺設計》，后續課程為《響應式Web設計》。通過本課程的學習與實踐，學生應能獨自進行網頁的設計和制作。

本門課程的教學目標分為知識目標、能力目標和素養目標。知識目標包括掌握網頁設計的基本原則， 利用各種輔助設計工具完成網頁的設計，掌握網頁的制作方法和網站的配置發布。能力目標包括分析頁面的結構并進行頁面布局的設計，制作出完整的網站前端。素質目標包括掌握網頁設計的基本原則，利用各種輔助設計工具完成網頁的設計，掌握網頁的制作方法和網站的配置發布。

1.2.3 采用翻轉課堂的必要性

《Web制作技術》這門課程強調的不僅是知識的獲取，更是能力的培養，需要學生發揮想象力設計美觀實用的網站，使用CSS+DIV布局、表格、表單等完成網站的制作，這通常需要幾天到幾周的時間來完成。因而該門課程的考核不是筆試而是要求學生在電腦上完成一個網站的設計與制作。該課程采用實踐型教學和階段性考查，不是以考試而是階段性作業和最終的作品作為考查結果。

在教學中采用以微課為基礎的翻轉課堂的方式，主要有以下的原因：1、翻轉課堂教學模式切合高職教學的專業性和職業性的特點，增加實踐性教學課時，提高學生的職業技能；2、更好地做到了因材施教、分層教學。高職學生的認知發展水平差異較大，翻轉課堂可以滿足分層教學的要求。

2 教學實施過程

依據職業教育教學改革要求，基于翻轉課堂教學理念，采用情境教學、任務驅動等教學法進行教學設計，利用網絡課程教學平臺的教學資源，開展“課前導習、課中學習、課后拓展”的教學活動。

學習平臺包含了知識樹結構、知識點、微課幾個功能模塊。平臺的設計主要以微視頻的方式表現，視具體知識點不同，也可以包括微教案、微課件、微習題等輔助網絡資源，如圖1所示。

2.1 課前導學

教師將課前學習資料上傳到網絡課程平臺，并通過QQ群、微信群等發布課前預習通知。學生在看完教學視頻之后，對視頻中的收獲和疑問進行記錄。同時，學生要完成教師布置的針對性課前練習，以加強對學習內容的鞏固并發現學生的疑難之處。對于學生課前的學習，教師利用信息技術平臺提供網絡交流支持。 學生在家可以通過留言板、聊天室等網絡交流工具與同學進行互動溝通，了解彼此之間的收獲與疑問，同學之間能夠進行互動解答。

教師設計學習任務單，指導學生進行課前學習。以四節課的企業網站頁面制作為例，該學習任務單如表1所示。

2.2 課中

2.2.1 確定問題

學生在課前觀看教學視頻和完成課前練習時提出疑問，教師根據學生的疑問和課程內容總結出一些有探究價值的問題，根據問題的深淺和遞進關系列出問題列表，便于學生在課堂上解答。

2.2.2 獨立探索

以學習內容為主線，以問題列表為輔助，教師帶領學生進行任務分解和實踐，讓學生在實踐中掌握學習內容。教師鼓勵學生進行獨立的思考和探索，通過向學生提問的方式一部分問題得到解答，未解答的問題則可以在后續的學習中繼續解答。

2.2.3 協作學習

教師針對未解答的問題組織學生分組討論、交流，上機實踐。點評和互評任務的完成情況；分析制作過程中的問題；分享個人掌握的知識和技能。

2.2.4 成果匯報

部分學生上臺展示網頁作品制作過程。通過作品展示培養學生自我表達的能力，同時教師給予其他學生更多的激勵。

2.2.5 反饋評價

教師對學生的展示和交流內容進行概括和總結。鞏固學生知識技能，達到強調重點，攻破難點的目的，使學生獨立構建自己的經驗和知識體系。

2.3 課后

教師發布課后拓展活動，并與企業專家對學生進行遠程答疑。通過翻轉課堂實現了分層教學設計，為學有余力的學生所做的調整有：（1）提供難度稍高的練習作業；（2）增加創造型思維的訓練，課前要多準備相關任務和實踐案例的創造型問題，引導他們自主學習。為需要幫助的學生所做的調整有：對技能學習和掌握較慢的同學進行小組內互助和教師一對一指導，并適當降低要求。

3 總結

《Web制作技術》實行翻轉課堂教學后，學生綜合評分有所提高，自學能力增強，提高了知識技能和職業素養。課程主要圍繞學習資源組織、平臺建設、師生活動對課程設計與實踐進行了創新，深化教學活動與學生的交互，為高校實踐類課程的改革探索提供了借鑒。

3.1 學習資源組織

教師在錄制微課時通過建立知識樹將課程重點分解為多個關聯的知識點，利用任務單為學生進行教學引導，并提供教學設計、課件、習題等教學資源方便學生自主學習。

3.2 平臺建設

翻轉課堂搭建了信息化的教學平臺，達到了多種教學目的：1）網絡課程教學平臺將“教”與“學”的時間和空間進行了延伸，為課前導學和課后拓展提供了便利；2）教師利用多媒體電子教室實現課堂上任務和作業的發送，對學生學習情況進行掌控，并能對學生實施一對一的單獨輔導。

3.3 師生活動

翻轉課堂的教學更加靈活，教師從知識傳遞者變成了引導者，成為教練。這就要求教師能根據學生課前的反饋制定問題列表，隨著學生在課堂中的學習不斷調整學習的方法和進度，比以往傳統的統一授課方式對教師的要求更高。

參考文獻：

[1] 張金磊. “翻轉課堂”教學模式的關鍵因素探析[J]. 中國遠程教育， 2013（10）： 59-64.

[2] 郭文良， 和學新. 翻轉課堂：背景、理念與特征[J]. 教育理論與實踐， 2015， 35（11）： 3-6.

[3] 林雪燕， 潘菊素. 基于翻轉課堂的混合式教學模式設計與實現[J]. 中國職業技術教育， 2016（2）： 15-20.

[4] 周賢波， 雷霞， 任國燦. 基于微課的翻轉課堂在項目課程中的教學模式研究[J]. 電化教育研究， 2016（1）： 97-102.

[5] 把玉琴. 國內基于翻轉課堂的項目式教學研究綜述[J]. 中國教育信息化， 2017（16）： 4-8.

[6] 榮艷冬. 翻轉課堂教學模式下數字化教學資源庫建設——以網頁設計與制作課程為例[J]. 軟件， 2018， 39（9）： 213-215.

【通聯編輯：謝媛媛】