賈英霞

摘要：文章闡述了改變傳統(tǒng)教學(xué)方式，采用線上線下混合式教學(xué)模式，將微課、慕課應(yīng)用到“網(wǎng)頁(yè)設(shè)計(jì)”課程中的教學(xué)方法，經(jīng)過(guò)教學(xué)實(shí)踐，促進(jìn)學(xué)生“工匠精神”的培育，提高了學(xué)生的自主學(xué)習(xí)積極性，拓寬了學(xué)生的知識(shí)面，增強(qiáng)了學(xué)生的職業(yè)技能。教學(xué)效果明顯提高。通過(guò)探討，以期能為職業(yè)院校計(jì)算機(jī)專業(yè)學(xué)生的教學(xué)改革提供借鑒。

關(guān)鍵詞：職業(yè)院校：工匠精神；微課；慕課

隨著移動(dòng)互聯(lián)網(wǎng)、云計(jì)算等新一代信息技術(shù)的廣泛興起，傳統(tǒng)以多媒體教學(xué)模式為主的劣勢(shì)被逐漸顯現(xiàn)出來(lái)。知識(shí)傳遞模式正逐步趨向于基于廣泛的學(xué)習(xí)資源。采用線上線下混合式教學(xué)模式，將微課、慕課這些新型的教學(xué)方式應(yīng)用到課堂教學(xué)上已經(jīng)成為教育界關(guān)注的熱點(diǎn)。在“互聯(lián)網(wǎng)+”和“中國(guó)制造2025”的時(shí)代背景下，畢業(yè)生是否具有“工匠精神”備受企業(yè)重視，職業(yè)院校人才的培養(yǎng)需要用工匠精神來(lái)引領(lǐng)。激發(fā)學(xué)生學(xué)習(xí)的主動(dòng)性和創(chuàng)造性，重視培養(yǎng)學(xué)生的“工匠精神”，有效提升學(xué)生的就業(yè)能力，是職業(yè)院校教育的核心。

移動(dòng)互聯(lián)網(wǎng)的極速發(fā)展，使得教育資源即時(shí)共享，學(xué)生在學(xué)習(xí)形式上產(chǎn)生了較大的轉(zhuǎn)變，碎片化學(xué)習(xí)、移動(dòng)學(xué)習(xí)及線上學(xué)習(xí)將成為新的學(xué)習(xí)方式。而“網(wǎng)頁(yè)設(shè)計(jì)”課程與互聯(lián)網(wǎng)技術(shù)又緊密相關(guān)，更應(yīng)發(fā)揮該課程自身的特點(diǎn)，將微課、慕課線上與線下混合式的教學(xué)方式融入課堂內(nèi)外，激發(fā)學(xué)生學(xué)習(xí)的主動(dòng)性和積極性，學(xué)生可以按需選擇學(xué)習(xí)，既可查缺補(bǔ)漏又能鞏固知識(shí)，強(qiáng)化學(xué)生“工匠精神”的培養(yǎng)，從而更有效地提高教學(xué)質(zhì)量。

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

眾所周知，職業(yè)院校學(xué)生基礎(chǔ)較差，自我約束能力不強(qiáng)，學(xué)生的個(gè)體差異也較大，這些在客觀上就造成了教學(xué)對(duì)象的層次不同。

“網(wǎng)頁(yè)設(shè)計(jì)”課程作為計(jì)算機(jī)及相關(guān)專業(yè)的一門(mén)核心課程，教學(xué)內(nèi)容多，重點(diǎn)難點(diǎn)多，傳統(tǒng)的教學(xué)模式就是教師先進(jìn)行多媒體集中講解，然后由學(xué)生進(jìn)行上機(jī)實(shí)訓(xùn)。雖然教師在上機(jī)實(shí)訓(xùn)的過(guò)程中會(huì)進(jìn)行個(gè)別輔導(dǎo)，但由于其操作步驟繁多，學(xué)生聽(tīng)過(guò)一遍之后未必能夠記全，在練習(xí)的時(shí)候也常常不知下一步該如何操作。而老師在實(shí)訓(xùn)輔導(dǎo)時(shí)間內(nèi)也兼顧不了所有學(xué)生，這樣就使得一些學(xué)生的問(wèn)題在本次課程沒(méi)解決，日積月累，造成惡性循環(huán)，學(xué)生跟不上課程的進(jìn)度，逐漸對(duì)學(xué)習(xí)失去了興趣，課程的教學(xué)質(zhì)量受到嚴(yán)重影響，更談不上對(duì)學(xué)生進(jìn)行“工匠精神”的培養(yǎng)。

