邵熹雯，劉正東，楊 光

(北京服裝學(xué)院,北京100029)

1 高校web前端設(shè)計課程教學(xué)現(xiàn)狀

目前，web前端設(shè)計這一新興技術(shù)以其應(yīng)用廣泛、入門簡單、資源豐富等特點，逐步替代原有的網(wǎng)頁設(shè)計課程，走入了高校的課堂。由于web前端設(shè)計人才在設(shè)計領(lǐng)域備受青睞，因此，以web前端技術(shù)為核心的各類設(shè)計課程也極大的引發(fā)了學(xué)生的學(xué)習(xí)熱情和學(xué)習(xí)興趣。在此背景下，高校的前端設(shè)計課程也應(yīng)不斷創(chuàng)新改革，以培養(yǎng)創(chuàng)新型前端設(shè)計人才為主要目標(biāo)，滿足學(xué)生學(xué)習(xí)需要，適應(yīng)市場需求。在現(xiàn)階段，前端設(shè)計課程還存在以下問題。

1.1 整個課程體系設(shè)計不夠完善

藝術(shù)設(shè)計類專業(yè)、數(shù)字媒體類專業(yè)、營銷類專業(yè)都有web設(shè)計相關(guān)課程，但是這些課程要么過多地強調(diào)專業(yè)知識而忽視技術(shù)，要么過多地強調(diào)技術(shù)而忽視實踐和專業(yè)特點。實際上，整個前端設(shè)計課程體系應(yīng)該由技術(shù)基礎(chǔ)部分、專業(yè)部分、實踐部分組成，三者緊密關(guān)聯(lián)，缺一不可，忽視任何一方，都無法實現(xiàn)人才培養(yǎng)目標(biāo)。技術(shù)基礎(chǔ)部分可以統(tǒng)一標(biāo)準(zhǔn)化教學(xué)，專業(yè)部分涉及到不同專業(yè)領(lǐng)域的web設(shè)計方法，應(yīng)與實踐部分相結(jié)合，通過真正的運營項目分析與實施，來培養(yǎng)創(chuàng)新型的web前端設(shè)計人才。然而在實踐方面，上述課程普遍缺乏來自一線企業(yè)的專業(yè)指導(dǎo)，因此實踐與專業(yè)結(jié)合的并不緊密，導(dǎo)致課程體系不夠完善。

1.2 課程內(nèi)容滯后，無法跟上技術(shù)發(fā)展的步伐

web前端設(shè)計技術(shù)的應(yīng)用發(fā)展是非常迅速的，每年都會有很大變化。而現(xiàn)有的高校課程教材以及教學(xué)大綱一旦制定，需要至少3-5年的穩(wěn)定，無法做到實時更新，導(dǎo)致教材中的很多內(nèi)容與市場脫節(jié)。單純依據(jù)教材內(nèi)容培養(yǎng)的學(xué)生，視野狹窄，市場敏感度較低，在實踐項目參與過程中要么思路混亂，要么設(shè)計毫無新意。因此，在web設(shè)計專業(yè)人才培養(yǎng)過程中，既要有內(nèi)容相對穩(wěn)定的基礎(chǔ)素質(zhì)教育，又要兼顧不斷變化的技術(shù)手段和市場需求，就必須尋求混合式的教學(xué)方法。

1.3 現(xiàn)有的課堂教學(xué)和實驗方法無法調(diào)動學(xué)生的創(chuàng)新意識和主動學(xué)習(xí)的精神

現(xiàn)階段，web前端設(shè)計課程均采用案例教學(xué)的方式，分為課堂案例和練習(xí)案例。教師首先圍繞課堂案例進行知識點分析講解，再由學(xué)生親自演練，最后通過練習(xí)案例，提高學(xué)生解決實際問題的能力。這種案例教學(xué)的方法既生動又有利于學(xué)生對知識點的掌握。但實際教學(xué)過程中，學(xué)生最后的設(shè)計作品風(fēng)格相似內(nèi)容雷同，模仿多過于思考，規(guī)矩替代了創(chuàng)新，這是在人才培養(yǎng)中最不愿意看到的。web前端設(shè)計課程的最終目的是學(xué)會web設(shè)計，需要學(xué)生以技術(shù)為依托來實現(xiàn)自己的設(shè)計想法，這也需要在傳統(tǒng)課堂教學(xué)的基礎(chǔ)上引入其他教學(xué)方法來充分調(diào)動學(xué)生的創(chuàng)新意識和主動學(xué)習(xí)的精神。

2 混合式教學(xué)在web前端設(shè)計人才培養(yǎng)中的作用

