馬歌 楚志剛

【摘要】 針對網(wǎng)頁制作課程知識點(diǎn)瑣碎、“學(xué)得快，忘得也快”的特點(diǎn)，采用傳統(tǒng)教學(xué)模式不利于學(xué)生個性化的培養(yǎng)，本文提出應(yīng)用翻轉(zhuǎn)課堂教學(xué)模式對網(wǎng)頁制作課程進(jìn)行教學(xué)改革。通過兩個班級應(yīng)用效果的對比，能夠看出翻轉(zhuǎn)課堂教學(xué)模式有助于提高網(wǎng)頁制作課程的教學(xué)質(zhì)量、促進(jìn)學(xué)生學(xué)習(xí)的積極性、提升學(xué)生的創(chuàng)造性。

【關(guān)鍵詞】 翻轉(zhuǎn)課堂 網(wǎng)頁制作課程 微課 協(xié)作學(xué)習(xí)

一、翻轉(zhuǎn)課堂簡介

在當(dāng)今互聯(lián)網(wǎng)時(shí)代，學(xué)生不必一定要到學(xué)校接受教師講授，就能通過互聯(lián)網(wǎng)學(xué)習(xí)豐富的在線課程?；ヂ?lián)網(wǎng)尤其是移動互聯(lián)網(wǎng)催生了“翻轉(zhuǎn)課堂”這種教學(xué)模式[1]。翻轉(zhuǎn)課堂（Flipped Classroom）也稱顛倒課堂[2]，就是把“教師白天在教室上課，學(xué)生晚上自習(xí)做作業(yè)”的教學(xué)結(jié)構(gòu)翻轉(zhuǎn)過來，構(gòu)建“學(xué)生白天在教室完成知識吸收與掌握的知識內(nèi)化過程，晚上自習(xí)學(xué)習(xí)新知識”的教學(xué)結(jié)構(gòu)。翻轉(zhuǎn)課堂教學(xué)模式需要學(xué)生重新調(diào)整課堂內(nèi)外的時(shí)間，將學(xué)習(xí)的決定權(quán)從教師轉(zhuǎn)移給學(xué)生。

二、網(wǎng)頁制作課程教學(xué)現(xiàn)狀

目前，網(wǎng)頁制作課程屬于高校開設(shè)的應(yīng)用型人才培養(yǎng)的課程。對于我校的計(jì)算機(jī)科學(xué)與技術(shù)、軟件工程專業(yè)都是必開課程。傳統(tǒng)的網(wǎng)頁制作課程教學(xué)存在以下問題：

2.1 知識點(diǎn)瑣碎，“學(xué)得快，忘得也快”

HTML和CSS的知識點(diǎn)瑣碎，一個學(xué)期學(xué)時(shí)有限，不可能在課堂上將所有標(biāo)記、屬性都講一遍。即時(shí)都放在課堂上講解，一個一個講解會讓學(xué)生覺得枯燥無味、重難點(diǎn)不突出，很難讓學(xué)生掌握重點(diǎn)問題，到動手制作網(wǎng)頁時(shí)，往往已經(jīng)忘掉了部分內(nèi)容。

2.2 不能進(jìn)行個性化教學(xué)

課前，學(xué)生只是通過看教材進(jìn)行簡單預(yù)習(xí)。課上，教師在45分鐘時(shí)間內(nèi)要講授多個知識點(diǎn)，課堂上班級內(nèi)的學(xué)生接受的都是一樣的信息、一樣的進(jìn)度，教師很難注意到每個學(xué)生掌握的進(jìn)度不同。課后，完成作業(yè)時(shí)，有的學(xué)生已經(jīng)完全掌握課上講授的知識，能夠很快完成作業(yè)；而有的學(xué)生則不太明白，需要通過幫助才能勉強(qiáng)完成作業(yè)；而有些學(xué)生既不理解又羞于尋求幫助，遇到的問題越積越多，到了學(xué)期末，根本無法完成課程設(shè)計(jì)。

2.3 局限了學(xué)生的創(chuàng)造性

網(wǎng)頁制作這門課相對于其他編程課程來說，知識點(diǎn)不難理解，在課堂上學(xué)生根據(jù)教師的演示，容易完成實(shí)驗(yàn)任務(wù)。但是對于沒有任何美工基礎(chǔ)的計(jì)算機(jī)專業(yè)學(xué)生來說，構(gòu)思網(wǎng)頁布局、美化頁面較難，制作出個性化的網(wǎng)頁受到了限制。