2 微課、慕課概述

微課是指以視頻為主要載體，記錄教師在課堂內(nèi)外教學(xué)過(guò)程中圍繞某些知識(shí)點(diǎn)（難點(diǎn)、重點(diǎn)、疑點(diǎn)）或教學(xué)環(huán)節(jié)而開(kāi)展的精彩教與學(xué)活動(dòng)全過(guò)程[1]。

微課的特點(diǎn)可以概括為“短小精悍”，教學(xué)活動(dòng)時(shí)間短，一般控制在5～8 min，教學(xué)主題突出，目標(biāo)明確，課程資源容量小，內(nèi)容精煉，設(shè)計(jì)精良，適合不同教學(xué)對(duì)象，應(yīng)用面廣。

慕課（Massive Open Online Courses，MOOC）是開(kāi)放的、大規(guī)模的在線課程。在線課程（edX）、在線大學(xué)（Udacity）和課程時(shí)代（Coursera）。是三大主要平臺(tái)[2]。中國(guó)的慕課有慕課網(wǎng)、中國(guó)大學(xué)MOOC-愛(ài)課程、網(wǎng)易云課堂、學(xué)堂在線等。

慕課的特點(diǎn)：（1）大規(guī)模。課程的數(shù)量形成大規(guī)模時(shí)，才能算得上是慕課。（2）開(kāi)放。學(xué)習(xí)者的學(xué)習(xí)環(huán)境、評(píng)價(jià)過(guò)程、信息來(lái)源都是開(kāi)放的。（3）在線。指學(xué)習(xí)是在網(wǎng)上完成的，學(xué)生可根據(jù)自己的情況，自行安排學(xué)習(xí)時(shí)間，學(xué)習(xí)不受時(shí)空限制。

3 將微課應(yīng)用到“網(wǎng)頁(yè)設(shè)計(jì)”課程中

3.1 將知識(shí)難點(diǎn)、重點(diǎn)、疑點(diǎn)做成微課

在“網(wǎng)頁(yè)設(shè)計(jì)”課程中，采用DIV+CSS來(lái)布局網(wǎng)頁(yè)是當(dāng)下絕大多數(shù)網(wǎng)站的網(wǎng)頁(yè)布局方式，而瀏覽器兼容、塊級(jí)元素與行內(nèi)元素、盒模型、浮動(dòng)、定位等技術(shù)是網(wǎng)頁(yè)布局中的重點(diǎn)難點(diǎn)，也是學(xué)生認(rèn)為較難理解掌握的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中的關(guān)鍵技術(shù)。把這些知識(shí)點(diǎn)做成短小精悍、內(nèi)容合理的微課，適合在移動(dòng)終端上展現(xiàn)的移動(dòng)學(xué)習(xí)資源，方便學(xué)生課后消化，學(xué)生不理解了可以隨時(shí)隨地使用APP觀看，從而使每個(gè)學(xué)生都可以輕松愉快地接受知識(shí)獲取技能，滿足了學(xué)生按需學(xué)習(xí)及主動(dòng)學(xué)習(xí)的需要，激發(fā)了學(xué)生學(xué)習(xí)興趣，自主探索知識(shí)細(xì)節(jié)，精益求精，從而錘煉了學(xué)生“工匠”技能。

3.2 按網(wǎng)站設(shè)計(jì)流程劃分為小案例的形式做成微課

傳統(tǒng)的“網(wǎng)頁(yè)設(shè)計(jì)”課程安排順序是，網(wǎng)絡(luò)與網(wǎng)頁(yè)基礎(chǔ)知識(shí)一Dreamweaver環(huán)境、菜單、工具介紹一插入網(wǎng)頁(yè)元素（文字、圖片、聲音、超鏈接等）及格式設(shè)置一表格布局一HTML、CSS一框架一模板一網(wǎng)站規(guī)劃，網(wǎng)站測(cè)試、發(fā)布、維護(hù)。這種順序從易到難，由點(diǎn)到面，使得學(xué)生對(duì)網(wǎng)站制作缺乏全局觀念。而按實(shí)際公司制作流程去部署課堂內(nèi)容，更能提高學(xué)生的實(shí)用技能。以網(wǎng)站設(shè)計(jì)流程來(lái)細(xì)化、組織每個(gè)知識(shí)點(diǎn)制作成小案例形式的微課，課程內(nèi)容的大致順序是，根據(jù)需求說(shuō)明書(shū)一用Photoshop制作出網(wǎng)站效果圖一對(duì)PS效果圖切片一用編輯器布局HTML靜態(tài)頁(yè)面一用CSS美化網(wǎng)頁(yè)，用JavaScript制作動(dòng)態(tài)效果一申請(qǐng)空間和域名一站點(diǎn)上傳維護(hù)。

