朱爽蕾

（天津工藝美術(shù)職業(yè)學(xué)院,天津 300250）

當(dāng)今是信息技術(shù)高速發(fā)展的時代，大數(shù)據(jù)、云平臺的發(fā)展使教學(xué)方式發(fā)生了巨大的改變。信息化教學(xué)不僅可以使教學(xué)方式向個性化、多元化轉(zhuǎn)變，還可以優(yōu)化教學(xué)方案和內(nèi)容，推動學(xué)生主動學(xué)習(xí)，進而實現(xiàn)“以學(xué)生為主體，教師為指導(dǎo)”的教學(xué)模式，真正做到學(xué)以致用，知行合一。因此，信息化教學(xué)逐漸成為一種重要的教學(xué)手段?！毒W(wǎng)頁設(shè)計》課程是針對藝術(shù)設(shè)計類專業(yè)開設(shè)的一門核心課程，具有很強的專業(yè)性和實踐性。通過分析《網(wǎng)頁設(shè)計》課程在傳統(tǒng)教學(xué)過程中存在的問題，結(jié)合課程特點，嘗試將信息化教學(xué)手段應(yīng)用于教學(xué)過程，并對其初步的教學(xué)效果進行了探討。

一、《網(wǎng)頁設(shè)計》在傳統(tǒng)教學(xué)模式中存在的問題

1.教學(xué)模式的局限性

在傳統(tǒng)教學(xué)模式中，可選用的教材資源有限，教材的內(nèi)容也只是停留在幾個知識點上，相關(guān)案例的設(shè)計分析不能與時俱進，在課程學(xué)習(xí)后，學(xué)生難以獨立完成設(shè)計任務(wù)，綜合設(shè)計能力仍然比較薄弱，與企業(yè)對人才的需求也相距甚遠。課堂教學(xué)與社會需求存在非常大的知識落差，學(xué)生只能通過進入工作崗位后來補充，這大大降低了學(xué)生的社會競爭力?！毒W(wǎng)頁設(shè)計》在傳統(tǒng)教學(xué)中需要學(xué)生隨堂進行學(xué)習(xí)，一旦課上沒有很好掌握，受時間和空間的制約，學(xué)生難以在課后進行相關(guān)內(nèi)容的復(fù)習(xí)和回顧。

2.授課方式單一

在教學(xué)過程中一般參照傳統(tǒng)的藝術(shù)設(shè)計類教學(xué)模式進行授課。教師通過課堂講解推出知識點，再通過案例分析，啟發(fā)學(xué)生的創(chuàng)意思維。這種單一的教學(xué)方式雖有一定效果，但不利于發(fā)揮學(xué)生的主觀能動性，往往遏制了學(xué)生的創(chuàng)造力。

二、信息化教學(xué)的優(yōu)勢

1.豐富的教學(xué)資源

各級各類的信息平臺匯集了大量數(shù)字資源，成為學(xué)生獲取知識的重要來源。許多藝術(shù)設(shè)計專業(yè)的信息平臺，如花瓣網(wǎng)、站酷網(wǎng)、昵圖網(wǎng)等，聚集了中國原創(chuàng)設(shè)計師、藝術(shù)院校師生、潮流藝術(shù)家等年輕創(chuàng)意設(shè)計人群。它促進了設(shè)計行業(yè)的交流互助，將創(chuàng)意作品進行廣泛的傳播與推介，提高中國原創(chuàng)設(shè)計的影響力。為設(shè)計師與設(shè)計企業(yè)搭建了相互促進的橋梁，讓設(shè)計與企業(yè)需求更好地對接。這些平臺不僅為學(xué)生提供了大量的優(yōu)秀創(chuàng)意設(shè)計作品和素材，還能讓學(xué)生了解行業(yè)的最新發(fā)展動態(tài)與流行趨勢。

2.多樣的教學(xué)形式

信息技術(shù)的應(yīng)用豐富了教與學(xué)的形式，吸引了眾多年輕人，也逐漸成為青年群體學(xué)習(xí)的首要陣地。如騰訊課堂憑借QQ客戶端的優(yōu)勢，實現(xiàn)在線互動教學(xué)和音、視頻直播課。同時支持PPT演示、屏幕分享等多樣化的授課模式，還為教師提供白板、提問等功能。再如中國年輕人高度聚集的文化社區(qū)視頻平臺嗶哩嗶哩，數(shù)據(jù)顯示被用戶稱為 “study with me”的學(xué)習(xí)直播，已晉升為嗶哩嗶哩直播時長最長的品類，據(jù)2019年統(tǒng)計用戶在嗶哩嗶哩直播學(xué)習(xí)時長突破200萬小時。

三、信息化教學(xué)在《網(wǎng)頁設(shè)計》課程中的應(yīng)用

