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

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

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

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

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

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

2.1 將知識點做成微課

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

2.2 將應(yīng)用知識點的案例做成微課

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

2.3 將實驗項目指導(dǎo)過程做成微課

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

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

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

3.1 課前

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

3.2 課中

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

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

3.3 課后

課后，把微課視頻發(fā)到學(xué)生群共享中，讓基礎(chǔ)差的學(xué)生利用課后時間去補習(xí)。針對課堂上知識掌握不扎實的學(xué)生，讓其在復(fù)習(xí)微課視頻時遇到的問題或把作業(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)課堂自身的特點，將其應(yīng)用到網(wǎng)頁設(shè)計課程中的教學(xué)方式，緩解了傳統(tǒng)教學(xué)過程中遇到的一些困難，改善了教師教學(xué)的方式和方法，提高了學(xué)生自主學(xué)習(xí)的積極性，增強了學(xué)生的職業(yè)技能。