網絡環境下動態網頁技術課程翻轉課堂的教學設計

摘要：針對動態網頁設計課程項目教學法中存在的問題，通過對翻轉課堂教學模式的分析，提出了網絡環境下動態網頁技術課程翻轉課堂的教學設計思路，既根據項目教學法的需要來構建翻轉課堂的微課教學資源，并根據翻轉課堂的教學理念進行“課前-課中-課后”的教學活動設計，然后再通過網絡學習平臺來實現微課學習資源的共享和在線測試、檢查、反饋、評價和討論。

關鍵詞：網絡環境；動態網頁設計；翻轉課堂；教學設計

中圖分類號：G642 文獻標識碼：A 文章編號：1009-3044（2016）20-0173-02

Abstract： For dynamic web design course project pedagogy problems，the article was analyzed flipped classroom teaching mode， we proposed the instructional design ideas on flipped classroom of dynamic web design courses under network environment. It was built to micro-teaching resources according to the needs of project pedagogy， and according to the flipped classroom teaching philosophy， we carry out "before class， classroom， after class" teaching activity design，through network learning platform to realize the sharing of micro-lesson learning resources and Online testing， inspection， feedback， evaluation and discussion.

Key words： Web Environment； Dynamic Web Design；Flipped Classroom；Teaching Design

隨著計算機、多媒體和互聯網技術的高速發展，人類社會已進入了信息化的時代。信息技術的發展不僅改變了人們傳統的經濟活動方式和社會生活方式，而且，還對傳統的教育方式產生了深刻影響，促進了教育信息化的發展。如近年來出現的翻轉課堂教學模式就是利用現代信息化技術，運用網絡數字化平臺和多媒體技術，實現將知識傳授和知識內化顛倒安排[1]，以形成了一種“學習知識在課外、內化知識在課堂”的新型教學結構[2]。

動態網頁設計課程是計算機類專業，如軟件技術、網絡技術、計算機應用技術和移動互聯等各專業的專業核心課程，這門課程面向是軟件技術開發和網站設計等就業崗位，是計算機類專業學生所必須掌握的一門專業技能課程。但由于高職學生自身的數理邏輯能力比較弱，特別是對于網絡技術和計算機應用技術專業的高職學生而言，因其接觸的程序設計類課程相對較少，許多學生因缺乏程序設計思維方式，因而在學習過程中感覺到比較困難，因此，為了提高學習效率，培養學生自主學習的能力，拓展學生學習空間和時間，關注不同學生的學習需求，有必要對現在課堂教學模式進行改革，探索在動態網頁設計課程中引入翻轉課堂的教學理念，開展在網絡環境下翻轉課堂的教學設計研究，尋找新的教學組織形式、教學方法和教學手段，改變高職學生的學習習慣，培養學生學習興趣，增加課堂上師生互動時間，培養學生自主學習和小組合作學習的能力，以提高動態網頁技術課程教學效果。

1翻轉課堂的含義及特點

所謂翻轉課堂，就是在信息化環境中，課程教師提供以教學視頻為主要形式的學習資源，學生在上課前完成對教學視頻等學習資源的觀看和學習，師生在課堂上一起完成作業答疑、協作探究和互動交流等活動的一種新型的教學模式[3]。

翻轉課堂的特點就是將傳統教學中的“教師講授+ 學生作業”的教學過程，轉變為學生在課前先完成課程內容的自主學習，而在課堂上的大部分時間則是用于學生的作業答疑、小組的協作探究以及師生之間的深入交流等。

傳統課堂是以教師為中心，教師是知識的擁有者和傳播者，而學生只是被動地接受知識，而翻轉課堂則是以學生為中心，教師由原來知識的傳播者轉變為教學活動的組織者和學生身邊的指導者，而學生則由原來知識被動接受者轉變為教學活動中積極主動的參與者。學生在教學過程中有了更多的自主性，學生可以根據教師提供的教學資源按照自己的實際情況安排學習進程，開展自主學習。

在翻轉課堂中，教學資源的準備是保障翻轉課堂能否順利進行的關鍵，其中短小精悍的教學視頻（也被稱為“微課”） 是翻轉課堂教學資源最為重要的組成部分。而構建實施翻轉課堂教學的基礎性平臺，以便于幫助課程教師有效組織和呈現教學資源，動態地記錄學生的學習過程信息，及時了解學生的學習狀況和遇到的困難，并將課堂上的互動交流拓展到網絡空間，是提升翻轉課堂教學效果的關鍵。

2動態網頁技術課程引入翻轉課堂教學模式的原因

