藝術(shù)高職院校網(wǎng)頁設(shè)計(jì)教學(xué)的研究與實(shí)踐

摘 要：網(wǎng)頁設(shè)計(jì)是許多高職院校的計(jì)算機(jī)專業(yè)的基礎(chǔ)課程，亦是眾多藝術(shù)高職院校的專業(yè)課程，本文從實(shí)際教學(xué)出發(fā)，闡述了藝術(shù)高職院校網(wǎng)頁設(shè)計(jì)的教學(xué)研究以及存在的問題。

關(guān)鍵詞：藝術(shù)設(shè)計(jì)；網(wǎng)頁設(shè)計(jì)

中圖分類號：G712

1 課程的一般特征

網(wǎng)頁設(shè)計(jì)課程是藝術(shù)與技術(shù)結(jié)合的產(chǎn)物，其內(nèi)容涉及計(jì)算機(jī)圖形圖形處理、版面設(shè)計(jì)、動畫設(shè)計(jì)及網(wǎng)絡(luò)編程等相關(guān)知識，是一門實(shí)踐性非常強(qiáng)的學(xué)科。在藝術(shù)高職院校中的學(xué)生設(shè)計(jì)能力出眾，圖形圖像處理基礎(chǔ)扎實(shí)學(xué)習(xí)網(wǎng)頁設(shè)計(jì)課程有得天獨(dú)厚的條件。

1.1 注重培養(yǎng)學(xué)生的實(shí)踐動手能力

網(wǎng)頁設(shè)計(jì)的基本在于版面，其美觀程度直接影響最終網(wǎng)頁的視覺效果，而版面的設(shè)計(jì)需要圖形圖像處理技術(shù)，學(xué)生的實(shí)踐動手能力將直接影響到最終效果。為了提高學(xué)生的圖形圖像處理水平，除了設(shè)計(jì)類必修的Photoshop等軟件外，我們還開設(shè)了Firework等專門針對網(wǎng)頁的圖形圖像處理軟件課程作為選修課向全院學(xué)生開放，以提高他們的實(shí)踐動手能力。

1.2 倡導(dǎo)“開放式自主學(xué)習(xí)”的新觀念

網(wǎng)頁設(shè)計(jì)涉及到計(jì)算機(jī)圖形圖像處理、動畫設(shè)計(jì)及網(wǎng)絡(luò)編程三門課程，這三門課程的教學(xué)資源全部可在網(wǎng)上瀏覽和下載，任何學(xué)生（Anyone）在任何時候（Anytime）、任何地方（Anywhere）都能獲取知識，訓(xùn)練技能，保證學(xué)生按需學(xué)習(xí)和自主學(xué)習(xí)。

1.3 培養(yǎng)與強(qiáng)化專業(yè)技能和職業(yè)能力

（1）培養(yǎng)學(xué)生收集、處理信息，準(zhǔn)備、加工素材的能力

學(xué)生能夠利用互聯(lián)網(wǎng)搜索引擎收集自己所需素材并且能夠利用已學(xué)工具軟件進(jìn)行處理和加工?；ヂ?lián)網(wǎng)技能已經(jīng)是現(xiàn)代社會不能忽視一項(xiàng)基本技能，能否熟練的利用自己的互聯(lián)網(wǎng)知識收集并加工素材成為影響學(xué)生網(wǎng)頁設(shè)計(jì)水平的重要因素。

（2）培養(yǎng)學(xué)生制作靜態(tài)網(wǎng)頁的能力

學(xué)生能夠熟練掌握DIV和CSS進(jìn)行靜態(tài)網(wǎng)頁的設(shè)計(jì)。DIV和CSS進(jìn)行結(jié)合，制作出靜態(tài)的HTML網(wǎng)頁是網(wǎng)頁設(shè)計(jì)的一項(xiàng)基本功能，學(xué)生掌握DIV和CSS技術(shù)并熟練使用才能進(jìn)行更深入的網(wǎng)頁設(shè)計(jì)的學(xué)習(xí)。

（3）培養(yǎng)學(xué)生布局網(wǎng)頁、搭配顏色和設(shè)計(jì)網(wǎng)頁的能力

學(xué)生能夠熟練掌握常見中小型網(wǎng)站布局、顏色搭配和欄目構(gòu)成，了解企業(yè)網(wǎng)站最常見的布局，熟悉各種顏色搭配在網(wǎng)頁設(shè)計(jì)中的作用，對中小企業(yè)網(wǎng)站的布局和欄目構(gòu)成有非常深入的研究。

（4）培養(yǎng)學(xué)生開發(fā)網(wǎng)站的綜合能力

學(xué)生能夠熟練將多媒體集成在網(wǎng)頁中，將動畫、圖片、文本等媒體進(jìn)行合理結(jié)合，制作出符合用戶需求的網(wǎng)站。多數(shù)企業(yè)站是文本、動畫、圖片的結(jié)合，學(xué)生能夠利用自己的專業(yè)知識，將文本、動畫、圖片等多媒體有機(jī)的結(jié)合起來，達(dá)到能夠利用網(wǎng)站進(jìn)行企業(yè)宣傳的目的。

（5）強(qiáng)化學(xué)生的策劃能力和結(jié)構(gòu)布局能力

著重強(qiáng)化學(xué)生的網(wǎng)站策劃能力，掌握網(wǎng)站的欄目分類以及搜索引擎的喜好及網(wǎng)站整體架構(gòu)布局，熟悉中英文企業(yè)網(wǎng)站基本布局，根據(jù)用戶的需求能夠熟練的進(jìn)行網(wǎng)站策劃、導(dǎo)航定位及布局展示。

