如何提高高校藝術設計專業網站設計課程的教學效果

李 霞　（塔里木大學人文學院傳媒系　新疆阿拉爾　843300）

一、引言

社會需要專業的網頁設計師。隨著網絡的飛速發展，網站已深入到社會的方方面面，已成為企事業單位對外宣傳、商家對外銷售、個人相互交流不可缺少的重要途徑，在這種情況下，使用者對于網站界面的風格、色彩搭配、布局、文化內涵等也提出了越來越高的要求。而實際的現狀是，很多網站缺乏藝術的加工和處理，色彩搭配混亂、缺乏個性和特色、過度使用gif圖片等。

網頁設計有前后臺之分，前臺美工人員設計出視覺舒適的頁面，并形成靜態頁面，后臺制作人員使前臺設計的網站功能得以實現。二者的區分很大，前臺設計需要很好的美術素養和設計功底，后臺制作人員需要很強的計算機編寫水平。有人認為網頁設計師精通CSS/HTML/JAVASCRIPT等語言來做網頁布局，其實這是不正確的，網頁設計的工作應該是由前端網頁設計師來完成的。如果讓后臺制作人員包攬前臺設計的工作，勢必影響網站的視覺效果。

在我國，優秀的網頁設計師是較為缺乏的，社會對于網站設計師的崗位需求缺口非常大。在這種情況下，我校開設《網頁設計》這門課就要明確課程定位、確定教學目標、豐富教學方法、完善教學設計、改革教學方法和手段、改變考核和評價體系等幾方面入手，以專業特色為導向，以培養設計師為本位的教學特色。培養學生的創造能力和設計能力。如何進行教學能使學生容易掌握網頁設計的規律?如何調動學生學習的積極性?又如何能夠學以致用幫助他們提升自我的創造力產生出優秀作品，是我們教學者一直思考的課題。

二、明確課程定位

在以往的專科教學中，我校的《網站設計》課程都是由信息學院的老師講授，而這恰恰不能凸顯設計專業的特色，《網頁設計》看似一門簡單好學的課程，卻往往得不到很好的教學效果，常常是學生學過之后，不能獨立的進行網站規劃和頁面設計，對晦澀難懂的網頁代碼無可奈何。這樣的問題產生，其實是是課程定位不明確而導致的。

通過對我院藝術設計專業課程體系的認真分析，因此將本課程定位在以培養專業的網站前臺設計師為目標，能夠完成網站前臺美工設計、flash動畫輔助、客戶端靜態網頁實現等工作。所運用的軟件包括photoshop、firework、dreamweaver、flash等。

三、確定培養目標

學生通過學習，了解網站和網頁的基本設計思想，運用所學的色彩及構圖的基礎知識設計出色彩搭配合理、網頁風格突出、富有藝術審美、網站結構清晰、使用者操作方便的網站；學生能夠熟練運用網站設計軟件，合理利用版面構成的形式要素、關系要素、網頁設計構圖與視覺傳達的關系，熟悉點、線、面、色彩、肌理等設計元素的基本設計方法，并在實踐中能靈活運用，能獨立完成網站的前臺設計及靜態網站的生成；對于不同內容和性質的網站能夠設計出符合市場和潮流的網站，通過對本課程中每個具體項目的完成，學生能夠規劃、設計、制作網頁，具體實現的能力目標如下：

（一）專業能力

1.能夠使用photoshop進行界面效果圖的設計，完成高質量的設計作品；

2.能夠使用flash制作與網站相關的動畫，包括網站banner、廣告等；

3.能夠使用 firework對設計好的網站作品進行切片處理；

4.能夠使用dreamweaver生成靜態頁面。

5.能夠看懂簡單代碼，并利用其修改頁面。

（二）綜合能力

1.協調溝通能力：重視客戶的意見及要求，善于溝通，不“為設計而設計”；

2.協作能力：能夠與團隊成員合作融洽并積極主動的完成自己的工作；

3.資料檢索能力：熟悉各種網頁設計資源并能快速檢索、下載并整理；

4.項目策劃能力：能夠對網站有宏觀的認識，全盤策劃，并具體執行；

5.創新能力：要有創意，有自己獨到的想法和開闊的設計思路；

6.責任心：設計一旦開始，不半途而廢，能夠善始善終。

四、豐富教學方法

設計教育是要培養出領先于社會的人才，而不是被動地跟著社會的需求來培養人才。日新月異的時代對教師也提出了更新更高的要求，在學科教學方面我們不僅傳授知識與技能，而且要使學生形成積極主動的學習態度，讓學生學會學習，并逐步積累和提高創造性思維和處理問題的能力，為今后的就業和實現自我價值做一個好的鋪墊，在這里介紹幾種教學方法：

（一）作品賞析法

