“互聯(lián)網(wǎng)+”背景下《Web制作技術(shù)》翻轉(zhuǎn)課堂教學(xué)實(shí)踐研究

肖丹

摘要：該文以《Web制作技術(shù)》課程為例對基于“翻轉(zhuǎn)課堂”的高職課程項(xiàng)目化改革進(jìn)行了研究與實(shí)踐?！胺D(zhuǎn)課堂”改變了傳統(tǒng)的知識(shí)傳授方式以及傳統(tǒng)教學(xué)中的師生角色，充分利用課前和課后的學(xué)習(xí)時(shí)間，提高了課堂的學(xué)習(xí)效率，實(shí)現(xiàn)了對傳統(tǒng)教學(xué)模式和學(xué)習(xí)方式的革新。通過對“翻轉(zhuǎn)課堂”教學(xué)模式的分析，并圍繞學(xué)習(xí)資源組織、平臺(tái)建設(shè)、師生活動(dòng)等因素進(jìn)行探索，為其他高職課程的項(xiàng)目化實(shí)踐提供借鑒。

關(guān)鍵詞：微課；翻轉(zhuǎn)課堂；《Web制作技術(shù)》課程

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A

文章編號(hào)：1009-3044（2019）08-0075-03

1 研究背景

1.1 翻轉(zhuǎn)課堂的特點(diǎn)

互聯(lián)網(wǎng)時(shí)代人們通過從電腦和移動(dòng)設(shè)備上瀏覽網(wǎng)站獲取資訊，采用信息化手段輔助教學(xué)已經(jīng)成為一種必然的趨勢。翻轉(zhuǎn)課堂的教學(xué)正是適應(yīng)這一新的變化應(yīng)運(yùn)而生的。所謂翻轉(zhuǎn)課堂，就是由教師錄制“微課”等教學(xué)視頻，以及學(xué)習(xí)任務(wù)單等其他電子化學(xué)習(xí)資源供學(xué)生學(xué)習(xí)，學(xué)生在上課前觀看教學(xué)視頻，下載學(xué)習(xí)資源進(jìn)行自主學(xué)習(xí)，完成知識(shí)的傳授。在課堂上，教師和學(xué)生利用案例或項(xiàng)目練習(xí)對知識(shí)的疑難點(diǎn)進(jìn)行問題探究和協(xié)作討論，完成知識(shí)的內(nèi)化。在課后，教師對學(xué)生完成練習(xí)的情況進(jìn)行評價(jià)和反饋。

翻轉(zhuǎn)課堂中所用到的“微課”是指以視頻為主要載體，記錄教師在課堂內(nèi)外教育教學(xué)過程中圍繞某個(gè)知識(shí)點(diǎn)或教學(xué)環(huán)節(jié)而開展的教學(xué)活動(dòng)的過程。其主要部分即教學(xué)視頻，以及相關(guān)的教學(xué)設(shè)計(jì)、課件、習(xí)題等供學(xué)生自主學(xué)習(xí)的教學(xué)資源。這些教學(xué)資源通過知識(shí)樹的呈現(xiàn)方式構(gòu)建成一個(gè)學(xué)習(xí)主題的單元資源包。微課與傳統(tǒng)的單一形式的教學(xué)資源不同，它是順應(yīng)科技發(fā)展起來的更利于學(xué)生學(xué)習(xí)和內(nèi)化的新型教學(xué)資源。

微課具有以下幾個(gè)特點(diǎn)：第一，課程短小。教學(xué)視頻為5到10分鐘，以期在較短時(shí)間內(nèi)，引起學(xué)習(xí)者的興趣和注意力。第二，內(nèi)容系統(tǒng)。圍繞課程核心的知識(shí)點(diǎn)建構(gòu)知識(shí)樹，幫助學(xué)生系統(tǒng)學(xué)習(xí)課程。第三，自主選擇。每個(gè)教學(xué)視頻都是一個(gè)顆?；闹R(shí)點(diǎn)，學(xué)生可以根據(jù)自身情況安排學(xué)習(xí)進(jìn)度，教師也可以根據(jù)自己的課程需要自由地組課。

