翻轉(zhuǎn)課堂教學(xué)模式在高職網(wǎng)頁設(shè)計(jì)制作課程中的應(yīng)用初探

徐海燕

摘要：翻轉(zhuǎn)課堂作以信息技術(shù)為基礎(chǔ)，將傳統(tǒng)課上的教學(xué)過程和課下學(xué)習(xí)過程進(jìn)行轉(zhuǎn)換的新型教學(xué)形式。筆者從以往的網(wǎng)頁制作教學(xué)實(shí)出發(fā)，改革教學(xué)模式，在所教班級進(jìn)行實(shí)踐，以翻轉(zhuǎn)課堂為主要教學(xué)模式，以任務(wù)驅(qū)動和項(xiàng)目教學(xué)法作為教學(xué)方法，教學(xué)效果顯著，更加充分體現(xiàn)了學(xué)生的主體地位，學(xué)生的自學(xué)能力、協(xié)作能力、解決問題的能力得到了大幅提高。同時，教師的業(yè)務(wù)水平也得到了提高。

關(guān)鍵詞：翻轉(zhuǎn)課堂；網(wǎng)頁制作；教學(xué)模式

中圖分類號：G424 文獻(xiàn)標(biāo)識碼：A 文章編號：1009-3044（2015）25-0101-02

翻轉(zhuǎn)課堂，也叫顛倒課堂，顧名思義，它以信息技術(shù)為基礎(chǔ)，將傳統(tǒng)課上的教學(xué)過程和課下學(xué)習(xí)過程進(jìn)行轉(zhuǎn)換的新型教學(xué)形式，它將原本應(yīng)該在課堂上完成的內(nèi)容錄制成視頻，連同相關(guān)學(xué)習(xí)材料等放到網(wǎng)絡(luò)。學(xué)生在課前通過下載學(xué)習(xí)視頻和材料等完成自我學(xué)習(xí)并進(jìn)行自我檢測，教師則通過學(xué)生的檢測結(jié)果歸納重難點(diǎn)。而在課堂上教師進(jìn)行答疑，師生共同討論解決在課前學(xué)習(xí)過程中遇到的問題。該教學(xué)模式充分體現(xiàn)了學(xué)生的主體地位，提高了學(xué)生的自主學(xué)習(xí)能力，從而促進(jìn)學(xué)生成績的提升，實(shí)現(xiàn)素質(zhì)教育。

1 翻轉(zhuǎn)課堂概述

1）翻轉(zhuǎn)課堂的由來

真正的翻轉(zhuǎn)課堂起源于美國科羅拉多州落基山的林地公園高中。該校化學(xué)教師喬納森·伯爾曼和亞倫·薩姆斯為了幫助缺席的學(xué)生補(bǔ)課，使用錄屏軟件錄制 PowerPoint 演示文稿和上課過程，并將視頻上傳到網(wǎng)絡(luò)。鑒于效果較好，這兩位老師慢慢讓學(xué)生在家看教學(xué)視頻為基礎(chǔ)，在課堂上完成作業(yè)，并對學(xué)生在學(xué)習(xí)中遇到的困難進(jìn)行講解。不久，這些在線教學(xué)視頻被更多的學(xué)生接受并廣泛傳播開來，受到了學(xué)生的廣泛歡迎[1]。

傳統(tǒng)的教學(xué)過程主要是通過教師課堂講授來完成知識的傳授，而學(xué)生則通過課后作業(yè)、實(shí)踐等來完成知識的內(nèi)化。而翻轉(zhuǎn)課堂則將傳統(tǒng)的教學(xué)模式完全顛覆，通過課前學(xué)習(xí)視頻完成知識的傳授過程，通過在課堂上共同學(xué)習(xí)、討論、答疑完成知識的內(nèi)化過程。評價(jià)過程也由原本單一的傳統(tǒng)紙質(zhì)測試，變成了多角度、多方式。

2）翻轉(zhuǎn)課堂的研究現(xiàn)狀

關(guān)于翻轉(zhuǎn)課堂的實(shí)踐研究，國外早在上世紀(jì)就進(jìn)行了大量的研究。但是當(dāng)時由于計(jì)算機(jī)和互聯(lián)網(wǎng)技術(shù)的約束，最終都未徹底打破傳統(tǒng)的教學(xué)模式，只是利用翻轉(zhuǎn)課堂對傳統(tǒng)教學(xué)模式進(jìn)行了優(yōu)化。但是隨著技術(shù)的成熟和普及，翻轉(zhuǎn)課堂終于打破了傳統(tǒng)的教學(xué)模式，剛才提到的化學(xué)老師喬納森伯爾曼和亞倫薩姆斯，則開始了最早的顛覆傳統(tǒng)課堂的嘗試，即“翻轉(zhuǎn)課堂”在課程教學(xué)中的實(shí)踐。隨后，他們的實(shí)踐引起了越來越多人的關(guān)注，并且這種教學(xué)模式被世界很多學(xué)校的教師運(yùn)用到教學(xué)中。

