《網頁設計與制作》課程翻轉課堂教學探討

樂慧芳

摘 要：本文將翻轉課堂和微課結合的教學模式引入到了《網頁設計與制作》這門課程，探討了一下本門課程課內外翻轉的教學組織形式和微課設計，希望與同行一起交流學習。

關鍵詞：微課 翻轉課堂 網頁設計與制作

一、緒論

（一）研究的意義

近年來，慕課和可汗學院等新的教育形態在“互聯網+”技術支持下出現在教育領域，學生不再單純依賴教師的講授來獲取知識，可以通過互聯網獲得新的、最前沿的知識。學習不光是獲得知識的過程，更是培養學習能力，建立自信自我的過程。《網頁設計與制作》這樣含有大量操作的課程，我覺得采用翻轉課堂+微課的教學形式能讓學生按照自己的進度來學習，提高他們的學習興趣和學習效率， 因此值得嘗試。

（二）翻轉課堂和微課技術

[1]翻轉課堂設計的核心思想是將傳統教學活動中的知識傳授和知識內化這兩個環節顛倒與翻轉，在課堂上老師將不再講授知識，學生在課前在通過自主學習完成知識的獲取，老師在課堂上幫助學生來解決學習中遇到的問題。

微課是一種短小的視頻，它既可以作為課堂上的教學資源，可以實現因材施教。翻轉課堂和微課程技術相結合的新教學模式是一種大膽的嘗試，它改變了我國教育幾千年來，“上課聽講”的模式。

二、《網頁設計與制作》翻轉課堂教學可行性分析

我的教學對象是中專二年級的計算機專業學生，具備基礎計算機使用技能。教學內容和目標是課堂教學設計的出發點。經過對教學內容的仔細研究，我覺得可將《網頁設計與制作》這門課程看作一個項目，將項目分解逐級教學。我打算制作PPT課件講解網頁結構分析，采用屏幕錄像軟件Camtasia Studio 8來錄屏我的PPT講解和Dreamweaver cs6.0制作網頁的操作。

三、《網頁設計與制作》課程微課開發方案

（一）梳理課程重難點

課程知識結構梳理，分解重難點。教材我采用的是高等教育出版社第三版[2]《Dreamweaver 網頁制作》，整本書分為十個單元，其中前九個單元圍繞一個簡單的個人網站實例展開，最后一個單元采用Div+CSS 布局，綜合運用所學知識來制作企業網站。按照教學計劃，課程分兩個學期教學。采用微課程+翻轉課堂的教學形式教學，就要將課程重難點進行梳理。我計劃前五個章節為第一個學期的內容，后面五個章節為第二個學期的內容。以第一個學期前五個章節為例，重難點見表1。

（二）教學中翻轉課堂組織

微課的翻轉課堂教學模式大致可以分為兩類：一種是課堂內外的翻轉；另一種是課堂內部翻轉。根據教學的需要，微課可以安排在課前進行知識的傳遞與反饋，也可以安排在課中讓學生自主學習，完成知識傳遞與反饋。無論微課出現在課外還是課內，都是翻轉課堂模式下的先學后教。根據學生的特點，我覺得不可在將課程的全過程都采用一種翻轉課堂模式，部分章節課堂內翻轉，部分章節采用課內外的翻轉。我計劃在第一章、第二章和第三章采用課內翻轉模式教學，第四章和第五章采用課內外翻轉模式教學。

剛開始接觸微課，為了讓學生慢慢適應自學—內化知識點的學習方式，我決定先采用課內翻轉，控制自學的節奏，監督學生形成自學微課的習慣。課堂上我采用小組模式，組織集中學習微課。一個組長帶幾個組員，通過靈活的考核評分形式，加大組長的工作熱情帶動和督促組員學習，也培養小組內的團隊合作精神。

課外翻轉課堂我會先要求學生在家中觀看微課視頻，觀看完畢后完成學習任務并于上課前三 天通過電郵發給我批閱。課前一周我就跟班主任說明課程要求，請班主任聯系家長配合，共同監督學生在家學習情況。規定統一在家學習時間，要求學生上線QQ打卡報到，并統一時間發放微課視頻給予學生下載，同時在線上同步監督學生學習情況。

（三）微課腳本設計

腳本設計是微課設計的重要環節，它是按照整個教學過程來設計出具體教學內容的先后順序，以及對各部分知識點在微課視頻中的布局、動畫、配音等等進行的詳細設計，它是微課技術制作的藍圖。在進行腳本設計之前，要先搜集整理相關的素材，選擇出合適的資源，既貼合主題，又可以吸引學生的興趣，促進教學效果。在設計微課學習任務時，既要照顧到基礎弱的學生能吃透，還要照顧到學習能力強的學生能吃飽。

四、翻轉課堂教學過程中遇到的問題

微課和翻轉課堂的教學模式能順利地開展，還需要班主任和家長的配合。課前班主任要跟學生家長溝通，讓家長理解新教學安排不是甩包袱給家長，而是充分尊重每個孩子的特點，讓孩子都能按照自己的進度去學習，鼓勵孩子建立學習興趣和自信心。在課外翻轉自主學習的時候容易出現學生因為某些原因無法按規定時間學習微視頻，我除了在QQ上留言叮囑也會及時給學生電話聯系問清楚情況，并記錄下缺席的學生預約別的時間學習微視頻。

結語

一個新的學習方式要能得到學生和家長的接受需要一個過程不是一蹴而就。學習效果和學生的學習熱情的轉變是最重要的衡量標準。我不斷地根據學生的特點改進我的微課內容和微課的表達方式，希望能幫助學生成就最好自己。

參考文獻

[1]張文，馬秀芳.基于微課的翻轉課堂教學設計研究[J].教育信息技術，2015.03.

[2]王樹平.Dreamweaver 網頁制作[M].高等教育出版社，2016.7.3.