傳統(tǒng)職業(yè)教育中不管是掌握理論知識(shí)還是獲得實(shí)踐操作技能，學(xué)生都是學(xué)習(xí)的被動(dòng)者。翻轉(zhuǎn)課堂教學(xué)模式充分尊重學(xué)生的主體意識(shí)，充分發(fā)揮學(xué)生的主體作用，實(shí)現(xiàn)知識(shí)的傳遞和吸收內(nèi)化?；谖⒄n的翻轉(zhuǎn)課堂教學(xué)將線上教學(xué)資源與線下課堂教學(xué)結(jié)合在一起，使教師能根據(jù)學(xué)生的個(gè)體差異進(jìn)行因材施教，使學(xué)生能進(jìn)行移動(dòng)式、個(gè)性化的學(xué)習(xí)。

1.2 《Web制作技術(shù)》課程改革的必然性

1.2.1 學(xué)生特點(diǎn)

課程教學(xué)對象是數(shù)字媒體藝術(shù)設(shè)計(jì)專業(yè)二年級學(xué)生，他們動(dòng)手能力和模仿能力較強(qiáng)，自主分析解決問題能力較弱。學(xué)生特點(diǎn)是思維活躍，喜歡與他人交流，共同合作解決問題。由于現(xiàn)階段的大學(xué)生平時(shí)接觸網(wǎng)絡(luò)很多，已經(jīng)習(xí)慣了在網(wǎng)絡(luò)上獲取新的知識(shí)進(jìn)行學(xué)習(xí)。

1.2.2 課程特點(diǎn)

《Web制作技術(shù)》課程的重點(diǎn)是培養(yǎng)學(xué)生綜合利用Dreamweaver， Photoshop， Flash等多種軟件完成網(wǎng)頁的設(shè)計(jì)與制作。其前導(dǎo)課程為《Web視覺設(shè)計(jì)》，后續(xù)課程為《響應(yīng)式Web設(shè)計(jì)》。通過本課程的學(xué)習(xí)與實(shí)踐，學(xué)生應(yīng)能獨(dú)自進(jìn)行網(wǎng)頁的設(shè)計(jì)和制作。

本門課程的教學(xué)目標(biāo)分為知識(shí)目標(biāo)、能力目標(biāo)和素養(yǎng)目標(biāo)。知識(shí)目標(biāo)包括掌握網(wǎng)頁設(shè)計(jì)的基本原則， 利用各種輔助設(shè)計(jì)工具完成網(wǎng)頁的設(shè)計(jì)，掌握網(wǎng)頁的制作方法和網(wǎng)站的配置發(fā)布。能力目標(biāo)包括分析頁面的結(jié)構(gòu)并進(jìn)行頁面布局的設(shè)計(jì)，制作出完整的網(wǎng)站前端。素質(zhì)目標(biāo)包括掌握網(wǎng)頁設(shè)計(jì)的基本原則，利用各種輔助設(shè)計(jì)工具完成網(wǎng)頁的設(shè)計(jì)，掌握網(wǎng)頁的制作方法和網(wǎng)站的配置發(fā)布。

1.2.3 采用翻轉(zhuǎn)課堂的必要性

《Web制作技術(shù)》這門課程強(qiáng)調(diào)的不僅是知識(shí)的獲取，更是能力的培養(yǎng)，需要學(xué)生發(fā)揮想象力設(shè)計(jì)美觀實(shí)用的網(wǎng)站，使用CSS+DIV布局、表格、表單等完成網(wǎng)站的制作，這通常需要幾天到幾周的時(shí)間來完成。因而該門課程的考核不是筆試而是要求學(xué)生在電腦上完成一個(gè)網(wǎng)站的設(shè)計(jì)與制作。該課程采用實(shí)踐型教學(xué)和階段性考查，不是以考試而是階段性作業(yè)和最終的作品作為考查結(jié)果。

在教學(xué)中采用以微課為基礎(chǔ)的翻轉(zhuǎn)課堂的方式，主要有以下的原因：1、翻轉(zhuǎn)課堂教學(xué)模式切合高職教學(xué)的專業(yè)性和職業(yè)性的特點(diǎn)，增加實(shí)踐性教學(xué)課時(shí)，提高學(xué)生的職業(yè)技能；2、更好地做到了因材施教、分層教學(xué)。高職學(xué)生的認(rèn)知發(fā)展水平差異較大，翻轉(zhuǎn)課堂可以滿足分層教學(xué)的要求。

2 教學(xué)實(shí)施過程

