“ 微課+翻轉(zhuǎn)課堂” 在網(wǎng)頁設(shè)計(jì)課程中的應(yīng)用研究

湖南科技學(xué)院 韓 芹

引言：隨著移動(dòng)互聯(lián)網(wǎng)、云計(jì)算等新一代信息技術(shù)的廣泛興起，傳統(tǒng)以多媒體教學(xué)模式為主的劣勢(shì)被逐漸顯現(xiàn)出來。而更多的新形式教學(xué)方式如微課、慕課、翻轉(zhuǎn)課堂等被廣泛應(yīng)用在教學(xué)課堂上。網(wǎng)頁設(shè)計(jì)課程是計(jì)算機(jī)類專業(yè)中一門重要的核心技術(shù)課程，也是一門實(shí)用性高、實(shí)踐性強(qiáng)的課程。如何激發(fā)學(xué)生學(xué)習(xí)的主動(dòng)性和創(chuàng)造性，更好地提高學(xué)生實(shí)際操作能力，是目前高校課程教學(xué)研究的重點(diǎn)。本文將根據(jù)微課和翻轉(zhuǎn)課堂的自身特點(diǎn)，淺談一下“微課+翻轉(zhuǎn)課堂”在網(wǎng)頁設(shè)計(jì)課程中的應(yīng)用研究。

1.高校網(wǎng)頁設(shè)計(jì)課程的教學(xué)現(xiàn)狀

目前，許多高校網(wǎng)頁設(shè)計(jì)課程還是以傳統(tǒng)的多媒體教學(xué)模式為主。老師先采用多媒體進(jìn)行理論講解，然后讓學(xué)生上機(jī)進(jìn)行練習(xí)操作。有的老師在講理論時(shí)講解得比較淺顯，學(xué)生在練習(xí)時(shí)無法做到舉一反三。有的老師所講操作步驟和內(nèi)容比較多，學(xué)生聽過一遍后可能只記住一部分，在練習(xí)的時(shí)候也常不知道下一步該怎么做；有的學(xué)生跟不上老師講解的步伐，只能在老師講課時(shí)，用自己的手機(jī)拍照和視頻進(jìn)行記錄，練習(xí)的時(shí)候再自己翻出來邊看邊自學(xué)。這樣，導(dǎo)致老師教學(xué)的效果不理想，也降低了學(xué)生學(xué)習(xí)的效率。再加上高校網(wǎng)頁設(shè)計(jì)課程內(nèi)容主要是由HTML5+CSS3+JavaScript綜合而成。教學(xué)內(nèi)容多而雜，重點(diǎn)難點(diǎn)比較多，學(xué)生在課上對(duì)所學(xué)內(nèi)容不能完全消化，而課后又不想去復(fù)習(xí)。從而導(dǎo)致基礎(chǔ)知識(shí)掌握不扎實(shí)，長時(shí)間的疑惑堆積讓學(xué)生在實(shí)際上機(jī)制作網(wǎng)頁時(shí)失去了信心和興趣，有的學(xué)生甚至放棄對(duì)這門課的學(xué)習(xí)。因此，好的教學(xué)方式應(yīng)用于網(wǎng)頁設(shè)計(jì)課程中已迫在眉睫。

2.微課在網(wǎng)頁設(shè)計(jì)課程中的應(yīng)用

微課主要是以微視頻為主體，包含其相關(guān)的教學(xué)活動(dòng)、教學(xué)評(píng)價(jià)和服務(wù)。其特點(diǎn)是“短而精”，教學(xué)活動(dòng)時(shí)間一般控制在5至8分鐘左右，教學(xué)目標(biāo)明確，內(nèi)容精煉，適合不同教學(xué)對(duì)象，應(yīng)用面廣。

2.1 將知識(shí)點(diǎn)做成微課

在網(wǎng)頁設(shè)計(jì)課程中，所涉及要求學(xué)生掌握的知識(shí)點(diǎn)比較繁多。其中塊級(jí)元素與行內(nèi)元素、div布局、CSS選擇器、浮動(dòng)、定位、事件、DOM對(duì)象、BOM對(duì)象等都是網(wǎng)頁設(shè)計(jì)課程的重點(diǎn)及難點(diǎn)，也是學(xué)生認(rèn)為較難理解和掌握的關(guān)鍵技術(shù)。老師可以把每節(jié)課要上的知識(shí)點(diǎn)做成微課。一節(jié)課上可能會(huì)講解幾個(gè)簡單的知識(shí)點(diǎn)，例如把HTML5網(wǎng)頁中的文本和圖像兩個(gè)知識(shí)點(diǎn)合起來講；也可能會(huì)把一些難點(diǎn)或重點(diǎn)的知識(shí)分開幾部分進(jìn)行講解，例如在講解CSS3選擇器時(shí)分成常用選擇器和高級(jí)選擇器兩部來講解。老師把這些知識(shí)點(diǎn)做成短小精悍、內(nèi)容合理的微課，發(fā)布到學(xué)生群共享中或云平臺(tái)上，方便學(xué)生課后下載進(jìn)行查看，消化那些難以理解的知識(shí)，從而使學(xué)生更容易更輕松得去學(xué)習(xí)，激發(fā)學(xué)生學(xué)習(xí)興趣。

2.2 將應(yīng)用知識(shí)點(diǎn)的案例做成微課

