信息化教學在《網頁設計》課程中的應用

朱爽蕾

（天津工藝美術職業學院,天津 300250）

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

一、《網頁設計》在傳統教學模式中存在的問題

1.教學模式的局限性

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

2.授課方式單一

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

二、信息化教學的優勢

1.豐富的教學資源

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

2.多樣的教學形式

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

三、信息化教學在《網頁設計》課程中的應用

《網頁設計》課程是針對職業院校**專業開設的一門專業核心課程，其課程目標是培養學生設計網頁的能力，以及軟件應用能力、電子商務專業知識、網絡知識等綜合素養的培養和提高。希望通過本課程的學習，培養學生的綜合設計能力，為學生可以日后勝任IT公司網頁設計師等崗位奠定基礎。基于此，我們嘗試將信息化教學手段應用于該課程的教學過程中，主要表現如下：

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

2.多種信息化教學手段助力基礎知識授課。基礎知識的講授分為三個步驟：基礎知識講解、案例分析和分組討論。

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

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

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

3.線上線下教學相結合提升學生實操能力。為了提升學生的實操能力，嘗試在網頁效果圖臨摹、交互效果呈現和項目導入三個環節進行線上線下相結合的教學手段。

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

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

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

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

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

四、教學效果與反思

1.教學效果

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

2.教學創新

情景教學和任務驅動體現了教學的特色與創新。通過對真實案例的融入，調動了學生的學習潛能和學習動機。合理運用信息化手段，改革了陳舊的教學模式。將網絡中大量的學習資源引入課堂，有效的攻克了教學難點，使教學效果得到提升。

3.反思診改

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

五、小結

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