前言:想要寫出一篇引人入勝的文章?我們特意為您整理了藝術(shù)設(shè)計專業(yè)網(wǎng)頁設(shè)計課程教學(xué)研究范文,希望能給你帶來靈感和參考,敬請閱讀。
《網(wǎng)頁設(shè)計》是一門綜合性的“大課程”,鑒于其專業(yè)的特殊性,至目前藝術(shù)設(shè)計專業(yè)開設(shè)的此課程尚沒有相對完善的教材,教學(xué)內(nèi)容和教學(xué)方法也處于探索階段。筆者結(jié)合多年從事web開發(fā)和網(wǎng)頁設(shè)計教學(xué)經(jīng)驗,對藝術(shù)設(shè)計專業(yè)《網(wǎng)頁設(shè)計》課程目標(biāo)、教學(xué)內(nèi)容設(shè)計、教學(xué)方法三方面進行探討,期待構(gòu)建《網(wǎng)頁設(shè)計》課程教學(xué)的大致框架。隨著信息時代的到來,互聯(lián)網(wǎng)技術(shù)改變了人們傳統(tǒng)的生產(chǎn)和生活方式。網(wǎng)絡(luò)資源的共享和發(fā)展已經(jīng)融入社會生活,門戶網(wǎng)站、網(wǎng)頁瀏覽已經(jīng)成為一種生活習(xí)慣。作為服務(wù)于社會經(jīng)濟發(fā)展的高校專業(yè)設(shè)置,為適應(yīng)時代需求,如計算機、電子商務(wù)及藝術(shù)設(shè)計等專業(yè)都開設(shè)了《網(wǎng)頁設(shè)計》課程。就專業(yè)技術(shù)而言,《網(wǎng)頁設(shè)計》課程綜合性較強,涵蓋的知識面較為廣泛,一個網(wǎng)頁的建立到過程,涉及到了網(wǎng)絡(luò)基礎(chǔ)知識,W3C標(biāo)準(zhǔn)和與之對應(yīng)的結(jié)構(gòu):(X)HTML語言,表現(xiàn):CSS樣式,動作:JavaScipt,圖像處理、動畫制作等諸多領(lǐng)域。鑒于其專業(yè)基礎(chǔ)的特殊性,這也導(dǎo)致了該課程針對不同專業(yè)在教學(xué)內(nèi)容、教學(xué)模式、教學(xué)方法等方面存在很大差異。理工科專業(yè)多側(cè)重于程序語言的編寫學(xué)習(xí),較為重視純技術(shù)方面,而藝術(shù)設(shè)計專業(yè)則更多偏向于網(wǎng)頁界面的版面設(shè)計,包括形式美感、色調(diào)處理等。但在實際人才應(yīng)用中,用人單位更想兼顧以上兩方面的技術(shù)應(yīng)用型人才。目前藝術(shù)設(shè)計專業(yè)《網(wǎng)頁設(shè)計》課程并沒有相對完善的專門教材,教學(xué)方法與內(nèi)容也處于探索階段。由于大環(huán)境和師資的局限,開設(shè)該課程的很多高校在教學(xué)上并沒有結(jié)合藝術(shù)設(shè)計專業(yè)的自身特點,往往“復(fù)制”和計算機等理工科專業(yè)一樣的課程教學(xué)模式,“教”和“學(xué)”都陷入一定的尷尬境地,達不到本專業(yè)所需一定程度的教學(xué)目標(biāo)。另一方面,藝術(shù)設(shè)計專業(yè)的學(xué)生,具有一定的美術(shù)基礎(chǔ)和審美意趣,制作網(wǎng)頁有一定的美感優(yōu)勢,但有時也過于追求美觀而忽略用戶體驗,脫離實際,華而不實。筆者結(jié)合多年從事web開發(fā)和網(wǎng)頁設(shè)計教學(xué)的相關(guān)經(jīng)驗,對藝術(shù)設(shè)計專業(yè)《網(wǎng)頁設(shè)計》課程目標(biāo)、教學(xué)內(nèi)容設(shè)計、教學(xué)方法三方面進行探討,期待構(gòu)建《網(wǎng)頁設(shè)計》課程教學(xué)的大致框架。其中的藝術(shù)設(shè)計專業(yè),尤其是視覺傳達方向的平面設(shè)計專業(yè)都開設(shè)了《網(wǎng)頁設(shè)計》課程。
一、課程目標(biāo)
眾所周知,課程目標(biāo)決定一門課程構(gòu)建和發(fā)展的最終導(dǎo)向,一方面可以為學(xué)生指明正確的課程學(xué)習(xí)方向,另一方面也為教師傳授正確的知識理念提供依據(jù),真正做到“教”和“學(xué)”的“有的放矢”。結(jié)合藝術(shù)設(shè)計專業(yè)學(xué)生的個性特點,注重網(wǎng)頁設(shè)計語言的學(xué)習(xí),將藝術(shù)和技術(shù)有機的緊密結(jié)合。在課程目標(biāo)制定的過程中,弱化一些在前期專業(yè)基礎(chǔ)課程中已經(jīng)學(xué)習(xí)過的相關(guān)知識(如PS圖像處理等),做好簡單的銜接,將重點放到藝術(shù)設(shè)計專業(yè)學(xué)生相對薄弱的知識點(如網(wǎng)頁設(shè)計語言等)。Dreamweaver是目前最好的網(wǎng)頁制作與設(shè)計軟件工具,作為可視網(wǎng)頁編輯工作的標(biāo)準(zhǔn),它一直在代碼編輯和應(yīng)用程序開發(fā)方面的功能比較強大。更重要的是它是所見即所得類型的網(wǎng)頁設(shè)計軟件,對藝術(shù)設(shè)計專業(yè)的學(xué)生來說,學(xué)習(xí)和應(yīng)用的難易程度非常合適。同時,對于網(wǎng)頁設(shè)計素材的制作和處理,動畫素材可以選擇Flash,圖片素材可以選擇photoshop,這里強調(diào)并要求和Dreamweaver相匹配和適應(yīng)。作為網(wǎng)頁設(shè)計的基礎(chǔ)理念,在制定《網(wǎng)頁設(shè)計》教學(xué)目標(biāo)時,必須考慮將W3C標(biāo)準(zhǔn)相關(guān)的新理念、新做法等元素考慮進來,強調(diào)使用規(guī)范化語義標(biāo)簽語言(X)HTML書寫頁面結(jié)構(gòu),并強調(diào)CSS樣式表的使用,同時遵循W3C標(biāo)準(zhǔn),了解div+css和標(biāo)準(zhǔn)頁面的優(yōu)勢所在,使用“div+css”實現(xiàn)網(wǎng)頁結(jié)構(gòu)代碼與表現(xiàn)樣式相分離,以及對后面制作標(biāo)準(zhǔn)頁面所起到的促進作用等。
二、教學(xué)內(nèi)容
(一)在藝術(shù)設(shè)計專業(yè)的人才培養(yǎng)計劃中,網(wǎng)頁設(shè)計課程
一般安排在課程學(xué)習(xí)的中后時間段。就本課程而言,我建議教學(xué)內(nèi)容并時間安排如下:
1.Dreamweaver軟件的學(xué)習(xí)和應(yīng)用為重點講解,講授和實踐為5+5個學(xué)時。Dreamweaver軟件的主要任務(wù)就是完成網(wǎng)頁設(shè)計的版面架構(gòu),教學(xué)中,主要講解本地站點的創(chuàng)建和頁面結(jié)構(gòu)搭建。在早期的網(wǎng)頁排版中一般使用網(wǎng)頁表格(table)及其嵌套的模式布局頁面,隨著技術(shù)更新和用戶需求,表格結(jié)構(gòu)已不適合現(xiàn)在時展的需要,即不適合手機及平板電腦的用戶瀏覽,呈現(xiàn)逐漸被淘汰的趨勢。現(xiàn)今網(wǎng)頁版面架構(gòu)大都采用div+css的方式設(shè)計,具有瀏覽速度快,適合在手機或平板電腦上瀏覽的優(yōu)勢。結(jié)構(gòu)和樣式的相分離,也便于日后的網(wǎng)頁改版的便利;
2.網(wǎng)頁編程基礎(chǔ)方面:HTML語言、CSS樣式、JavaScipt,講授和實踐7+7學(xué)時。非計算機專業(yè)的學(xué)生一般錯誤的認(rèn)為使用Dreamweaver這樣所見即所得的工具學(xué)習(xí)網(wǎng)頁設(shè)計,不再需要學(xué)習(xí)太多的“語言”。其實不然,HTML是網(wǎng)頁的靈魂,它不像C語言那樣“生澀難懂”,相對藝術(shù)設(shè)計學(xué)生而言,完全有能力學(xué)會和掌握。CSS通俗講是控制網(wǎng)頁中內(nèi)容的顏色、字體大小、寬度背景等樣式,并由此來實現(xiàn)各種各樣網(wǎng)頁樣式的統(tǒng)稱,也是需要熟悉和掌握的。JavaScipt與C語言不同,它提供一定的面向?qū)ο竽芰?,因此模塊、名字空間、類、對象、封裝、函數(shù)等功能在JavaScipt中的實現(xiàn)方式是其教學(xué)的重頭戲,它們才是現(xiàn)代JavaScipt語言的精髓;
3.Flash動畫,講授和實踐6+4學(xué)時。Flash主要制作二維動畫,體積小,便于使用,學(xué)習(xí)難度小,能夠滿足網(wǎng)頁設(shè)計的需要,如:網(wǎng)頁Banner條的設(shè)計、片頭動畫、課件等;
4.網(wǎng)站客戶端的表現(xiàn)原則、開發(fā)流程、面向客戶的網(wǎng)站設(shè)計,講授和實踐2+0學(xué)時;
5.photoshop為輔助2學(xué)時,藝術(shù)設(shè)計專業(yè)的學(xué)生已經(jīng)學(xué)習(xí)并掌握photoshop的使用方法。因此,減少這方面的講解,給其他新知識點留下更充裕的時間。
(二)結(jié)合網(wǎng)絡(luò)技術(shù)發(fā)展和用戶體驗要求,本課程教學(xué)還需注意下面要點:
1.面向用戶體驗的網(wǎng)頁設(shè)計:學(xué)生在學(xué)習(xí)和制作網(wǎng)頁時,總是以“自我”的感覺為主導(dǎo),很少考慮并分析用戶需求,以為自己的設(shè)計有相當(dāng)?shù)摹拔Α钡菍τ谠L問者來說,大多數(shù)的設(shè)計過于空洞、內(nèi)容繁冗,徒有漂亮的外觀。所以學(xué)生應(yīng)該明確,網(wǎng)頁設(shè)計應(yīng)該以“用戶”為中心,而不是展示、甚至炫耀網(wǎng)頁技術(shù)或技巧。因此,有必要引進面向用戶的網(wǎng)頁設(shè)計教學(xué)。
2.當(dāng)前互聯(lián)網(wǎng)技術(shù)飛速發(fā)展,網(wǎng)絡(luò)資源共享已成趨勢,學(xué)生獲取知識的渠道已不僅僅滿足于課堂上教師的講解,包括每一步所要學(xué)習(xí)的知識點。充分利用網(wǎng)絡(luò),包括豐富的教學(xué)資源和便利的搜索功能,面對現(xiàn)實中存在的問題,引導(dǎo)學(xué)生如何利用互聯(lián)網(wǎng)學(xué)習(xí)網(wǎng)頁設(shè)計方面的前沿知識,發(fā)現(xiàn)并解決。鼓勵學(xué)生使用博客、論壇,通過發(fā)現(xiàn)其中有趣的文章,得到解決問題的新方法和代碼片段。向?qū)W生介紹開源社區(qū),并鼓勵他們在線發(fā)表自己的代碼,使用社交媒體進行資源查找,并形成專業(yè)的社交媒體互動,更加專注于他們的代碼與工作,真正激發(fā)學(xué)生的學(xué)習(xí)興趣。
三、教學(xué)方法
《網(wǎng)頁設(shè)計》課程具有交叉學(xué)科性質(zhì),結(jié)合藝術(shù)設(shè)計專業(yè)學(xué)生的自身特點,在教學(xué)過程中,我運用任務(wù)驅(qū)動法、模塊教學(xué)法和項目教學(xué)法等多重手段,給學(xué)生明確的思路,引導(dǎo)學(xué)生多動腦,勤動手,發(fā)現(xiàn)問題,分析問題,解決問題。
(一)任務(wù)驅(qū)動法
任務(wù)驅(qū)動法,即通過創(chuàng)設(shè)問題情境來調(diào)動學(xué)生的學(xué)習(xí)興趣,進而啟發(fā)學(xué)生的求知欲?!芭d趣是最好的老師”,只有發(fā)現(xiàn)問題,才有任務(wù)和動力,教師利用專業(yè)知識,結(jié)合課堂所講章節(jié)內(nèi)容,分析并解決問題。只有這樣才能有利于培養(yǎng)學(xué)生獨立分析問題、解決問題的能力和創(chuàng)新能力。具體到《網(wǎng)頁設(shè)計》課程教學(xué)中,通過導(dǎo)入新課環(huán)節(jié),將所要講授的新知識隱含在一個或幾個任務(wù)之中,引導(dǎo)學(xué)生對所提出的任務(wù)進行分析討論,明確大體涉及所需知識,承前啟后,找出哪些是需要復(fù)習(xí)鞏固的知識,哪些是需要探索學(xué)習(xí)的新知識,在教師的指導(dǎo)下找出解決問題的方法,通過任務(wù)的完成實現(xiàn)對所學(xué)知識的構(gòu)建。
(二)模塊教學(xué)法
團隊合作、模塊運營是現(xiàn)代企業(yè)生存和發(fā)展之道,網(wǎng)頁設(shè)計公司亦是如此,很多網(wǎng)站界面都實行模塊化,每個部門負(fù)責(zé)完成自己的任務(wù)。為和現(xiàn)代網(wǎng)頁設(shè)計公司相適應(yīng),《網(wǎng)頁設(shè)計》課程嘗試實施有目標(biāo)、有任務(wù)、有內(nèi)容的模塊教學(xué)法,將本課程教學(xué)內(nèi)容有意識地分化為幾個模塊,針對每一個模塊設(shè)定具體的教學(xué)目標(biāo)、任務(wù)和要求,將課堂所講內(nèi)容和現(xiàn)實所需實踐有機結(jié)合。同時讓學(xué)生自由組合成一個個小團隊,團隊之間、團隊之內(nèi)分工協(xié)作,團隊合作,真正做到鍛煉學(xué)生綜合能力的教學(xué)和實踐。
(三)項目教學(xué)法
通過實施一個完整的“項目”而進行教學(xué)活動,其目的是在課堂教學(xué)中把理論與實踐有機的結(jié)合起來,充分發(fā)揮學(xué)生的創(chuàng)造潛能,提高學(xué)生解決實際問題的能力?!毒W(wǎng)頁設(shè)計》課程相對來說,有非常多的“項目”可供實施。一般是在知識體系講解完全后,給出一個具體的項目命題,如學(xué)生(或?qū)W校)個人(或創(chuàng)業(yè)小店)的網(wǎng)站、網(wǎng)絡(luò)上征稿的企業(yè)網(wǎng)站等,在實施這些“項目”過程中發(fā)現(xiàn)問題并且解決問題,一方面可以鍛煉學(xué)生的實踐能力,更重要的是及早讓學(xué)生有實戰(zhàn)意識,真正實現(xiàn)課堂教學(xué)和單位實習(xí)的“零距離”。
(四)雙師教學(xué)法
聘請工作在網(wǎng)頁設(shè)計一線,且具有豐富實踐經(jīng)驗的設(shè)計師作為兼職教員,加入到課程教學(xué)中來。兼職教員能制作最專業(yè)的網(wǎng)站,對本行業(yè)的最新趨勢有著完整的把控力,對網(wǎng)頁設(shè)計實際工作中有可能遇到的問題有著獨到的見解。他們可為學(xué)生開設(shè)講座、解惑答疑,結(jié)合全職教師對教學(xué)內(nèi)容和方法的深入研究,兩種教師互補,增強學(xué)生的學(xué)習(xí)體驗和興趣,提高教學(xué)質(zhì)量。
四、結(jié)語
藝術(shù)設(shè)計專業(yè)的《網(wǎng)頁設(shè)計》課程是隨著互聯(lián)網(wǎng)而產(chǎn)生的新興課程,同時也是為適應(yīng)地方社會經(jīng)濟發(fā)展和普通用戶的生活體驗的?;ヂ?lián)網(wǎng)技術(shù)的日新月異、社會經(jīng)濟的迅猛發(fā)展和普通用戶的生活便捷也決定了課程的必須不斷更新變革。教學(xué)是動態(tài)的過程,只有確立好課程目標(biāo)、梳理好教學(xué)內(nèi)容、掌控好教學(xué)方法,根據(jù)實施過程中的具體情況靈活調(diào)整,并不斷充實完善,才能取得更好的教學(xué)效果,真正做到培養(yǎng)網(wǎng)頁設(shè)計的應(yīng)用型專業(yè)人才,服務(wù)于社會,以人為本。
作者:華俊