隨著翻轉(zhuǎn)課堂在世界范圍的流行，國內(nèi)教育工作者對翻轉(zhuǎn)課堂的實(shí)踐研究也開始了大膽嘗試。結(jié)合國內(nèi)教育的實(shí)際情況，山西省運(yùn)城市新絳中學(xué)積極探索新的教學(xué)模式，大膽實(shí)驗(yàn)每天上午是展示課、下午全是自習(xí)的教學(xué)模型，最后，高考錄取率不降反升，取得國內(nèi)教育界的關(guān)注和好評。當(dāng)然，還有很多取得成績經(jīng)驗(yàn)的學(xué)校。不同學(xué)校都根據(jù)自己學(xué)校的特點(diǎn)，探索了適合自己的翻轉(zhuǎn)課堂模式，推動翻轉(zhuǎn)課堂在我國的發(fā)展，推動了我國教學(xué)模式的變革。

3）在高職網(wǎng)頁設(shè)計(jì)課程中運(yùn)用翻轉(zhuǎn)課堂模式的可行性

網(wǎng)頁設(shè)計(jì)與制作是我校電子商務(wù)高職班的專業(yè)基礎(chǔ)課程，該課程的特點(diǎn)是操作性強(qiáng)，要求學(xué)生有足夠的時間練習(xí)與實(shí)踐。從本課程的人才培養(yǎng)目標(biāo)來看，要求教師充分考慮學(xué)生的個性特點(diǎn)和今后的就業(yè)需要，提高學(xué)生的動手能力，為社會培養(yǎng)技術(shù)性人才。從以往的網(wǎng)頁制作教學(xué)實(shí)踐來看，教師采用的是傳統(tǒng)的教學(xué)模式，即教師操作演示，學(xué)生“依葫蘆畫瓢”，這樣的教學(xué)模式既浪費(fèi)了課堂時間，且教學(xué)效果也不盡如人意，常常課程結(jié)束了，相當(dāng)一部分學(xué)生無法獨(dú)立完成一個較完整的網(wǎng)站的制作。隨著翻轉(zhuǎn)課堂教學(xué)模式的流行，筆者在所教班級進(jìn)行實(shí)踐，以翻轉(zhuǎn)課堂為主要教學(xué)模式，以任務(wù)驅(qū)動和項(xiàng)目教學(xué)法作為教學(xué)方法，并征求學(xué)生意見，證明了翻轉(zhuǎn)課堂教學(xué)模式符合學(xué)生的特點(diǎn)，具備在學(xué)校開展的可行性。

2 翻轉(zhuǎn)課堂在高職網(wǎng)頁設(shè)計(jì)課程中的應(yīng)用教學(xué)模型設(shè)計(jì)

在參考已有的翻轉(zhuǎn)課堂教學(xué)模式的基礎(chǔ)上，結(jié)合本課程特點(diǎn)，將教學(xué)模式設(shè)計(jì)為課前自學(xué)和課堂學(xué)習(xí)兩大部分。

2.1 課前自學(xué)環(huán)節(jié)

該環(huán)節(jié)即傳統(tǒng)意義上的“知識傳授”環(huán)節(jié)，學(xué)生在課前利用各種資源學(xué)習(xí)新知識，教師要避免將其變成純粹的“觀看視頻”，它主要包含以下內(nèi)容：

1）教師提出學(xué)習(xí)要求，并羅列出在學(xué)習(xí)過程中會出現(xiàn)的問題及注意點(diǎn)。

在新的學(xué)習(xí)內(nèi)容開始前，教師以提問的形式向?qū)W生呈現(xiàn)本章節(jié)內(nèi)容需要掌握的主要知識點(diǎn)及注意點(diǎn)，并提出學(xué)習(xí)要求。

2）設(shè)計(jì)任務(wù)，引導(dǎo)學(xué)生學(xué)習(xí)。

對于每個知識點(diǎn)，都先布置一個任務(wù)，以任務(wù)驅(qū)動學(xué)生的自主學(xué)習(xí)。任務(wù)的設(shè)計(jì)要注意應(yīng)緊密聯(lián)系知識點(diǎn)。

3）準(zhǔn)備形式多樣的教學(xué)內(nèi)容。