對于網站設計還沒有概念的學生，與其羅列一堆晦澀的理論知識，不如從作品賞析切入課程。專業教師可積累一大批優秀的的網頁設計，如按國家分類有歐美、日韓、中國設計師的優秀作品向學生展示并分析各自的特色；按照內容分類有：①門戶類網站、②政府類網站、③企業類網站、④行業類網站、⑤商業類網站、⑥教育類網站、⑦娛樂類網站、⑧個人類網站、⑨BBS以及論壇類網站，展示時講解不同的網站具有的不同藝術特色及特點。使學生對網頁制作有具體的概念，建立起學習的興趣和信心。在平時授課時，以鼓勵和引導為主，不斷提出問題：如果由你來做這個網站，哪些地方需要修改？如果你做一個網站該如何設計？在學生的頭腦中先有了一些模糊的認識，產生了做網站的想法，再在老師的幫助下梳理成一個比較成型的網站框架，接下來就是：怎么做網頁？用什么工具？有了興趣，帶著這些問題，進入這一階段的學習，就比較主動，學習效果也會比較好。

（二）協作式教學法

這種教學法對于培養研究能力和合作品質有重要的意義。以小組協作形式進行網頁制作的實踐活動，有助于學生在團隊協作中克服困難，積極工作，完成制作任務。網頁制作的主題可以由小組自行決策，教師作為場外指導。由于網頁制作涉及到整體規劃、內容整理、圖形處理、頁面制作等多個環節，采用小組方式可以讓每個人負責自己雖擅長的那部分，這樣一方面展現了學生個人能力，滿足了學生的成就感；一方面也分擔了網頁制作的工作量，提高了學生的學習興趣。另外，學生將來到企業中從事網頁制作工作的時候，往往也是以團隊的形式完成工作，所以通過小組形式培養團隊協作能力，有助于學生在未來工作中提高團隊意識，更好的適應團隊工作。教師應該抱著開放的心態，尊重學生的設計思維和作品，注重培養學生的探索精神， 教學靈活、多變，技巧上注重創意性、超前性。

（三）討論式教學法

這種教學法的特點是通過師生之間、學生之間的有主題的討論來實現教學目標，教學采用啟發式，注重對問題的討論。比如對于好的網站設計作品的案例分析，讓學生發表自己的觀點；或針對學生所作的網站設計作品開展優秀網頁互評活動，提高學生審美和判斷能力。設計是一種潛移默化的能力，并不能靠簡單的知識傳授就可以解決問題。所以，討論式教學法可以讓學生充分發揮主觀能動性，積極地思考起來，以提高思辨能力和審美。

（四）個別化教學法

該模式的特點是以學生為中心，自學與輔導相結合。學生接受事物的速度有快有慢，對設計的領悟有高有低，老師不能千篇一律，應該對學生進行個別化教學，比如基礎好、悟性高的學生可以提出更高的設計要求讓其完成，而不會因為等待其他同學而浪費課堂的寶貴時間。

（五）學界業界互動教學法

理論聯系實踐才能出真知，在培養藝術設計專業人才時要更多地聯系社會，了解企業發展、需求現狀，而不是一味地閉門造車。尋找時間聘請相關專家和從業設計師不定期舉行交流講座，并就相關問題進行交流和討論。學生們可以積極參與、各抒己見，無形中拓展了課堂學習的知識面，彌補了單一課堂教學的不足，使學生了解社會的需求。

學生通過一段時間的學習已經掌握了相應的知識，這時候可以鼓勵學生學以致用走入業界，比如：引導學生創建自己的網站，或走出學校，到設計公司做兼職設計。通過學以致用，首先可以提高學生綜合運用網頁制作技術的能力，其次可以進一步激發學生進一步探索網頁制作知識的欲望，最后網站還可以成為學生自我展現、自我推銷的舞臺，有利于吸引用人單位的注意。

五、考核方式

本課程對學生的考核成績不通過筆試進行，而以每個主題學習單元的考核作為一次平時成績，每個主題學習完畢后，學生上交自己的作品，多次作業積累在一起形成平時作業。期末考核時，老師提前就相關主題告之學生，學生搜集相關資料，最后也以上交的設計作品作為考核依據。既要重視考核結果，如任務完成情況、關鍵能力的體現（如學習能力、創新能力、協作能力等）又要重視過程考核，包括工作態度（如出勤、回答問題等）。

六、結束語

網頁設計需要藝術性與實用性相結合，在教學過程中不同于傳統的教學模式，必須根據課程的特色探索出一條新的教學之路，將全新的教學理念運用于教學方法中，以培養學生逐步成長為真正的設計師為目標，既讓學生學會網站設計的制作方法，又能在制作過程中充分體現藝術性與創新性，同時也培養學生的協作精神，使學生未來能順利走入社會。從教師宏觀教學和培養學生的角度出發，禁忌以本為本，采取由易到難、由簡到繁、由淺入深的教學方式，才能更好地優化課堂教學，提高教學質量，以培養出符合社會需要的設計人才。

參考文獻：

[1]魏善沛.網站設計創意與編程[M].北京.清華大學出版社 2006.

[2]姜兆瑞.張璇等編著.網站設計師完全手冊[M].北京.清華大學出版社，2006.

[3]蔡佳薇，任務型教學在中職藝術設計教學中的應用[J].現代閱讀(教育版)2013.

[4] 俞華鋒, 淺談《網頁制作》在高職院校中的教學[J].中國科技信息.2005.

[5] 陳琴.建構主義與科學教育.當代教育科學[J].2004.

[6] 劉佳奇.談網站設計中的色彩搭配[J].遼寧.遼寧師專學報2010.

[7] 蔡敏.淺談網站中視覺圖形的情感化設計[J].北京.科技視窗2010.