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

朱爽蕾

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

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

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

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

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

2.授課方式單一

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

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

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

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

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

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

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

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

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

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

首先，在基礎(chǔ)知識(shí)講解環(huán)節(jié)中，教師采用PPT課件、投影儀合并課堂講解的方式進(jìn)行授課。教師在課堂講解中逐一拋出知識(shí)點(diǎn)，再?lài)@知識(shí)點(diǎn)進(jìn)行詳細(xì)的講解。

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

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

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

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

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

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

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

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

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

1.教學(xué)效果

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

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

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

3.反思診改

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

五、小結(jié)

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