教師要提供學(xué)生在課外自主學(xué)習(xí)的內(nèi)容，且為了適應(yīng)所有學(xué)生，教學(xué)資源的形式應(yīng)要求多樣，如教學(xué)視頻、演示文稿、學(xué)案（任務(wù)書）等。學(xué)生則應(yīng)針對學(xué)習(xí)要求和學(xué)習(xí)任務(wù)在課外自主探究，爭取能夠解決疑問，完成學(xué)習(xí)要求。教學(xué)資源教師可根據(jù)需要自行錄制或查找網(wǎng)上優(yōu)秀的教學(xué)資源以供學(xué)生學(xué)習(xí)。

4）學(xué)生在課前自學(xué)的過程中記錄學(xué)習(xí)所得與疑問。

學(xué)生利用教學(xué)資源在課外開展自主學(xué)習(xí)，觀看視頻，并記錄該過程中的所得和疑問。學(xué)生要確保完成教師提供的課堂任務(wù)，加強(qiáng)對學(xué)習(xí)內(nèi)容的鞏固并發(fā)現(xiàn)有疑問的知識點(diǎn)。教師則利用網(wǎng)絡(luò)進(jìn)行交流與答穎，同時，學(xué)生之間也可通過網(wǎng)絡(luò)手段進(jìn)行交流學(xué)習(xí)。

2.2 課堂學(xué)習(xí)環(huán)節(jié)

翻轉(zhuǎn)課堂主要是在課前完成知識的傳授部分，而課堂學(xué)習(xí)的過程則是知識內(nèi)化的過程。因此，課堂活動的設(shè)計(jì)至關(guān)重要。

作為教師應(yīng)在課前根據(jù)學(xué)生觀看教學(xué)視頻及反饋練習(xí)中的疑問，總結(jié)課堂重難點(diǎn)，做好課堂釋疑的準(zhǔn)備工作。教師根據(jù)課前問題將學(xué)生分組，用以下模式完成課堂教學(xué)過程：

教師>提供問題>巡視輔導(dǎo)>解決共性問題

學(xué)生>分組>協(xié)作學(xué)習(xí)、知識內(nèi)化>知識鞏固

最后教師和學(xué)生共同完成成果的展示。

學(xué)生根據(jù)教師提供的問題選擇自己感興趣的問題，教師根據(jù)學(xué)生的選擇對學(xué)生進(jìn)行合適的分組。小組成員集思廣益，共同討論學(xué)生，將課前的知識內(nèi)化，最后通過解決問題，并展示任務(wù)成果而完成知識的鞏固。

2.3 課后評價(jià)環(huán)節(jié)

在網(wǎng)頁設(shè)計(jì)課程中，課后的評價(jià)和反思起了重要的作用，我們應(yīng)采用多種評價(jià)方式，自我評價(jià)、組內(nèi)互評、教師評價(jià)相結(jié)合，最終得出學(xué)生該章節(jié)的最終學(xué)習(xí)效果。教師則根據(jù)評價(jià)成果了解學(xué)生的學(xué)習(xí)情況，便于個別輔導(dǎo)，提升教學(xué)效率。

3 《使用表格布局網(wǎng)頁》的翻轉(zhuǎn)課堂教學(xué)設(shè)計(jì)

根據(jù)以上的三個環(huán)節(jié)，將《使用表格布局網(wǎng)頁》這一章節(jié)進(jìn)行翻轉(zhuǎn)課堂的教學(xué)設(shè)計(jì)。

3.1 教學(xué)分析

該課程選用的教材全面系統(tǒng)地介紹HTML和CSS的基本操作方法和網(wǎng)頁設(shè)計(jì)制作技巧，包括HTML網(wǎng)頁文檔結(jié)構(gòu)、用HTML設(shè)置文本和圖像、建立超鏈接、創(chuàng)建表格等，使用CSS設(shè)置文本、圖像、表單、表格、鏈接樣式等。該教材通過對各案例的實(shí)際操作，學(xué)生可以快速上手，熟悉軟件功能和藝術(shù)設(shè)計(jì)思路。

而“表格”作為其中重點(diǎn)章節(jié)之一，內(nèi)容豐富，實(shí)例典型，更重要的是表格本身的功能，大量的頁面元素可以通過表格合理的布局起來，而如何應(yīng)用表格進(jìn)行布局則是本章節(jié)的主要任務(wù)。