2002年，史密斯.J馬西埃將E-learing(數(shù)字化或網(wǎng)絡(luò)化學(xué)習(xí))的純技術(shù)環(huán)境與傳統(tǒng)學(xué)習(xí)理論相結(jié)合，提出了BlendedLearning(混合式教學(xué))這一概念。經(jīng)歷了幾個階段的演變，在現(xiàn)今的互聯(lián)網(wǎng)+時代，混合式教學(xué)的概念已經(jīng)由面對面教學(xué)與在線教學(xué)的混合，演變?yōu)榛谝苿油ㄐ旁O(shè)備、網(wǎng)絡(luò)學(xué)習(xí)環(huán)境與課堂討論相結(jié)合的教學(xué)情境?；旌鲜浇虒W(xué)的根本目標(biāo)是通過學(xué)習(xí)理論的混合、學(xué)習(xí)方式的混合、學(xué)習(xí)資源的混合、學(xué)習(xí)環(huán)境的混合，實現(xiàn)傳統(tǒng)課堂教學(xué)和網(wǎng)絡(luò)化、信息化教學(xué)優(yōu)勢互補，最終實現(xiàn)最佳的學(xué)習(xí)體驗和教學(xué)效果。該教學(xué)方法既提升了教師教育教學(xué)水平，又促進了學(xué)生的自主學(xué)習(xí)和深度學(xué)習(xí)，真正體現(xiàn)了“教師為主導(dǎo)，學(xué)生為主體”的教學(xué)理念[1]。

混合式教學(xué)方法應(yīng)用到web前端設(shè)計課程中，采用“線上”(微課教學(xué))+“線下”(課堂教學(xué))相結(jié)合的學(xué)習(xí)方式，拓展了學(xué)習(xí)的時間和空間，彌補了傳統(tǒng)教材內(nèi)容重在基礎(chǔ)素質(zhì)教育，但是卻與市場脫節(jié)的缺陷，學(xué)生能夠更加靈活地通過實時視頻獲得一線企業(yè)的專業(yè)指導(dǎo)，提高教師教學(xué)效率，學(xué)生的學(xué)習(xí)效率[2]。

本課程中，混合式教學(xué)還可以通過翻轉(zhuǎn)課堂的方式提升學(xué)生的學(xué)習(xí)深度和協(xié)助能力，培養(yǎng)創(chuàng)新意識和主動學(xué)習(xí)的精神。在翻轉(zhuǎn)課堂中，通過教師的指導(dǎo)和協(xié)助，學(xué)生以自主學(xué)習(xí)和合作探究的方式參與到解決真實web設(shè)計問題的實踐活動中，與同伴合作完成實踐活動。在此過程中，學(xué)生通過觀察與思考獲得知識和技能，掌握web設(shè)計的思路與問題的解決方法，并不斷豐富和完善自我價值，實現(xiàn)在設(shè)計上的創(chuàng)新并超越自我。

web前端設(shè)計課程要求學(xué)生最終學(xué)會完整web站點的前端設(shè)計，要培養(yǎng)具備扎實技術(shù)基礎(chǔ)的專業(yè)設(shè)計人才，培養(yǎng)與時俱進的創(chuàng)新型人才。因此，在教學(xué)方法上，必須兼顧知識與能力，傳統(tǒng)與創(chuàng)新，理論與實踐……只有令混合式教學(xué)理念貫穿于教學(xué)始終，才能達到上述培養(yǎng)目標(biāo)。在課程體系設(shè)置上，針對不同學(xué)習(xí)階段，設(shè)計了相應(yīng)的混合式教學(xué)方法，解決現(xiàn)階段課程所遇到的問題，取得了顯著的效果。

3 課程體系的設(shè)置

根據(jù)前述對教學(xué)現(xiàn)狀的分析，web前端設(shè)計課程體系應(yīng)由技術(shù)基礎(chǔ)部分、專業(yè)部分、實踐部分3方面組成。因此，圍繞這3個方面進行混合式教學(xué)設(shè)計，是整個課程體系設(shè)置的核心[3-4]。

3.1 技術(shù)基礎(chǔ)部分

Web基礎(chǔ)技術(shù)的學(xué)習(xí)是整個課程學(xué)習(xí)的第一階段，既包含諸如HTML語言等原理性內(nèi)容，又包括與時俱進的對新技術(shù)手段的掌握。該階段的學(xué)習(xí)內(nèi)容無論從難度還是從廣度方面，都對學(xué)習(xí)資源和學(xué)習(xí)方法都提出了挑戰(zhàn)。利用混合式教學(xué)在學(xué)習(xí)時間和空間上的優(yōu)勢，我們充分利用微視頻實現(xiàn)線上學(xué)習(xí)與線下學(xué)習(xí)相結(jié)合。