依據(jù)職業(yè)教育教學(xué)改革要求，基于翻轉(zhuǎn)課堂教學(xué)理念，采用情境教學(xué)、任務(wù)驅(qū)動(dòng)等教學(xué)法進(jìn)行教學(xué)設(shè)計(jì)，利用網(wǎng)絡(luò)課程教學(xué)平臺(tái)的教學(xué)資源，開展“課前導(dǎo)習(xí)、課中學(xué)習(xí)、課后拓展”的教學(xué)活動(dòng)。

學(xué)習(xí)平臺(tái)包含了知識(shí)樹結(jié)構(gòu)、知識(shí)點(diǎn)、微課幾個(gè)功能模塊。平臺(tái)的設(shè)計(jì)主要以微視頻的方式表現(xiàn)，視具體知識(shí)點(diǎn)不同，也可以包括微教案、微課件、微習(xí)題等輔助網(wǎng)絡(luò)資源，如圖1所示。

2.1 課前導(dǎo)學(xué)

教師將課前學(xué)習(xí)資料上傳到網(wǎng)絡(luò)課程平臺(tái)，并通過QQ群、微信群等發(fā)布課前預(yù)習(xí)通知。學(xué)生在看完教學(xué)視頻之后，對視頻中的收獲和疑問進(jìn)行記錄。同時(shí)，學(xué)生要完成教師布置的針對性課前練習(xí)，以加強(qiáng)對學(xué)習(xí)內(nèi)容的鞏固并發(fā)現(xiàn)學(xué)生的疑難之處。對于學(xué)生課前的學(xué)習(xí)，教師利用信息技術(shù)平臺(tái)提供網(wǎng)絡(luò)交流支持。 學(xué)生在家可以通過留言板、聊天室等網(wǎng)絡(luò)交流工具與同學(xué)進(jìn)行互動(dòng)溝通，了解彼此之間的收獲與疑問，同學(xué)之間能夠進(jìn)行互動(dòng)解答。

教師設(shè)計(jì)學(xué)習(xí)任務(wù)單，指導(dǎo)學(xué)生進(jìn)行課前學(xué)習(xí)。以四節(jié)課的企業(yè)網(wǎng)站頁面制作為例，該學(xué)習(xí)任務(wù)單如表1所示。

2.2 課中

2.2.1 確定問題

學(xué)生在課前觀看教學(xué)視頻和完成課前練習(xí)時(shí)提出疑問，教師根據(jù)學(xué)生的疑問和課程內(nèi)容總結(jié)出一些有探究價(jià)值的問題，根據(jù)問題的深淺和遞進(jìn)關(guān)系列出問題列表，便于學(xué)生在課堂上解答。

2.2.2 獨(dú)立探索

以學(xué)習(xí)內(nèi)容為主線，以問題列表為輔助，教師帶領(lǐng)學(xué)生進(jìn)行任務(wù)分解和實(shí)踐，讓學(xué)生在實(shí)踐中掌握學(xué)習(xí)內(nèi)容。教師鼓勵(lì)學(xué)生進(jìn)行獨(dú)立的思考和探索，通過向?qū)W生提問的方式一部分問題得到解答，未解答的問題則可以在后續(xù)的學(xué)習(xí)中繼續(xù)解答。

2.2.3 協(xié)作學(xué)習(xí)

教師針對未解答的問題組織學(xué)生分組討論、交流，上機(jī)實(shí)踐。點(diǎn)評和互評任務(wù)的完成情況；分析制作過程中的問題；分享個(gè)人掌握的知識(shí)和技能。

2.2.4 成果匯報(bào)

部分學(xué)生上臺(tái)展示網(wǎng)頁作品制作過程。通過作品展示培養(yǎng)學(xué)生自我表達(dá)的能力，同時(shí)教師給予其他學(xué)生更多的激勵(lì)。

2.2.5 反饋評價(jià)

教師對學(xué)生的展示和交流內(nèi)容進(jìn)行概括和總結(jié)。鞏固學(xué)生知識(shí)技能，達(dá)到強(qiáng)調(diào)重點(diǎn)，攻破難點(diǎn)的目的，使學(xué)生獨(dú)立構(gòu)建自己的經(jīng)驗(yàn)和知識(shí)體系。

2.3 課后