學(xué)生則已具備了一定的信息素養(yǎng)，掌握了基本的信息技術(shù)知識和技能。學(xué)生已經(jīng)于前期掌握了表格的插入、屬性等設(shè)置的方法，但是對于如何應(yīng)用表格布局網(wǎng)頁結(jié)構(gòu)是比較模糊的。因此本節(jié)課充分地發(fā)揮學(xué)生學(xué)習(xí)的積極性，要求學(xué)生課前通過資源庫的教學(xué)視頻、課件等提前學(xué)習(xí)如何使用表格布局網(wǎng)頁，并將表格布局的注意點(diǎn)列于學(xué)案中，讓學(xué)生隨著學(xué)案所設(shè)置的環(huán)節(jié)，探究完成一個又一個的應(yīng)用表格過程。而學(xué)案則是在尊重學(xué)生解決問題的思維過程方式的基礎(chǔ)上設(shè)置的，設(shè)置了關(guān)鍵的問題，注重學(xué)生的學(xué)習(xí)體驗(yàn)和情感的體驗(yàn)。

3.2 教學(xué)設(shè)計(jì)

課前自學(xué)環(huán)節(jié)：

教師活動：

1）錄制視頻等：錄制視頻，包括表格的各項(xiàng)屬性介紹及應(yīng)用、網(wǎng)頁布局結(jié)構(gòu)介紹、“111”、“121”等結(jié)構(gòu)的網(wǎng)頁制作過程。

2）設(shè)計(jì)學(xué)案：根據(jù)本章節(jié)內(nèi)容設(shè)計(jì)重難點(diǎn)，將學(xué)習(xí)要求列于學(xué)案中。

3）上傳資源：將視頻、PPT、圖片素材等上傳至校園網(wǎng)上的資源庫中。

學(xué)生活動：1）下載學(xué)習(xí)資源；2）利用交流平臺討論學(xué)習(xí)過程中遇到的問題，并盡可能的解決問題；3）完成學(xué)案中的任務(wù)。

課堂學(xué)習(xí)環(huán)節(jié)：

教師活動：

1）提出問題：①使用表格布局網(wǎng)頁的步驟；②網(wǎng)頁結(jié)構(gòu)的主要類型有哪些；③表格屬性應(yīng)用的注意點(diǎn)。

2）解決問題：①引導(dǎo)學(xué)生分組討論；②個別輔導(dǎo)；③解決共性問題

3）布置任務(wù)：①提供圖片素材，要求學(xué)生根據(jù)素材完成網(wǎng)頁的布局；②查看學(xué)生的制作過程，發(fā)現(xiàn)問題并及時解決。

4）成果展示：組織各組完成作品的展示，并做及時反饋。

學(xué)生活動：

1）小組討論解決教師提出的問題。

2）個別仍存在問題的學(xué)生單獨(dú)詢問老師。

3）運(yùn)用課前的學(xué)習(xí)資源完成課堂任務(wù)。

4）分小組展示成果，其他學(xué)生欣賞作品。

課后評價(jià)環(huán)節(jié)：

教師活動：

收集學(xué)生作品，并利用網(wǎng)絡(luò)進(jìn)行自評、互評、教師評價(jià)等，最后由教師和小組長進(jìn)行總結(jié)。并將發(fā)現(xiàn)的問題進(jìn)行整理并做釋疑，上傳至資源庫中，要求學(xué)生查看。

學(xué)生活動：1）完善作品并上傳；2）自評、組內(nèi)互評；3）查看教師反饋。

4 結(jié)束語

根據(jù)翻轉(zhuǎn)課堂教學(xué)模式的初步應(yīng)用，教學(xué)效果顯著，學(xué)生的自覺性加強(qiáng)，課堂互動積極。實(shí)踐證明，基于任務(wù)的翻轉(zhuǎn)課堂教學(xué)模式，以實(shí)際任務(wù)的解決貫穿整個教學(xué)過程，更加充分體現(xiàn)了學(xué)生的主體地位，學(xué)生的自學(xué)能力、協(xié)作能力、解決問題的能力得到了大幅提高。同時，教師為了順利解決學(xué)生學(xué)習(xí)過程中遇到的問題，必須先提升自己的能力，所以，翻轉(zhuǎn)課堂教學(xué)模式的應(yīng)用也提升了教師的業(yè)務(wù)水平，能夠更好地駕馭所教課程。

參考文獻(xiàn)：

[1]張躍國，張渝江，透視“翻轉(zhuǎn)課堂”[J]. 中小學(xué)信息技術(shù)教育，2012（3）.

[2]楊剛，楊文正，陳立，十大“翻轉(zhuǎn)課堂”精彩案例[J].中小學(xué)信息技術(shù)教育，2012（3）.

[3]張渝江，翻轉(zhuǎn)課堂變革[J].中國信息技術(shù)教育，2012（10）.