教師提前準(zhǔn)備好相關(guān)視頻微課，作為在線教學(xué)的核心，將資源上傳到學(xué)習(xí)平臺。在每節(jié)課程開始之前為學(xué)生布置在線學(xué)習(xí)任務(wù)，學(xué)生將學(xué)習(xí)過程中遇到的問題提交到學(xué)習(xí)平臺，教師在面授時統(tǒng)一進行系統(tǒng)講解，節(jié)省課堂時間，提高學(xué)習(xí)效率，令面授教學(xué)更有針對性。另外，教材中無法涵蓋的先進的技術(shù)手段和符合市場需求的設(shè)計理念也可以以微課的方式介紹給學(xué)生，同時配合在線答疑，作業(yè)任務(wù)，完善學(xué)習(xí)過程?；旌鲜浇虒W(xué)為學(xué)生提供了更加豐富的學(xué)習(xí)資源和更加多樣的學(xué)習(xí)指導(dǎo)手段，在技術(shù)基礎(chǔ)的學(xué)習(xí)過程中，學(xué)生的學(xué)習(xí)興趣大大提高了，眼界開闊了，自主學(xué)習(xí)能力也有了不同程度的增長。

3.2 專業(yè)部分

該部分主要針對不同類型的web站點，從專業(yè)的角度探索頁面設(shè)計方法，這一部分是不同web前端設(shè)計課程之間的主要區(qū)別。例如：藝術(shù)專業(yè)的web設(shè)計課程會偏向于時尚類web頁面的設(shè)計，工商管理專業(yè)的web設(shè)計課程會偏向于電商類web頁面的設(shè)計，還有更多的標(biāo)準(zhǔn)web設(shè)計，涵蓋各個行業(yè)和領(lǐng)域。

雖然web設(shè)計有相應(yīng)的行業(yè)規(guī)則，但是設(shè)計領(lǐng)域沒有一定之規(guī)，在不過多偏離大眾審美和瀏覽習(xí)慣的基礎(chǔ)上，發(fā)揮創(chuàng)造性令web站點重點明確，結(jié)構(gòu)清晰才是最重要的。在培養(yǎng)方式上，除了結(jié)合線上教學(xué)，向?qū)W生介紹和展示最先進的專業(yè)設(shè)計理念以外，課堂教學(xué)還需要充分與實踐相結(jié)合，令學(xué)生在實踐過程中將設(shè)計思想融入專業(yè)理論，設(shè)計出既符合市場需求又有個性的web站點。

3.3 實踐部分

該部分是混合式教學(xué)的重點，采用以具體的項目任務(wù)為驅(qū)動的實踐教學(xué)，可以通過翻轉(zhuǎn)課堂的形式進行。首先本著均衡的原則將學(xué)生分組，根據(jù)學(xué)生的學(xué)習(xí)能力和特點進行搭配。其次是按小組布置任務(wù)，實踐任務(wù)中所涉及的所有項目均來自于真實企業(yè)需求。最后是任務(wù)實施，實施過程中，教師不僅應(yīng)提供學(xué)生知識、技能上的支持，還要引導(dǎo)學(xué)生采用多種活動形式，來調(diào)動學(xué)生參與的積極性和主動性。這種探究式和協(xié)作式的學(xué)習(xí)方式，在學(xué)生提升學(xué)習(xí)能力和解決問題能力的同時，也保護了學(xué)生的個性和創(chuàng)造性，由于事先既沒有教師對項目進行講解，也沒有教材可以參考，學(xué)生的設(shè)計思路必然不會受到限制。

任務(wù)完成后，成果展示和交流是必不可少的。在這個階段，學(xué)生將Web設(shè)計的成果通過作品展示、講演解說、集體討論等形式，展示學(xué)習(xí)成果，分享心得。在作品評價上，不僅教師要對學(xué)生的設(shè)計作品予以點評和指導(dǎo)，還可以挑選部分優(yōu)秀作品提供給一線企業(yè)或由行業(yè)專家進行點評，讓學(xué)生獲的成就感，提升主動學(xué)習(xí)的愿望。

課后，學(xué)生根據(jù)課中學(xué)習(xí)交流活動中教師和同學(xué)提 出的建議及討論結(jié)果，完善自己的視覺設(shè)計作品，并將作品和反思總結(jié)一起提交至學(xué)習(xí)平臺。這樣的學(xué)習(xí)成果能夠進行更大范圍的交流和傳播，同學(xué)之間能夠共享學(xué)習(xí)資料。教師既可以將上傳的作品和總結(jié)作為過程性學(xué)習(xí)評價的重要組成部分，也可以將其轉(zhuǎn)化為可重用、可再生的課程資源，有利于Web設(shè)計其他課程的整合和改革。

4 結(jié)論

混合式教學(xué)把信息技術(shù)引入高校課堂，為Web前端設(shè)計課程教學(xué)改革進行了一系列創(chuàng)新探索?；诨旌鲜浇虒W(xué)所建立的課程體系，使教師的課堂教學(xué)更有針對性，學(xué)生全方位能力得到了提升，為培養(yǎng)創(chuàng)新型的web前端設(shè)計人才提供了新方法。