在動態網頁技術課程的教學中通常采用是項目教學法，而項目式教學法不同于傳統的教學方式，它是按照項目的開發過程來組織教學內容，在不同的教學項目中通常會包含傳統教學方式中多門專業課的知識點和技能點[4]，因而，在采用項目教學法的課程中，課程的教學內容較多，課程容量大，但由于學生缺乏課前預習的習慣，在課堂教學中教師仍然需要花費許多時間給學生講解為完成項目所必備的知識點，而給予學生自主學習的時間就會縮短，同時，由于學生學習能力參差不齊，使教師無法兼顧到不同層次學生的學習需求，因而也很難做到對學生進行個性化教學。

為了提高學習效率，培養學生自主學習的能力，拓展學生學習空間和時間，關注不同學生的學習需求，有必要對現在課堂教學模式進行改革，探索在項目教學法中引入翻轉課堂的教學理念，開展翻轉課堂與項目教學相結合的教學研究，尋找新的教學組織形式、教學方法和教學手段，改變高職學生的學習習慣，培養學生學習興趣，提高學生學習主動性和自律性，增加課堂上師生互動時間，培養學生自主學習和小組合作學習的能力，提高動態網頁技術課程教學效果。

3網絡環境下動態網頁技術課程翻轉課堂的教學設計

教學設計是在教學理論的指導下，基于教學對象（特定學習者）的特征，組織教學內容和教學資源，設計教學活動和學習環境，最終支持學習者有效達成學習目標的系統活動[5]。根據翻轉課堂的教學理念，要在動態網頁技術課程中實施翻轉課堂的教學設計，首先，就要根據動態網頁技術課程的教學內容構建教學資源—微視頻；第二就要根據翻轉課堂的教學理念開展“課前-課中-課后”的教學活動設計；第三，需要構建一個能幫助學生進行自主學習的網絡學習平臺，在這個網絡學習平臺上不僅能實現微課學習資源的共享，而且還能實現在線測試，檢查、反饋、評價和討論的功能。

3.1構建動態網頁技術課程翻轉課堂的教學資源

首先，根據項目教學法的思路，將項目開發過程中的整個項目分拆為若干個有組織又相互關聯的小項目，然后，依據項目開發的需要來構建教學項目，而每個教學項目都有一定的工作任務，每個工作任務又對應著所必需的知識點和技能點。通過對項目開發中所必需的知識點和技能點的梳理，構建出動態網頁技術課程項目教學的知識圖譜，并將其中關鍵的知識點和技能點設計成微課學習資源，其中就包括了微課學習指南、微課學習任務單、微視頻、微課件、微測試、微反思等配套學習資源。翻轉課堂的教學資源構建如表1所示。

3.2基于翻轉課堂的動態網頁技術課程項目教學法的教學活動設計

翻轉課堂的教學活動設計分為“課前-課中-課后”的教學活動設計，其中課前教學活動是由教師在課前先根據動態網頁技術課程項目教學的知識圖譜，以確定在教學項目中將要講授關鍵的知識點和技能點，并將與之對應的微課學習資源分發給學生，要求學生在課前按照微課學習指南，通過觀看微視頻、微課件完成微課學習任務，并通過完成微測試檢測自己的學習效果。

在課中，教師首先通過對學生提問，小測試來檢查學生課前微課學習的效果，并根據學生的學習情況，針對學生在自主學習過程中的困惑和難點進行重點釋疑、解惑，然后，根據教學項目中的工作任務組織學生開展小組織合作學習，指導學生進行項目練習，并通過對學生項目完成情況的檢查與評價，以督促學生主動去完成知識的學習與知識的內化。在課后，教師可以組織學生以小組為單位，自選一個網站設計為主題，以小組合作學習的方式來完成網站的課程設計，從而實現知識的固化過程。翻轉課堂的教學活動設計如表2所示。

4 結束語

通過對翻轉課堂教學設計的分析，由此可知，要想保障翻轉課堂的順利實施，首先要利用現代信息化技術構建網絡化的動態網頁設計課程的教學資源庫，然后，教師要指導與督促學生學會應用教學資源庫中的學習資源進行自主學習。在教學過程中，教師一方面通過教學評價來督促學生學習，特別是課前學生的自主學習，另一方面則是要及時了解學生的學習情況，主動引導學生根據自己的學習情況按照課程的知識圖譜選擇學習進度，從而實現對學生的個性化教學。

參考文獻：

[1]宋朝霞，俞啟定.基于翻轉課堂的項目式教學模式研究[J].遠程教育雜志，2014（1）：96-104.

[2]金陵.“翻轉課堂”，翻轉了什么？[J].中國信息技術教育， 2012（9）：18.

[3]鐘曉流，宋述強，焦麗珍.信息化環境中基于翻轉課堂理念的教學設計研究[J]， 開放教育研究，2013，19（1）：59-63.

[4]鄭丹青.項目教學法在動態網頁設計課程中的教學應用[J]，中央民族大學自然科學版，2014，23（2）：67-70.

[5]那一沙，袁玫，吳子東.教學設計研究綜述[J]， 西南交通大學學報（ 社會科學版），2013，14（3）：109-113.