為了讓學(xué)生把所學(xué)知識(shí)應(yīng)用到實(shí)踐網(wǎng)頁制作當(dāng)中，老師通常都會(huì)結(jié)合相關(guān)案例來講解。例如，應(yīng)用CSS浮動(dòng)這章知識(shí)點(diǎn)的案例就有很多，比如導(dǎo)航菜單、div布局、圖文混排等案例。那么老師可以把這些案例制作的過程做成微課，讓學(xué)生不僅僅只是理解網(wǎng)頁設(shè)計(jì)的理論知識(shí)，更重要的是讓學(xué)生能舉一反三，提高學(xué)生的動(dòng)手實(shí)踐能力，從而再次激發(fā)學(xué)生學(xué)習(xí)的興趣。

2.3 將實(shí)驗(yàn)項(xiàng)目指導(dǎo)過程做成微課

網(wǎng)頁設(shè)計(jì)課程除了理論課之外，還有實(shí)驗(yàn)課。實(shí)驗(yàn)課就是為了讓學(xué)生把幾個(gè)知識(shí)點(diǎn)綜合起來設(shè)計(jì)制作完整網(wǎng)頁項(xiàng)目，提高學(xué)生綜合運(yùn)用知識(shí)的能力。例如，制作一個(gè)登陸注冊(cè)頁面，實(shí)現(xiàn)表單驗(yàn)證。老師可以把實(shí)驗(yàn)項(xiàng)目中表單驗(yàn)證的步驟詳細(xì)講解過程做成微課，便于基礎(chǔ)差的，知識(shí)掌握不扎實(shí)的學(xué)生在做實(shí)驗(yàn)的時(shí)候進(jìn)行復(fù)習(xí)和消化，增強(qiáng)獨(dú)立完成實(shí)驗(yàn)的能力。

3.翻轉(zhuǎn)課堂在網(wǎng)頁設(shè)計(jì)課程中的應(yīng)用

翻轉(zhuǎn)課堂是指重新調(diào)整課堂內(nèi)外的時(shí)間，將學(xué)習(xí)的決定權(quán)從老師轉(zhuǎn)移給學(xué)生。與傳統(tǒng)課堂不同的是，學(xué)員在家完成知識(shí)的學(xué)習(xí)，而課堂變成了老師學(xué)員之間和學(xué)員與學(xué)員之間互動(dòng)的場(chǎng)所，包括答疑解惑、知識(shí)的運(yùn)用等，從而達(dá)到更好的教育效果。

3.1 課前

首先，老師把上節(jié)課錄制的微課視頻包括課堂知識(shí)的微課視頻和相關(guān)案例微課視頻放置在QQ群共享文件中。班級(jí)學(xué)生可以在QQ群中進(jìn)行討論，提出自己的疑問，學(xué)生派代表把所有學(xué)生反饋的問題進(jìn)行整合和匯總，然后做成PPT。

3.2 課中

通常，都是老師為主，帶領(lǐng)學(xué)生回顧上次課所講的重點(diǎn)內(nèi)容。采用翻轉(zhuǎn)課堂的方式，讓學(xué)生自己制作5-10分鐘ppt到講臺(tái)上講解自己對(duì)上次課內(nèi)容的理解和疑問或者講解課后作業(yè)遇到的問題。然后，老師針對(duì)典型的錯(cuò)誤和學(xué)生遇到的問題進(jìn)行集中講解，及時(shí)解決問題，做到實(shí)效性。

針對(duì)課前學(xué)生的自覺學(xué)習(xí)能力差，不按照老師要求去觀看老師發(fā)布在群中的微課視頻的問題，老師可以讓學(xué)生在課堂上觀看微課視頻，學(xué)生觀看后可以提出自己的疑問。老師在課堂上對(duì)學(xué)生存在的問題進(jìn)行統(tǒng)一講解，并布置練習(xí)任務(wù)，讓每個(gè)學(xué)生都獨(dú)立完成練習(xí)，在制作過程中老師注意觀察學(xué)生的操作情況，對(duì)于學(xué)生存在的問題進(jìn)行及時(shí)解答。在下課最后10分，檢查每個(gè)學(xué)生的練習(xí)作業(yè)，并對(duì)其進(jìn)行評(píng)分記錄。

3.3 課后

課后，把微課視頻發(fā)到學(xué)生群共享中，讓基礎(chǔ)差的學(xué)生利用課后時(shí)間去補(bǔ)習(xí)。針對(duì)課堂上知識(shí)掌握不扎實(shí)的學(xué)生，讓其在復(fù)習(xí)微課視頻時(shí)遇到的問題或把作業(yè)中出現(xiàn)的問題發(fā)布在QQ群中，為下次上課前做準(zhǔn)備。這樣，循環(huán)反復(fù)，不僅使得基礎(chǔ)好的同學(xué)在課堂上沒有耽誤學(xué)習(xí)，也兼顧了基礎(chǔ)差的同學(xué)學(xué)習(xí)不落后的情況，一舉兩得。

4.結(jié)束語

采用“微課+翻轉(zhuǎn)課堂”相結(jié)合的教學(xué)模式，結(jié)合微課、翻轉(zhuǎn)課堂自身的特點(diǎn)，將其應(yīng)用到網(wǎng)頁設(shè)計(jì)課程中的教學(xué)方式，緩解了傳統(tǒng)教學(xué)過程中遇到的一些困難，改善了教師教學(xué)的方式和方法，提高了學(xué)生自主學(xué)習(xí)的積極性，增強(qiáng)了學(xué)生的職業(yè)技能。