教師發(fā)布課后拓展活動(dòng)，并與企業(yè)專家對學(xué)生進(jìn)行遠(yuǎn)程答疑。通過翻轉(zhuǎn)課堂實(shí)現(xiàn)了分層教學(xué)設(shè)計(jì)，為學(xué)有余力的學(xué)生所做的調(diào)整有：（1）提供難度稍高的練習(xí)作業(yè)；（2）增加創(chuàng)造型思維的訓(xùn)練，課前要多準(zhǔn)備相關(guān)任務(wù)和實(shí)踐案例的創(chuàng)造型問題，引導(dǎo)他們自主學(xué)習(xí)。為需要幫助的學(xué)生所做的調(diào)整有：對技能學(xué)習(xí)和掌握較慢的同學(xué)進(jìn)行小組內(nèi)互助和教師一對一指導(dǎo)，并適當(dāng)降低要求。

3 總結(jié)

《Web制作技術(shù)》實(shí)行翻轉(zhuǎn)課堂教學(xué)后，學(xué)生綜合評分有所提高，自學(xué)能力增強(qiáng)，提高了知識(shí)技能和職業(yè)素養(yǎng)。課程主要圍繞學(xué)習(xí)資源組織、平臺(tái)建設(shè)、師生活動(dòng)對課程設(shè)計(jì)與實(shí)踐進(jìn)行了創(chuàng)新，深化教學(xué)活動(dòng)與學(xué)生的交互，為高校實(shí)踐類課程的改革探索提供了借鑒。

3.1 學(xué)習(xí)資源組織

教師在錄制微課時(shí)通過建立知識(shí)樹將課程重點(diǎn)分解為多個(gè)關(guān)聯(lián)的知識(shí)點(diǎn)，利用任務(wù)單為學(xué)生進(jìn)行教學(xué)引導(dǎo)，并提供教學(xué)設(shè)計(jì)、課件、習(xí)題等教學(xué)資源方便學(xué)生自主學(xué)習(xí)。

3.2 平臺(tái)建設(shè)

翻轉(zhuǎn)課堂搭建了信息化的教學(xué)平臺(tái)，達(dá)到了多種教學(xué)目的：1）網(wǎng)絡(luò)課程教學(xué)平臺(tái)將“教”與“學(xué)”的時(shí)間和空間進(jìn)行了延伸，為課前導(dǎo)學(xué)和課后拓展提供了便利；2）教師利用多媒體電子教室實(shí)現(xiàn)課堂上任務(wù)和作業(yè)的發(fā)送，對學(xué)生學(xué)習(xí)情況進(jìn)行掌控，并能對學(xué)生實(shí)施一對一的單獨(dú)輔導(dǎo)。

3.3 師生活動(dòng)

翻轉(zhuǎn)課堂的教學(xué)更加靈活，教師從知識(shí)傳遞者變成了引導(dǎo)者，成為教練。這就要求教師能根據(jù)學(xué)生課前的反饋制定問題列表，隨著學(xué)生在課堂中的學(xué)習(xí)不斷調(diào)整學(xué)習(xí)的方法和進(jìn)度，比以往傳統(tǒng)的統(tǒng)一授課方式對教師的要求更高。

參考文獻(xiàn)：

[1] 張金磊. “翻轉(zhuǎn)課堂”教學(xué)模式的關(guān)鍵因素探析[J]. 中國遠(yuǎn)程教育， 2013（10）： 59-64.

[2] 郭文良， 和學(xué)新. 翻轉(zhuǎn)課堂：背景、理念與特征[J]. 教育理論與實(shí)踐， 2015， 35（11）： 3-6.

[3] 林雪燕， 潘菊素. 基于翻轉(zhuǎn)課堂的混合式教學(xué)模式設(shè)計(jì)與實(shí)現(xiàn)[J]. 中國職業(yè)技術(shù)教育， 2016（2）： 15-20.

[4] 周賢波， 雷霞， 任國燦. 基于微課的翻轉(zhuǎn)課堂在項(xiàng)目課程中的教學(xué)模式研究[J]. 電化教育研究， 2016（1）： 97-102.

[5] 把玉琴. 國內(nèi)基于翻轉(zhuǎn)課堂的項(xiàng)目式教學(xué)研究綜述[J]. 中國教育信息化， 2017（16）： 4-8.

[6] 榮艷冬. 翻轉(zhuǎn)課堂教學(xué)模式下數(shù)字化教學(xué)資源庫建設(shè)——以網(wǎng)頁設(shè)計(jì)與制作課程為例[J]. 軟件， 2018， 39（9）： 213-215.

【通聯(lián)編輯：謝媛媛】