摘要：針對(duì)動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)課程項(xiàng)目教學(xué)法中存在的問題，通過對(duì)翻轉(zhuǎn)課堂教學(xué)模式的分析，提出了網(wǎng)絡(luò)環(huán)境下動(dòng)態(tài)網(wǎng)頁技術(shù)課程翻轉(zhuǎn)課堂的教學(xué)設(shè)計(jì)思路，既根據(jù)項(xiàng)目教學(xué)法的需要來構(gòu)建翻轉(zhuǎn)課堂的微課教學(xué)資源，并根據(jù)翻轉(zhuǎn)課堂的教學(xué)理念進(jìn)行“課前-課中-課后”的教學(xué)活動(dòng)設(shè)計(jì)，然后再通過網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)來實(shí)現(xiàn)微課學(xué)習(xí)資源的共享和在線測(cè)試、檢查、反饋、評(píng)價(jià)和討論。

關(guān)鍵詞：網(wǎng)絡(luò)環(huán)境；動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)；翻轉(zhuǎn)課堂；教學(xué)設(shè)計(jì)

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：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

隨著計(jì)算機(jī)、多媒體和互聯(lián)網(wǎng)技術(shù)的高速發(fā)展，人類社會(huì)已進(jìn)入了信息化的時(shí)代。信息技術(shù)的發(fā)展不僅改變了人們傳統(tǒng)的經(jīng)濟(jì)活動(dòng)方式和社會(huì)生活方式，而且，還對(duì)傳統(tǒng)的教育方式產(chǎn)生了深刻影響，促進(jìn)了教育信息化的發(fā)展。如近年來出現(xiàn)的翻轉(zhuǎn)課堂教學(xué)模式就是利用現(xiàn)代信息化技術(shù)，運(yùn)用網(wǎng)絡(luò)數(shù)字化平臺(tái)和多媒體技術(shù)，實(shí)現(xiàn)將知識(shí)傳授和知識(shí)內(nèi)化顛倒安排[1]，以形成了一種“學(xué)習(xí)知識(shí)在課外、內(nèi)化知識(shí)在課堂”的新型教學(xué)結(jié)構(gòu)[2]。

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

1翻轉(zhuǎn)課堂的含義及特點(diǎn)

所謂翻轉(zhuǎn)課堂，就是在信息化環(huán)境中，課程教師提供以教學(xué)視頻為主要形式的學(xué)習(xí)資源，學(xué)生在上課前完成對(duì)教學(xué)視頻等學(xué)習(xí)資源的觀看和學(xué)習(xí)，師生在課堂上一起完成作業(yè)答疑、協(xié)作探究和互動(dòng)交流等活動(dòng)的一種新型的教學(xué)模式[3]。

翻轉(zhuǎn)課堂的特點(diǎn)就是將傳統(tǒng)教學(xué)中的“教師講授+ 學(xué)生作業(yè)”的教學(xué)過程，轉(zhuǎn)變?yōu)閷W(xué)生在課前先完成課程內(nèi)容的自主學(xué)習(xí)，而在課堂上的大部分時(shí)間則是用于學(xué)生的作業(yè)答疑、小組的協(xié)作探究以及師生之間的深入交流等。

傳統(tǒng)課堂是以教師為中心，教師是知識(shí)的擁有者和傳播者，而學(xué)生只是被動(dòng)地接受知識(shí)，而翻轉(zhuǎn)課堂則是以學(xué)生為中心，教師由原來知識(shí)的傳播者轉(zhuǎn)變?yōu)榻虒W(xué)活動(dòng)的組織者和學(xué)生身邊的指導(dǎo)者，而學(xué)生則由原來知識(shí)被動(dòng)接受者轉(zhuǎn)變?yōu)榻虒W(xué)活動(dòng)中積極主動(dòng)的參與者。學(xué)生在教學(xué)過程中有了更多的自主性，學(xué)生可以根據(jù)教師提供的教學(xué)資源按照自己的實(shí)際情況安排學(xué)習(xí)進(jìn)程，開展自主學(xué)習(xí)。

在翻轉(zhuǎn)課堂中，教學(xué)資源的準(zhǔn)備是保障翻轉(zhuǎn)課堂能否順利進(jìn)行的關(guān)鍵，其中短小精悍的教學(xué)視頻（也被稱為“微課”） 是翻轉(zhuǎn)課堂教學(xué)資源最為重要的組成部分。而構(gòu)建實(shí)施翻轉(zhuǎn)課堂教學(xué)的基礎(chǔ)性平臺(tái)，以便于幫助課程教師有效組織和呈現(xiàn)教學(xué)資源，動(dòng)態(tài)地記錄學(xué)生的學(xué)習(xí)過程信息，及時(shí)了解學(xué)生的學(xué)習(xí)狀況和遇到的困難，并將課堂上的互動(dòng)交流拓展到網(wǎng)絡(luò)空間，是提升翻轉(zhuǎn)課堂教學(xué)效果的關(guān)鍵。