《網(wǎng)頁設(shè)計》課程是針對職業(yè)院校**專業(yè)開設(shè)的一門專業(yè)核心課程，其課程目標(biāo)是培養(yǎng)學(xué)生設(shè)計網(wǎng)頁的能力，以及軟件應(yīng)用能力、電子商務(wù)專業(yè)知識、網(wǎng)絡(luò)知識等綜合素養(yǎng)的培養(yǎng)和提高。希望通過本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的綜合設(shè)計能力，為學(xué)生可以日后勝任IT公司網(wǎng)頁設(shè)計師等崗位奠定基礎(chǔ)?；诖?，我們嘗試將信息化教學(xué)手段應(yīng)用于該課程的教學(xué)過程中，主要表現(xiàn)如下：

1.利用微課視頻進行課前預(yù)習(xí)。教師借助互聯(lián)網(wǎng)、云平臺、教育資源庫等信息平臺收集大量網(wǎng)頁設(shè)計基礎(chǔ)知識的視頻教學(xué)資源，通過篩選、組合編制成9-10分鐘的微課視頻，并將微視頻課程上傳至智慧樹教學(xué)平臺供學(xué)生進行課前預(yù)習(xí)。學(xué)生可通過智慧樹教學(xué)平臺隨時隨地觀看課程視頻資源進行預(yù)習(xí)，初步了解課程的重點與難點，幫助學(xué)生明確學(xué)習(xí)目標(biāo)，激發(fā)學(xué)生的學(xué)習(xí)興趣。

2.多種信息化教學(xué)手段助力基礎(chǔ)知識授課?；A(chǔ)知識的講授分為三個步驟：基礎(chǔ)知識講解、案例分析和分組討論。

首先，在基礎(chǔ)知識講解環(huán)節(jié)中，教師采用PPT課件、投影儀合并課堂講解的方式進行授課。教師在課堂講解中逐一拋出知識點，再圍繞知識點進行詳細的講解。

案例分析環(huán)節(jié)采用的教學(xué)案例都是從國家教育資源庫及網(wǎng)絡(luò)平臺中篩選出的，這些案例都是來自排名領(lǐng)先設(shè)計公司、新銳設(shè)計師、知名項目案例的圖片、視頻資源。案例都是圍繞知識點分析講解，不僅能夠加深學(xué)生對知識點理解，還可以了解當(dāng)今網(wǎng)頁設(shè)計行業(yè)的發(fā)展動向，培養(yǎng)學(xué)生審美判斷力，提高眼界。教師通過向?qū)W生推送教育云等信息平臺資源，引導(dǎo)學(xué)生觀看其他老師的網(wǎng)頁設(shè)計教學(xué)視頻，使學(xué)生找到網(wǎng)頁設(shè)計的最佳方案，圍繞知識點進行拓展延展。

在最后的分組討論中，讓學(xué)生以分組的形式合作學(xué)習(xí)。例如，網(wǎng)頁的題材分為教育類、電商類、科技類、文化類、游戲類等，學(xué)生以小組為單位從網(wǎng)絡(luò)資源中收集不同風(fēng)格網(wǎng)頁設(shè)計作品，從構(gòu)圖方式、色彩運用、控件設(shè)計及環(huán)境營造中找出不同題材設(shè)計特色，并進行分析與討論。每組選派一名代表進行PPT匯報展示。此種授課方式大大提高了學(xué)生學(xué)習(xí)的積極性和主動性，學(xué)生能夠主動利用信息化資源來分析問題并解決問題。從而培養(yǎng)了他們主動思考、自主學(xué)習(xí)等能力。

3.線上線下教學(xué)相結(jié)合提升學(xué)生實操能力。為了提升學(xué)生的實操能力，嘗試在網(wǎng)頁效果圖臨摹、交互效果呈現(xiàn)和項目導(dǎo)入三個環(huán)節(jié)進行線上線下相結(jié)合的教學(xué)手段。

在網(wǎng)頁效果圖臨摹教學(xué)之前，教師從眾多專業(yè)網(wǎng)絡(luò)資源中篩選出典型的網(wǎng)頁設(shè)計案例，進而形成課堂教學(xué)案例，并制作相應(yīng)的實操視頻。這些視頻上傳至智慧樹教學(xué)平臺，通過智慧樹教學(xué)平臺學(xué)生可以進行在線學(xué)習(xí)，全面了解相關(guān)的操作過程，從而掌握多種設(shè)計制作方法。在線下課堂教學(xué)中，教師主要對其中的重點和難點進行講解和演示，并集中解答學(xué)生的疑問。

在交互設(shè)計呈現(xiàn)環(huán)節(jié)。為了實現(xiàn)網(wǎng)頁設(shè)計效果，使學(xué)生獲得更好地設(shè)計體驗，我們選擇了一款簡便易用的無代碼原型制作軟件ADOBE XD，它不僅可以完成靜態(tài)網(wǎng)頁效果圖制作，還可以完成網(wǎng)頁間的跳轉(zhuǎn)、輪播圖的動效制作。在線下的課堂教學(xué)中對軟件的主要功能和使用方法進行講解和演示。智慧樹平臺線上學(xué)習(xí)的資源主要包括兩部分，一部分是利用網(wǎng)絡(luò)平臺資源獲取的軟件使用視頻資源，進行整理編輯后上傳至智慧樹教學(xué)平臺；另一部分是教師將案例制作過程錄制成視頻，讓學(xué)生掌握交互設(shè)計的全流程。