制作的微課根據(jù)實(shí)際網(wǎng)站制作的流程進(jìn)行分節(jié)、分布局、分案例逐級(jí)項(xiàng)目式開(kāi)發(fā)，便于學(xué)生掌握整站開(kāi)發(fā)的過(guò)程，用實(shí)際項(xiàng)目，步步為營(yíng)，培育學(xué)生的“工匠精神”，增強(qiáng)學(xué)生的職業(yè)技能。

3.3 微課應(yīng)用在“網(wǎng)頁(yè)設(shè)計(jì)”教學(xué)中的優(yōu)點(diǎn)

3.3.1 微課豐富了課堂教學(xué)內(nèi)容

課堂教學(xué)中引入微課，可以先用微課資源進(jìn)行簡(jiǎn)單的知識(shí)點(diǎn)展示，然后立足于這些知識(shí)點(diǎn)講解。例如，在開(kāi)始講授網(wǎng)頁(yè)的發(fā)展及作品的欣賞時(shí)，可以通過(guò)微課，把不同類(lèi)型有代表性的國(guó)內(nèi)外知名大型網(wǎng)站、博客展現(xiàn)給學(xué)生。讓學(xué)生欣賞完后發(fā)表自己感想，告知學(xué)生以后可以創(chuàng)建自己的網(wǎng)站和博客，這不僅讓學(xué)生對(duì)網(wǎng)站設(shè)計(jì)制作有了直觀的認(rèn)識(shí)，還吸引了學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)課程的興趣。此外，微課可以拓展課堂知識(shí)，加強(qiáng)對(duì)課堂教學(xué)內(nèi)容的理解。比如在學(xué)習(xí)定位、浮動(dòng)等知識(shí)難點(diǎn)時(shí)，教師還可以搜集其他微課資源，把業(yè)界或其他學(xué)校教師講授的有關(guān)這方面的微課都展示給學(xué)生，這樣能夠強(qiáng)化學(xué)生對(duì)知識(shí)難點(diǎn)的理解和掌握。

3.3.2 微課成了最佳教學(xué)輔助方式

微課是一種最佳教學(xué)輔助方式。學(xué)生可以不受時(shí)空限制隨時(shí)學(xué)習(xí)觀看微課內(nèi)容，真正實(shí)現(xiàn)課堂教學(xué)的延伸。

傳統(tǒng)實(shí)訓(xùn)時(shí)，一個(gè)班級(jí)幾十個(gè)學(xué)生，而教師兼顧不了所有學(xué)生，學(xué)生有問(wèn)題不能及時(shí)解決，致使很多學(xué)生難以掌握知識(shí)難點(diǎn)。而微課的引入，使得學(xué)生在自己不懂不會(huì)處隨時(shí)點(diǎn)擊觀看，及時(shí)解決了學(xué)習(xí)中存在的攔路虎，繼續(xù)順利學(xué)習(xí)。課后學(xué)生也可以使用微課鞏固知識(shí)，相當(dāng)于給每個(gè)學(xué)生都配備了一個(gè)輔導(dǎo)教師，學(xué)生可以根據(jù)需要重復(fù)觀看研究，反復(fù)揣摩知識(shí)點(diǎn)，直到把不懂的部分完全弄懂。同樣，學(xué)生也可以使用微課進(jìn)行查缺補(bǔ)漏。微課是線下課堂教學(xué)的有效補(bǔ)充形式，有利于學(xué)生“工匠精神”的培養(yǎng)。

3.3.3 微課有助提升學(xué)生自主學(xué)習(xí)積極性

傳統(tǒng)45 min教學(xué)，時(shí)間長(zhǎng)，教學(xué)內(nèi)容多，填鴨式教育使得學(xué)生對(duì)知識(shí)難以消化，長(zhǎng)此下去學(xué)生就喪失了學(xué)習(xí)的積極性。而微課教學(xué)時(shí)間一般控制在5～8 min，這樣的時(shí)間間隔剛好能讓學(xué)生注意力集中地學(xué)完一個(gè)知識(shí)點(diǎn)，從教育心理學(xué)的角度看，多數(shù)學(xué)生也能在這段時(shí)間內(nèi)掌握所學(xué)的知識(shí)點(diǎn)，降低了學(xué)生學(xué)習(xí)的疲勞度，學(xué)習(xí)沒(méi)有了壓力，從而調(diào)動(dòng)了學(xué)生自主學(xué)習(xí)的積極性、主動(dòng)性。