因此，我們需要對現(xiàn)有的網(wǎng)頁制作課程的教學(xué)模式進(jìn)行改革，本文提出了在該課程中應(yīng)用翻轉(zhuǎn)課堂教學(xué)模式來提高課程的教學(xué)質(zhì)量。

三、翻轉(zhuǎn)課堂模式在網(wǎng)頁制作課程中的實(shí)施過程

3.1 課前準(zhǔn)備過程

翻轉(zhuǎn)課堂的一個重要載體就是微課。因?yàn)榉D(zhuǎn)課堂需要有效地促進(jìn)學(xué)生對新學(xué)知識的消化吸收，在有限的時(shí)間內(nèi)使自主學(xué)習(xí)任務(wù)發(fā)揮最大作用。所以，每次上課前教師需要花費(fèi)大量的時(shí)間針對學(xué)生的個性化進(jìn)行備課，確定本節(jié)課學(xué)習(xí)目標(biāo)，精心設(shè)計(jì)出學(xué)生愿意做、喜歡做的自主學(xué)習(xí)任務(wù)，針對一個明確的問題錄制時(shí)長在10分鐘以內(nèi)的短小精悍的教學(xué)視頻，并把視頻通過網(wǎng)絡(luò)上傳到微信群、qq群、微博等為學(xué)生提供自主學(xué)習(xí)、交流反思、協(xié)作討論的平臺。

例如第10章CSS層疊樣式表的內(nèi)容是為了讓學(xué)生學(xué)會使用DIV+CSS進(jìn)行網(wǎng)頁元素布局，但是CSS的屬性較多，需要將這一章的內(nèi)容分解，抽取出“CSS的樣式定義”、“CSS的選擇器”、“盒子模型”、“文本樣式”、“段落樣式”、“列表樣式”、“超鏈接樣式”等知識點(diǎn)錄制教學(xué)視頻。

微課教學(xué)視頻是為了下一次課堂學(xué)習(xí)服務(wù)的，學(xué)生必須嚴(yán)格按照教師布置的學(xué)習(xí)任務(wù)進(jìn)行學(xué)習(xí)。學(xué)生能夠在課下使用自己的任何設(shè)備，比如電腦、平板、智能手機(jī)等，在任何時(shí)間、任何地點(diǎn)都能觀看微課視頻，進(jìn)行自主學(xué)習(xí)，并且當(dāng)學(xué)習(xí)中間遇到問題時(shí)可以選擇暫停播放視頻，能在任何時(shí)候去查閱需要的材料，還能在網(wǎng)絡(luò)平臺上與教師、同學(xué)進(jìn)行在線討論，或者回放視頻重復(fù)多次學(xué)習(xí)。根據(jù)視頻最后提出的幾個任務(wù)進(jìn)行在線測試，檢查自主探究學(xué)習(xí)的情況，并將疑難問題記錄下來，課上提交給教師。

3.2 課上實(shí)施過程

翻轉(zhuǎn)課堂要求課上教師要因材施教開展教學(xué)活動，課堂的注意力集中在幫助學(xué)生掌握在課前學(xué)到的新知識，運(yùn)用新技能。

（1）確定問題。通過課前預(yù)習(xí)，教師既能夠引導(dǎo)學(xué)生學(xué)習(xí)，又可以及時(shí)了解學(xué)生學(xué)習(xí)任務(wù)的掌握情況。教師收集學(xué)生課前自主探究過程中遇到的問題，歸納共性問題，確定課上需要解決的問題。比如學(xué)生看過“盒子模型”的微課視頻后，會對“盒子模型”的抽象理解、如何使用DIV+CSS技術(shù)有效定位網(wǎng)頁元素提出疑惑。

（2）協(xié)作學(xué)習(xí)。在課堂上，教師將班級內(nèi)的學(xué)生分成若干個小組，以小組的形式進(jìn)行協(xié)作學(xué)習(xí)，有效達(dá)成學(xué)習(xí)目標(biāo)。課堂上教師與學(xué)生之間，學(xué)生與學(xué)生之間，集中討論、交流、合作學(xué)習(xí)，在做網(wǎng)頁中，女生往往比男生更細(xì)心，但是沒有男生思維靈活，根據(jù)男女生的差異，形成比較和互補(bǔ)，共同解決問題。