在項目導(dǎo)入階段，教師在網(wǎng)絡(luò)上收集、篩選設(shè)計項目需求信息，以真實的項目命題來指導(dǎo)學(xué)生完成項目制作的全過程。在智慧樹線上教學(xué)平臺提供優(yōu)秀設(shè)計案例公司學(xué)生進行鑒賞。在線下教學(xué)中引導(dǎo)學(xué)生進行項目分析、用戶研究、框架設(shè)計、原型圖的制作、元素設(shè)計等。學(xué)生根據(jù)項目要求進行逐級頁面設(shè)計，使用平面設(shè)計軟件制作效果圖，教師給予學(xué)生設(shè)計上的指導(dǎo)，通過比較分析智慧樹線上平臺的優(yōu)秀案例，不斷修正完善自己的設(shè)計作品。

4.運用智慧樹教學(xué)平臺進行學(xué)習(xí)評價。在網(wǎng)頁設(shè)計理論學(xué)習(xí)環(huán)節(jié)中，教師利用智慧樹教學(xué)平臺中的“在線測驗”功能完成線上測試。教師將每章節(jié)的學(xué)習(xí)內(nèi)容編制成測試題，添加至智慧樹教學(xué)平臺。學(xué)生通過登錄智慧樹平臺進行線上測試，并自動生成考試成績。學(xué)生可通過在線測驗鞏固學(xué)習(xí)內(nèi)容，修補知識漏洞。教師可根據(jù)測試結(jié)果進行成績統(tǒng)計和分析，找出錯誤率較高的教學(xué)難點對課程進行改進。將信息化運用于知識考核中，簡化了考試方式，利于找出教學(xué)中的問題。

5.利用智慧樹教學(xué)平臺強化課后學(xué)習(xí)拓展，鼓勵學(xué)生繼續(xù)完善課堂項目作業(yè)，并將作業(yè)上傳至智慧樹教學(xué)平臺集中進行展示，學(xué)生之間互相評價借鑒，推薦優(yōu)秀作品參賽。對于有學(xué)習(xí)興趣的學(xué)生，推薦進入校企合作企業(yè)進行項目實踐，接受企業(yè)教師的指導(dǎo)。教師利用智慧樹教學(xué)平臺繼續(xù)推薦理論學(xué)習(xí)和軟件教程等課程資源，為學(xué)生提供知識補充。

四、教學(xué)效果與反思

1.教學(xué)效果

本課程將信息化手段合理運用到傳統(tǒng)課堂教學(xué)中，通過線上線下教學(xué)相結(jié)合，取得了很好的教學(xué)效果，順利完成了教學(xué)目標(biāo)。通過大量的學(xué)習(xí)資源使學(xué)生的學(xué)習(xí)能力得到了大幅度的提高，不僅使他們開闊了眼界，操作能力也有了大幅度的提升。

2.教學(xué)創(chuàng)新

情景教學(xué)和任務(wù)驅(qū)動體現(xiàn)了教學(xué)的特色與創(chuàng)新。通過對真實案例的融入，調(diào)動了學(xué)生的學(xué)習(xí)潛能和學(xué)習(xí)動機。合理運用信息化手段，改革了陳舊的教學(xué)模式。將網(wǎng)絡(luò)中大量的學(xué)習(xí)資源引入課堂，有效的攻克了教學(xué)難點，使教學(xué)效果得到提升。

3.反思診改

通過課堂實踐效果和作業(yè)完成情況，總結(jié)出以下兩點尚需改進。（1）基礎(chǔ)理論與軟件操作的結(jié)合度不高，課程資源和案例資源需要補充。在今后的教學(xué)設(shè)計中要做到將理論教學(xué)貫穿到軟件教學(xué)中，簡化理論，優(yōu)化教學(xué)資源。（2）優(yōu)化項目教學(xué)，要進行廣泛的校企合作，真正將企業(yè)需求與項目教學(xué)進行對接。不斷改進教學(xué)手段，為學(xué)生提供企業(yè)專家親自授課的機會。

五、小結(jié)

《網(wǎng)頁設(shè)計》課程在與信息化教學(xué)模式相結(jié)合中，改變了傳統(tǒng)教學(xué)模式的局限。教師不再是授課主體，學(xué)生也不再被動學(xué)習(xí)。信息化教學(xué)突出了學(xué)生的主體地位，可使學(xué)生通過學(xué)習(xí)、思考、內(nèi)化產(chǎn)生問題，從而主動獲取更多網(wǎng)絡(luò)資源，推動產(chǎn)生新問題。真正做到活學(xué)活用，并可將知識轉(zhuǎn)化為技能服務(wù)于社會。信息化教學(xué)能夠培養(yǎng)學(xué)生主動思考問題的能力，培養(yǎng)他們不斷學(xué)習(xí)的學(xué)習(xí)習(xí)慣。但信息化教學(xué)還需教師進行合理地設(shè)計，更好地引導(dǎo)學(xué)生使用信息化資源。怎樣將信息化教學(xué)手段與課堂教學(xué)更好地融合，成為教師需要不斷研究和探索的重要課題。