隨發展趨勢改進藝術專業網頁設計課程教學

摘要 網頁作為數字媒介集功能性與視覺傳達藝術的審美性于一體，作為綜合的跨學科課程，《網頁設計》被眾多高校藝術設計專業制定為核心課程。隨著技術的迅速發展，針對藝術專業網頁設計課程的特點，需不斷改進教學方法，充實教學內容，才能使學生掌握最實用的網頁設計技術，培養出面向不同需求的高素質人才。

關鍵詞 網頁設計 發展趨勢 教學設計

中圖分類號：G642 文獻標識碼：A

Improve Web Design Curriculum Teaching of Art

Professional with the Development Trend

XIE Tao

(Graduate Department， Hubei Academy of Fine Arts， Wuhan， Hubei 430060)

AbstractAs a digital media arts and visual communication in one aesthetic， as an integrated interdisciplinary curriculum， \"Web Design\" is developed as the core curriculum by many professional art and design colleges and universities. With the rapid technological development， professional web design courses for the Art features need continuously to improve teaching methods， enrich the teaching content in order to enable students to master the most practical web design techniques， to train highly qualified personnel for the different needs.

Key wordsweb design; development trend; teaching design

隨著計算機技術的發展和Internet互聯網普及化程度越來越高，網頁設計與制作已經成為當代視覺設計師必備的專業技能之一。就網頁設計課程教學而言，不僅要求學生掌握相關的計算機技術，更要具有專業的美工基礎和藝術素養。培養能適應時代發展與市場需求的網頁設計師，藝術專業網頁設計課程就必須緊隨技術更新步伐進行教學改革，以便適應時代發展需求。

1 設計軟件與開發技術的發展與更新

網頁設計軟件眾多，業界廣泛使用Adobe公司的Dreamweaver，高校網頁設計課程也基本以此作為軟件教學內容。經過數年發展，最新版的Dreamweaver CS 5推出了許多新功能，因此課程的軟件操作教學內容也需圍繞新版本展開講授。

早期的網頁設計師在設計流程中主要追求良好的美學效果，不太關注語義化和可用性方面的問題。隨著技術的發展進步，遵循網頁標準（Web標準）進行網頁設計和網站開發，已經成為當代網頁設計師必備的技能之一。用Div+CSS布局來替代傳統的table布局，使內容與表現相分離，頁面信息結構更清晰，有利于內容的重用。網頁標準還使網站開發與維護更簡易，與未來瀏覽器也完美兼容，使訪問者獲得更好的瀏覽體驗。

Flash曾經作為網頁設計中的視覺元素之一，現在已經發展成能夠開發整套網站的強大工具，提供了大量的遠遠超過 Html 所能夠實現的視覺表現效果，Flash 使創建復雜的、互動性強并且擁有動畫元素的網站成為可能。Flash流媒體技術的廣泛使用也是網頁設計的一個新趨勢，頁面元素不再是靜態的文字和圖片，也不再局限于二維的Flash動畫效果，結合音頻和視頻技術的Flv流媒體技術由于不需要安裝插件，有著優秀的兼容性及交互性，在網頁設計中的應用達到一個新的高度。

3D技術是當前視覺藝術的一個熱點，基于Internet具有交互性的虛擬現實建模語言Web 3D技術，使二維的網頁向三維發展提供了很好的支持，代表了三維網頁的發展方向。同時，更多的瀏覽器開始完美支持和表現新一代Web 語言、互聯網標準Html5，視頻播放、動畫、3D交互圖像、Web視頻聊天及會議、音頻的采樣和混合都將是Html5的重要優點和應用趨勢，并將引領下一代 Web 實現類似桌面的應用體驗。

隨著技術的進步，網頁設計越來越重于表現多媒體的特性，這就需要網頁設計師不僅要掌握基本的專業技能，還需拓展其他相關領域的專業知識，才能提高職場競爭實力。

2 審美的提高促進網頁設計新思維

一個極具藝術感染力的網頁設計作品會得到眾多來訪者的傾心，提高網站的親和力與回訪率。特別是在信息高速發展的今天，人們審美意識的提高，客觀上將網頁設計推向了更高層次的表現境界，網頁設計風格個性化、技術多元化將成為必然的發展趨勢。

網頁的設計與制作，除了要表現動態效果及強大的交互功能，還應著力提高設計美感和藝術氛圍，界面設計同樣要符合視覺藝術的形式美法則。

（1）布局合理、排版簡潔。結合優秀的版式設計，對頁面元素及內容進行歸檔分類與優化，做到信息的主次分明。

（2）風格統一、整體性好。網站的整體性是通過好的界面設計風格體現出來的，色彩搭配要協調，圖像圖形的制作要精致，突顯網站主題與格調。

（3）創新性的視覺特色。善于做創新性的視覺設計，讓頁面設計在同類網站中脫穎而出，帶給用戶愉悅的視覺感受和瀏覽體驗。