（3）有效激勵。為了更好的激勵學(xué)生完成學(xué)習(xí)任務(wù)，教師對課堂上學(xué)生的學(xué)習(xí)任務(wù)完成情況進(jìn)行排名，實(shí)時(shí)更新排名，讓學(xué)生能及時(shí)的看到在整個班級的學(xué)習(xí)過程中自己的進(jìn)度。通過學(xué)生的好奇心、好勝心激勵學(xué)生將注意力集中到課堂上，積極參與小組討論、班級討論中。

（4）答疑解惑。教師不僅僅是站在講臺上講授課程，而是更多的走進(jìn)學(xué)生，穿梭于學(xué)生之間，參與到學(xué)生學(xué)習(xí)過程中，提供針對性地指導(dǎo)，能夠了解每個學(xué)生的掌握情況。對共性問題進(jìn)行統(tǒng)一的答疑解惑。

（5）成果交流。教師選出2個優(yōu)秀作品，讓該小組的學(xué)生在全班進(jìn)行展示，向其他小組講解該作品的設(shè)計(jì)思路，本節(jié)課學(xué)習(xí)的知識點(diǎn)，比如“盒子模型”在本作品中的作用，以及制作過程出現(xiàn)的困難。在交流的過程中教師要引導(dǎo)學(xué)生總結(jié)，提升所學(xué)內(nèi)容。

（6）反饋評價(jià)。翻轉(zhuǎn)課堂要建立一種以學(xué)生為中心的多角度、多方式的評價(jià)機(jī)制。教師除了對學(xué)生的學(xué)習(xí)成果進(jìn)行評價(jià)外，還需要對學(xué)生的學(xué)習(xí)過程、參與合作的表現(xiàn)等進(jìn)行評價(jià)。學(xué)生可以進(jìn)行作品評價(jià)，既能提出自己認(rèn)為有效的或喜歡的方面，也應(yīng)提出改善建議。

3.3 課后總結(jié)提高

課后，教師要進(jìn)行教學(xué)反思，考慮本次課是否能夠讓學(xué)生有較大的收獲，讓課堂真正有益于學(xué)生發(fā)展。教師將學(xué)生的小組作品放到網(wǎng)絡(luò)平臺，供班級內(nèi)共享，讓學(xué)生在線投票，將投票結(jié)果進(jìn)行排名。學(xué)生自主進(jìn)行個性化復(fù)習(xí)，進(jìn)行下節(jié)課預(yù)習(xí)。

四、翻轉(zhuǎn)課堂模式實(shí)施效果

本學(xué)期，對大二的計(jì)算機(jī)科學(xué)與技術(shù)班的網(wǎng)頁制作課堂仍然采用傳統(tǒng)教學(xué)模式，將大二的計(jì)算機(jī)科學(xué)與技術(shù)（信息技術(shù)教育方向）班作為試點(diǎn)班級，應(yīng)用翻轉(zhuǎn)課堂教學(xué)模式，兩個班級人數(shù)相同。學(xué)期期末，對試驗(yàn)的兩個班級進(jìn)行問卷調(diào)查，并根據(jù)結(jié)果對比實(shí)施效果，如下表1所示，翻轉(zhuǎn)課堂教學(xué)模式更受學(xué)生歡迎，有助于提高學(xué)生學(xué)習(xí)能力以及動手實(shí)踐的能力。

五、結(jié)語

針對現(xiàn)有網(wǎng)頁制作課程教學(xué)模式的不足進(jìn)行改革，使用翻轉(zhuǎn)課堂模式鍛煉學(xué)生分析問題、解決問題的能力，提升學(xué)生的創(chuàng)造力、團(tuán)隊(duì)合作能力，提高了學(xué)生學(xué)習(xí)的積極性，更好地培養(yǎng)了創(chuàng)新型的web前端開發(fā)人才。

參 考 文 獻(xiàn)

[1]陳佳玉. 國內(nèi)外關(guān)于翻轉(zhuǎn)課堂的研究與啟示[J].教育，2015（38）：35-35.

[2]張金磊 王穎 張寶輝.翻轉(zhuǎn)課堂教學(xué)模式研究[J].遠(yuǎn)程教育雜志，2012：30（4）.