2 課程的教學(xué)特征分析

通過調(diào)查顯示大部分的學(xué)生對于瀏覽器的知識非常匱乏，瀏覽器是顯示網(wǎng)頁內(nèi)容的重要工具，而作為全球知名的火狐瀏覽器（Firefox），谷歌瀏覽器（Chrome），IE瀏覽器，在接受調(diào)查的學(xué)生之中知之甚少，這不能歸咎于他們知識的匱乏，只能歸咎于中國的網(wǎng)絡(luò)環(huán)境太復(fù)雜。

網(wǎng)頁設(shè)計(jì)師不同于其它類型的設(shè)計(jì)師，他帶給用戶美感享受的同時，同時也是與用戶交流的一個過程。因此設(shè)計(jì)師要精通于網(wǎng)站訪客對網(wǎng)頁的感受及這些人如何使用網(wǎng)頁，網(wǎng)頁設(shè)計(jì)師應(yīng)該為提出最佳設(shè)計(jì)方法負(fù)責(zé)?？蛻舴浅Ｗ⒅鼐W(wǎng)頁的好看，漂亮，但是卻忽視了網(wǎng)頁設(shè)計(jì)的實(shí)用性，網(wǎng)站本身就是用來傳遞信息的，用圖片來傳遞，用視頻來傳遞，用文字來傳遞，通過種種傳播媒介的表述，讓訪問者知道網(wǎng)站要表達(dá)的信息。

3 教學(xué)情境與師生關(guān)系學(xué)生對教師的依賴曲線圖

4 教學(xué)效果探討

根據(jù)網(wǎng)頁設(shè)計(jì)課程的特點(diǎn)，使學(xué)生的學(xué)習(xí)行為發(fā)生實(shí)質(zhì)性的變化。倡導(dǎo)學(xué)生主動參與、樂于探究、勤于動手，多做多練以提高學(xué)生分析和解決問題的能力以及交流與合作的能力，變“要我學(xué)”為“我要學(xué)”，變“學(xué)會”為“會學(xué)”，提高學(xué)生的實(shí)踐能力。

通過一個學(xué)期的學(xué)習(xí)，大部分的學(xué)生對網(wǎng)頁設(shè)計(jì)有了初步的了解，部分學(xué)生雖然還有點(diǎn)朦朧，但是知識框架已經(jīng)掌握在手了，網(wǎng)頁設(shè)計(jì)是個需要累積的技術(shù)活，成功的設(shè)計(jì)師都是閱網(wǎng)無數(shù)，吸取眾家之長而變?yōu)榧河玫?，而課堂上的學(xué)生已經(jīng)找到了提高的方法，學(xué)會方法是我們課程倡導(dǎo)的初衷。

5 存在問題與解決方法

5.1 技術(shù)還是藝術(shù)的問題

學(xué)生崇尚藝術(shù)美感，用圖片、動畫等表達(dá)大量的渲染元素，忽略網(wǎng)頁設(shè)計(jì)標(biāo)準(zhǔn)，這樣的網(wǎng)站咋一看是非常有美感，可是在互聯(lián)網(wǎng)上卻因?yàn)槲募^大、載入時間過久而導(dǎo)致用戶體驗(yàn)效果差，這也暴露出學(xué)生經(jīng)驗(yàn)不足的問題，學(xué)生只看到了網(wǎng)頁的表面，沒有想到一個網(wǎng)頁或網(wǎng)站在美觀漂亮的同時，他還要符合搜索引擎（searchengine）的收錄習(xí)慣，畢竟搜索引擎（searchengine）是企業(yè)網(wǎng)站業(yè)務(wù)非常大的依賴。

5.2 網(wǎng)頁設(shè)計(jì)的根本性認(rèn)知

不少學(xué)生覺得網(wǎng)頁只要美觀即可，而忽略了網(wǎng)頁根本的東西，比如：導(dǎo)航，用戶體驗(yàn)等。網(wǎng)站的內(nèi)容多了，用戶在網(wǎng)站里面閱讀內(nèi)容，容易迷路，一個良好的導(dǎo)航條就像一個導(dǎo)游一樣，能夠帶領(lǐng)用戶以最高效的方式去他想要去的地方，這是用戶體驗(yàn)比較好的網(wǎng)站。

上述兩個問題是存在最普遍的，解決這種問題需要學(xué)生從實(shí)踐中去體驗(yàn)，最好自己建立一個網(wǎng)站，添加來訪用戶統(tǒng)計(jì)，在實(shí)踐中去認(rèn)識問題并解決它，只是這樣耗時較長，需要學(xué)生在課堂之外繼續(xù)探討。

參考文獻(xiàn)：

[1]甄鳳其.淺析網(wǎng)站網(wǎng)頁設(shè)計(jì)教學(xué)[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2013（13）：205-206

[2]金純峰.教學(xué)網(wǎng)頁設(shè)計(jì)的相關(guān)理論及運(yùn)用[J].計(jì)算機(jī)光盤軟件與應(yīng)用，2012（17）：268+257.

作者簡介：張大偉（1981-），男，廣西北海市人，廣西師范大學(xué)本科，北海藝術(shù)設(shè)計(jì)職業(yè)學(xué)院教師，講師，研究方向：計(jì)算機(jī)科學(xué)與技術(shù)。