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

關鍵詞：藝術設計；網(wǎng)頁設計

中圖分類號：G712

1 課程的一般特征

網(wǎng)頁設計課程是藝術與技術結合的產物，其內容涉及計算機圖形圖形處理、版面設計、動畫設計及網(wǎng)絡編程等相關知識，是一門實踐性非常強的學科。在藝術高職院校中的學生設計能力出眾，圖形圖像處理基礎扎實學習網(wǎng)頁設計課程有得天獨厚的條件。

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

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

1.2 倡導“開放式自主學習”的新觀念

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

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

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

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

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

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

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

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

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

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

（5）強化學生的策劃能力和結構布局能力

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

2 課程的教學特征分析

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

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

3 教學情境與師生關系學生對教師的依賴曲線圖

4 教學效果探討

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

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

5 存在問題與解決方法

5.1 技術還是藝術的問題

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

5.2 網(wǎng)頁設計的根本性認知

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

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

參考文獻：

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

[2]金純峰.教學網(wǎng)頁設計的相關理論及運用[J].計算機光盤軟件與應用，2012（17）：268+257.

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