4 將慕課應(yīng)用到“網(wǎng)頁(yè)設(shè)計(jì)”課程中

慕課不受時(shí)空限制，不分年齡，只要是連接到Internet上的電腦都可以免費(fèi)或花較少的錢(qián)享受到世界著名大學(xué)優(yōu)秀教授的一流課程。學(xué)生通過(guò)手機(jī)等各種途徑，可以快速獲取世界最前沿的知識(shí)技術(shù)。

慕課網(wǎng)（ http：//www.imooc.com/）是垂直的互聯(lián)網(wǎng)IT技能免費(fèi)學(xué)習(xí)網(wǎng)站，有關(guān)網(wǎng)頁(yè)設(shè)計(jì)制作課程更是極其豐富，大都是行業(yè)精英、實(shí)戰(zhàn)派老師講授的前沿的、實(shí)用性的有關(guān)前端知識(shí)分享。其中包括實(shí)用案例、基礎(chǔ)課程、高級(jí)分享三大類(lèi)型，為職業(yè)院校在校學(xué)生、職場(chǎng)人員提供了一個(gè)共同分享進(jìn)步、快速提升技能的學(xué)習(xí)平臺(tái)[3]。

4.1 慕課拓寬了學(xué)生的知識(shí)面

職業(yè)院校引入慕課信息資源拓寬了學(xué)生的知識(shí)面，學(xué)生可以按照自己的興趣去了解相關(guān)的知識(shí)，選擇慕課上相關(guān)的課程內(nèi)容，進(jìn)行自主學(xué)習(xí)。這樣不僅彌補(bǔ)了課堂教學(xué)的局限性，也開(kāi)闊了學(xué)生的視野，行業(yè)精英的課程讓學(xué)生能接觸到實(shí)際的工作場(chǎng)景，對(duì)學(xué)生職業(yè)技能的提升極有幫助。

4.2 慕課有較強(qiáng)的交互性

慕課非常重視學(xué)習(xí)者課堂中的互動(dòng)?；?dòng)活動(dòng)一般有兩種，一種是在慕課老師與學(xué)習(xí)者之間以及學(xué)習(xí)者相互之間的互動(dòng)上，如果學(xué)習(xí)者在學(xué)習(xí)中遇到了某些問(wèn)題，在平臺(tái)上可以直接提出，一會(huì)就會(huì)有老師進(jìn)行解答，幫助其繼續(xù)學(xué)習(xí)。學(xué)友交流，共同進(jìn)步，師生交流，亦師亦友。另一種是課程內(nèi)的互動(dòng)，慕課視頻被切分為8～10 min左右的微課，在其中設(shè)置必須回答的課程小問(wèn)題，學(xué)習(xí)者需要正確回答問(wèn)題后才可繼續(xù)聽(tīng)課。這種挑戰(zhàn)式的設(shè)置強(qiáng)烈激發(fā)了學(xué)習(xí)者的學(xué)習(xí)熱情。5結(jié)語(yǔ)

采用線上線下混合式教學(xué)模式，將微課、慕課應(yīng)用到“網(wǎng)頁(yè)設(shè)計(jì)”課程中的教學(xué)方式，緩解了傳統(tǒng)教學(xué)中遇到的一些困境，提高了學(xué)生自主學(xué)習(xí)的積極性，培養(yǎng)了學(xué)生的“工匠精神”，增強(qiáng)了學(xué)生的職業(yè)技能。通過(guò)教學(xué)實(shí)踐，教學(xué)效果較好，以期能為職業(yè)院校計(jì)算機(jī)專業(yè)學(xué)生的教學(xué)改革提供借鑒。

[參考文獻(xiàn)]

[1]祁博微課在計(jì)算機(jī)基礎(chǔ)教學(xué)中的應(yīng)用[J]計(jì)算機(jī)教育，2014（ 24）：82-85.

[2]殷丙山，李玉.慕課發(fā)展及其對(duì)開(kāi)放大學(xué)的啟示[J].北京廣播電視大學(xué)學(xué)報(bào)，2013（5）：29-34.

[3]何明星.移動(dòng)學(xué)習(xí)的特征與手機(jī)出版[J]現(xiàn)代教育技術(shù)，2010 （9）：5-7