2動(dòng)態(tài)網(wǎng)頁技術(shù)課程引入翻轉(zhuǎn)課堂教學(xué)模式的原因

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

為了提高學(xué)習(xí)效率，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力，拓展學(xué)生學(xué)習(xí)空間和時(shí)間，關(guān)注不同學(xué)生的學(xué)習(xí)需求，有必要對(duì)現(xiàn)在課堂教學(xué)模式進(jìn)行改革，探索在項(xiàng)目教學(xué)法中引入翻轉(zhuǎn)課堂的教學(xué)理念，開展翻轉(zhuǎn)課堂與項(xiàng)目教學(xué)相結(jié)合的教學(xué)研究，尋找新的教學(xué)組織形式、教學(xué)方法和教學(xué)手段，改變高職學(xué)生的學(xué)習(xí)習(xí)慣，培養(yǎng)學(xué)生學(xué)習(xí)興趣，提高學(xué)生學(xué)習(xí)主動(dòng)性和自律性，增加課堂上師生互動(dòng)時(shí)間，培養(yǎng)學(xué)生自主學(xué)習(xí)和小組合作學(xué)習(xí)的能力，提高動(dòng)態(tài)網(wǎng)頁技術(shù)課程教學(xué)效果。

3網(wǎng)絡(luò)環(huán)境下動(dòng)態(tài)網(wǎng)頁技術(shù)課程翻轉(zhuǎn)課堂的教學(xué)設(shè)計(jì)

教學(xué)設(shè)計(jì)是在教學(xué)理論的指導(dǎo)下，基于教學(xué)對(duì)象（特定學(xué)習(xí)者）的特征，組織教學(xué)內(nèi)容和教學(xué)資源，設(shè)計(jì)教學(xué)活動(dòng)和學(xué)習(xí)環(huán)境，最終支持學(xué)習(xí)者有效達(dá)成學(xué)習(xí)目標(biāo)的系統(tǒng)活動(dòng)[5]。根據(jù)翻轉(zhuǎn)課堂的教學(xué)理念，要在動(dòng)態(tài)網(wǎng)頁技術(shù)課程中實(shí)施翻轉(zhuǎn)課堂的教學(xué)設(shè)計(jì)，首先，就要根據(jù)動(dòng)態(tài)網(wǎng)頁技術(shù)課程的教學(xué)內(nèi)容構(gòu)建教學(xué)資源—微視頻；第二就要根據(jù)翻轉(zhuǎn)課堂的教學(xué)理念開展“課前-課中-課后”的教學(xué)活動(dòng)設(shè)計(jì)；第三，需要構(gòu)建一個(gè)能幫助學(xué)生進(jìn)行自主學(xué)習(xí)的網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)，在這個(gè)網(wǎng)絡(luò)學(xué)習(xí)平臺(tái)上不僅能實(shí)現(xiàn)微課學(xué)習(xí)資源的共享，而且還能實(shí)現(xiàn)在線測(cè)試，檢查、反饋、評(píng)價(jià)和討論的功能。

3.1構(gòu)建動(dòng)態(tài)網(wǎng)頁技術(shù)課程翻轉(zhuǎn)課堂的教學(xué)資源

首先，根據(jù)項(xiàng)目教學(xué)法的思路，將項(xiàng)目開發(fā)過程中的整個(gè)項(xiàng)目分拆為若干個(gè)有組織又相互關(guān)聯(lián)的小項(xiàng)目，然后，依據(jù)項(xiàng)目開發(fā)的需要來構(gòu)建教學(xué)項(xiàng)目，而每個(gè)教學(xué)項(xiàng)目都有一定的工作任務(wù)，每個(gè)工作任務(wù)又對(duì)應(yīng)著所必需的知識(shí)點(diǎn)和技能點(diǎn)。通過對(duì)項(xiàng)目開發(fā)中所必需的知識(shí)點(diǎn)和技能點(diǎn)的梳理，構(gòu)建出動(dòng)態(tài)網(wǎng)頁技術(shù)課程項(xiàng)目教學(xué)的知識(shí)圖譜，并將其中關(guān)鍵的知識(shí)點(diǎn)和技能點(diǎn)設(shè)計(jì)成微課學(xué)習(xí)資源，其中就包括了微課學(xué)習(xí)指南、微課學(xué)習(xí)任務(wù)單、微視頻、微課件、微測(cè)試、微反思等配套學(xué)習(xí)資源。翻轉(zhuǎn)課堂的教學(xué)資源構(gòu)建如表1所示。

