如何提高高校藝術(shù)設(shè)計專業(yè)網(wǎng)站設(shè)計課程的教學(xué)效果

李 霞?。ㄋ锬敬髮W(xué)人文學(xué)院傳媒系　新疆阿拉爾　843300）

一、引言

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

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

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

二、明確課程定位

在以往的?？平虒W(xué)中，我校的《網(wǎng)站設(shè)計》課程都是由信息學(xué)院的老師講授，而這恰恰不能凸顯設(shè)計專業(yè)的特色，《網(wǎng)頁設(shè)計》看似一門簡單好學(xué)的課程，卻往往得不到很好的教學(xué)效果，常常是學(xué)生學(xué)過之后，不能獨(dú)立的進(jìn)行網(wǎng)站規(guī)劃和頁面設(shè)計，對晦澀難懂的網(wǎng)頁代碼無可奈何。這樣的問題產(chǎn)生，其實(shí)是是課程定位不明確而導(dǎo)致的。

通過對我院藝術(shù)設(shè)計專業(yè)課程體系的認(rèn)真分析，因此將本課程定位在以培養(yǎng)專業(yè)的網(wǎng)站前臺設(shè)計師為目標(biāo)，能夠完成網(wǎng)站前臺美工設(shè)計、flash動畫輔助、客戶端靜態(tài)網(wǎng)頁實(shí)現(xiàn)等工作。所運(yùn)用的軟件包括photoshop、firework、dreamweaver、flash等。

三、確定培養(yǎng)目標(biāo)

學(xué)生通過學(xué)習(xí)，了解網(wǎng)站和網(wǎng)頁的基本設(shè)計思想，運(yùn)用所學(xué)的色彩及構(gòu)圖的基礎(chǔ)知識設(shè)計出色彩搭配合理、網(wǎng)頁風(fēng)格突出、富有藝術(shù)審美、網(wǎng)站結(jié)構(gòu)清晰、使用者操作方便的網(wǎng)站；學(xué)生能夠熟練運(yùn)用網(wǎng)站設(shè)計軟件，合理利用版面構(gòu)成的形式要素、關(guān)系要素、網(wǎng)頁設(shè)計構(gòu)圖與視覺傳達(dá)的關(guān)系，熟悉點(diǎn)、線、面、色彩、肌理等設(shè)計元素的基本設(shè)計方法，并在實(shí)踐中能靈活運(yùn)用，能獨(dú)立完成網(wǎng)站的前臺設(shè)計及靜態(tài)網(wǎng)站的生成；對于不同內(nèi)容和性質(zhì)的網(wǎng)站能夠設(shè)計出符合市場和潮流的網(wǎng)站，通過對本課程中每個具體項目的完成，學(xué)生能夠規(guī)劃、設(shè)計、制作網(wǎng)頁，具體實(shí)現(xiàn)的能力目標(biāo)如下：

（一）專業(yè)能力

1.能夠使用photoshop進(jìn)行界面效果圖的設(shè)計，完成高質(zhì)量的設(shè)計作品；

2.能夠使用flash制作與網(wǎng)站相關(guān)的動畫，包括網(wǎng)站banner、廣告等；

3.能夠使用 firework對設(shè)計好的網(wǎng)站作品進(jìn)行切片處理；

4.能夠使用dreamweaver生成靜態(tài)頁面。

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

（二）綜合能力

1.協(xié)調(diào)溝通能力：重視客戶的意見及要求，善于溝通，不“為設(shè)計而設(shè)計”；

2.協(xié)作能力：能夠與團(tuán)隊成員合作融洽并積極主動的完成自己的工作；

3.資料檢索能力：熟悉各種網(wǎng)頁設(shè)計資源并能快速檢索、下載并整理；

4.項目策劃能力：能夠?qū)W(wǎng)站有宏觀的認(rèn)識，全盤策劃，并具體執(zhí)行；

5.創(chuàng)新能力：要有創(chuàng)意，有自己獨(dú)到的想法和開闊的設(shè)計思路；

6.責(zé)任心：設(shè)計一旦開始，不半途而廢，能夠善始善終。

四、豐富教學(xué)方法

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

（一）作品賞析法

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

（二）協(xié)作式教學(xué)法

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

（三）討論式教學(xué)法

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

（四）個別化教學(xué)法

該模式的特點(diǎn)是以學(xué)生為中心，自學(xué)與輔導(dǎo)相結(jié)合。學(xué)生接受事物的速度有快有慢，對設(shè)計的領(lǐng)悟有高有低，老師不能千篇一律，應(yīng)該對學(xué)生進(jìn)行個別化教學(xué)，比如基礎(chǔ)好、悟性高的學(xué)生可以提出更高的設(shè)計要求讓其完成，而不會因?yàn)榈却渌瑢W(xué)而浪費(fèi)課堂的寶貴時間。

（五）學(xué)界業(yè)界互動教學(xué)法

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

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

五、考核方式

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

六、結(jié)束語

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

參考文獻(xiàn)：

[1]魏善沛.網(wǎng)站設(shè)計創(chuàng)意與編程[M].北京.清華大學(xué)出版社 2006.

[2]姜兆瑞.張璇等編著.網(wǎng)站設(shè)計師完全手冊[M].北京.清華大學(xué)出版社，2006.

[3]蔡佳薇，任務(wù)型教學(xué)在中職藝術(shù)設(shè)計教學(xué)中的應(yīng)用[J].現(xiàn)代閱讀(教育版)2013.

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

[5] 陳琴.建構(gòu)主義與科學(xué)教育.當(dāng)代教育科學(xué)[J].2004.

[6] 劉佳奇.談網(wǎng)站設(shè)計中的色彩搭配[J].遼寧.遼寧師專學(xué)報2010.

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