（4）易用性。網頁最終會于用戶終端顯示，簡潔易用也是非常重要的設計原則，讓美的頁面建立在易用的基礎上，在整個設計過程中都要始終貫穿這種思想。

網頁設計師根據網站定位的需求，重視用戶體驗，并將獨特的設計思維融合到網頁設計中去才能做出最優異的網頁設計。藝術專業的學生應充分發揮自己的設計優勢，將技術與藝術緊密結合，使設計制作出來的網頁達到實用性和審美性的高度統一。

3 根據市場的需求充實網頁設計課程教學內容

藝術設計專業培養的網頁設計師主要涉及網頁前端架構，如網站的整體風格規劃及版式設計、界面設計等，這些都屬于網站開發流程中視覺設計的范疇。作為整個開發團隊的一員，網頁設計師不僅要勝任前端設計，還要與站點開發人員合作密切，熟悉網站后臺的管理；不僅要精通靜態Html（Xhtml）語言與CSS，還要了解各種動態網站架構語言如ASP、PHP、JSP、CGI等；除了能勝任網站的規劃與設計，還要掌握網站建設相關方面的知識如服務器與虛擬主機的管理與維護、域名的注冊與解析、網站備案、SEO搜索引擎優化等。除此以外，網頁設計師還能借助各類CMS(網站內容管理系統)構建各種功能性的網站、論壇及博客系統。

競爭所需使越來越多的公司和企業開始開拓網絡市場，樹立其在互聯網上的良好形象。市場的多元化發展趨勢也對網頁設計師的素質提出了更高的要求，不僅要精通專業技能，還要眼光敏銳及時把握網頁設計相關領域的最新動向。這就要求網頁設計課程教學在講授理論知識與操作技能的同時，還需重視實踐教學的重要性，從多方面拓寬學生的知識層面。

4 根據教學目標及內容調整教學方法

在傳統網頁設計教學中，一般沿用以教材為中心，教師課堂理論陳述及操作演示的教學模式，缺乏實踐性，無法達到課程教學目標。因此，要充分利用多媒體教學環境，發揮教師在教學中的主導作用和學生在學習過程中的主體作用，采用適當的教學方法激發學生學習興趣。

4.1 改進實踐教學，鍛煉學生獨立創作的能力

在實踐教學中，根據教學目的和教學內容選用典型案例，通過對網頁設計案例的分析講授其中所應用到的理論知識，在學生理解基本理論知識的基礎上再演示案例，使學生進一步熟悉相關理論知識的應用及實際操作，有助于培養學生分析問題、解決問題的能力。同時，教師可以從威客網上搜集一些商業設計項目作為實訓內容，讓教學目標更加貼近市場的真實需求，提高學生學習的主動性和積極性。另外，還可以定期舉辦網頁設計大賽，組織學生和專業教師進行評選，并將優秀參賽作品放在網站上作為教學成果展示，這些活動不僅能調動學生的學習興趣，也極大地豐富了學生的學習生活。

4.2 借助網絡技術實現教學互動，完善教學手段

在實際教學中，不是所有學生都能及時掌握教師課堂上所講的內容，還需在課后對相關知識點進行復習鞏固，網頁設計課程本身的特點也決定了可以充分發揮網絡資源的巨大優勢。教師可以開設個人教學網站，將課件及相應的學習資料放到網站上供學生訪問下載，同步發布與更新各種學習相關信息，學生也能通過在線留言板和學習論壇與同學或老師相互討論，解決問題，教師則可以根據反饋信息及時調整教學內容。

4.3 理論與操作相結合，綜合全面評價學生

考核是檢測教與學的重要手段，也是教學中一個重要環節。一個好的考核方式不僅能全面真實地反映學生的學習水平，還能反映出教學中存在的問題。除了必要的理論知識考核，可以布置一個項目設計任務作為課程實踐部分的考核內容，比如讓學生設計制作自己的個人網站。先對個人網站的設計做總體規劃，列出設計方案，由教師審閱并給予修改建議后再完善方案并實施，在設計過程中教師要關注進度并及時指出設計中的不足之處讓學生解決。這種考核方式既強調了實踐性教學，又培養了學生自己獨立完成網站設計和制作的能力。

互聯網作為一種新興的數字媒體發展迅速，網頁設計也成為視覺設計師最為關注的新領域之一。藝術專業的網頁設計課程教學不僅要體現時代性，還要富于創造性，具備前瞻性。教師必須緊密關注網頁發展動向，隨市場和時代的發展趨勢改進教學內容和教學方法，才能培養出適應市場需求的高素質設計人才。

參考文獻

[1]張偉娜.《網頁設計與制作》課程教學的探討與實踐[J].中國教育信息化·高教職教，2008(2).

[2]張麗香.高校《網頁設計》課程教學探討[J].大眾科技，2008(5):104-150.

[3]胡波.網頁制作課程教學方法探討[J].電腦知識與技術，2006(4).

[4]呂慧娟，武澎.課程教學的創新與實踐[J].電腦知識與技術(學術交流)，2007.3(13).