3.2基于翻轉(zhuǎn)課堂的動(dòng)態(tài)網(wǎng)頁技術(shù)課程項(xiàng)目教學(xué)法的教學(xué)活動(dòng)設(shè)計(jì)

翻轉(zhuǎn)課堂的教學(xué)活動(dòng)設(shè)計(jì)分為“課前-課中-課后”的教學(xué)活動(dòng)設(shè)計(jì)，其中課前教學(xué)活動(dòng)是由教師在課前先根據(jù)動(dòng)態(tài)網(wǎng)頁技術(shù)課程項(xiàng)目教學(xué)的知識(shí)圖譜，以確定在教學(xué)項(xiàng)目中將要講授關(guān)鍵的知識(shí)點(diǎn)和技能點(diǎn)，并將與之對(duì)應(yīng)的微課學(xué)習(xí)資源分發(fā)給學(xué)生，要求學(xué)生在課前按照微課學(xué)習(xí)指南，通過觀看微視頻、微課件完成微課學(xué)習(xí)任務(wù)，并通過完成微測(cè)試檢測(cè)自己的學(xué)習(xí)效果。

在課中，教師首先通過對(duì)學(xué)生提問，小測(cè)試來檢查學(xué)生課前微課學(xué)習(xí)的效果，并根據(jù)學(xué)生的學(xué)習(xí)情況，針對(duì)學(xué)生在自主學(xué)習(xí)過程中的困惑和難點(diǎn)進(jìn)行重點(diǎn)釋疑、解惑，然后，根據(jù)教學(xué)項(xiàng)目中的工作任務(wù)組織學(xué)生開展小組織合作學(xué)習(xí)，指導(dǎo)學(xué)生進(jìn)行項(xiàng)目練習(xí)，并通過對(duì)學(xué)生項(xiàng)目完成情況的檢查與評(píng)價(jià)，以督促學(xué)生主動(dòng)去完成知識(shí)的學(xué)習(xí)與知識(shí)的內(nèi)化。在課后，教師可以組織學(xué)生以小組為單位，自選一個(gè)網(wǎng)站設(shè)計(jì)為主題，以小組合作學(xué)習(xí)的方式來完成網(wǎng)站的課程設(shè)計(jì)，從而實(shí)現(xiàn)知識(shí)的固化過程。翻轉(zhuǎn)課堂的教學(xué)活動(dòng)設(shè)計(jì)如表2所示。

4 結(jié)束語

通過對(duì)翻轉(zhuǎn)課堂教學(xué)設(shè)計(jì)的分析，由此可知，要想保障翻轉(zhuǎn)課堂的順利實(shí)施，首先要利用現(xiàn)代信息化技術(shù)構(gòu)建網(wǎng)絡(luò)化的動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)課程的教學(xué)資源庫，然后，教師要指導(dǎo)與督促學(xué)生學(xué)會(huì)應(yīng)用教學(xué)資源庫中的學(xué)習(xí)資源進(jìn)行自主學(xué)習(xí)。在教學(xué)過程中，教師一方面通過教學(xué)評(píng)價(jià)來督促學(xué)生學(xué)習(xí)，特別是課前學(xué)生的自主學(xué)習(xí)，另一方面則是要及時(shí)了解學(xué)生的學(xué)習(xí)情況，主動(dòng)引導(dǎo)學(xué)生根據(jù)自己的學(xué)習(xí)情況按照課程的知識(shí)圖譜選擇學(xué)習(xí)進(jìn)度，從而實(shí)現(xiàn)對(duì)學(xué)生的個(gè)性化教學(xué)。

參考文獻(xiàn)：

[1]宋朝霞，俞啟定.基于翻轉(zhuǎn)課堂的項(xiàng)目式教學(xué)模式研究[J].遠(yuǎn)程教育雜志，2014（1）：96-104.

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

[3]鐘曉流，宋述強(qiáng)，焦麗珍.信息化環(huán)境中基于翻轉(zhuǎn)課堂理念的教學(xué)設(shè)計(jì)研究[J]， 開放教育研究，2013，19（1）：59-63.

[4]鄭丹青.項(xiàng)目教學(xué)法在動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)課程中的教學(xué)應(yīng)用[J]，中央民族大學(xué)自然科學(xué)版，2014，23（2）：67-70.

[5]那一沙，袁玫，吳子?xùn)|.教學(xué)設(shè)計(jì)研究綜述[J]， 西南交通大學(xué)學(xué)報(bào)（ 社會(huì)科學(xué)版），2013，14（3）：109-113.