前言：尋找寫作靈感？中文期刊網用心挑選的網頁設計與藝術設計整合，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
摘要：
在網頁設計課程的教學過程中，學生在課程學習中用到另一類課程知識時往往不能得心應手，教學效果不理想。為此，通過重新調整教學安排，增加藝術設計基礎知識，轉變教學模式，激發學生的學習興趣，提高教師素質，將藝術設計課程與網頁設計課程進行整合，以提高整體教學質量。
關鍵詞：
網頁設計；藝術設計；整合
隨著互聯網技術的迅速發展，網頁設計、網站開發等職業應運而生。伴隨著網站設計與開發技術的發展，相應的工作流程也在不斷變化和完善。網頁設計與開發已經成為一項綜合性、技術性都很強的專業工作，要求學生對網絡基礎知識、網頁制作及編輯技術、平面設計以及動畫設計制作等相關內容都要有一定的基礎，是技術與藝術的結合。信息時代的網頁應具有良好的界面設計與視覺效果。因此，學生在網頁設計的課程學習中，適當增加平面設計類的相關知識和技能，才能滿足職業崗位需求，順應時代的發展。
1課程認識不足
通常，網站開發有以下幾個流程：需求分析，包括項目立項和客戶的需求說明書；系統設計，包括網站總體設計和網站詳細設計；素材的收集和整理；網頁版式設計；網站制作；申請域名和申請空間；網站測試和網站；網站維護和網站推廣。網頁設計課程的教材種類比較多，但內容集中在介紹網頁制作工具軟件的學習上，比如：Dreamweaver、FrontPage等網頁制作工具軟件。對網頁中的基本布局方法、圖片處理，頁面配色，文字排版等方面的知識較少。同時，學生對待本課程的學習在認識上也有偏差，希望一開始就能學會制作網頁。
2教學內容有待調整
經過幾年的教學實踐，網頁設計課程的教學內容應增加藝術設計的一些基本理論與知識,以及藝術設計類軟件的學習。理論知識具體包括：網頁版式和色彩理論。藝術設計類軟件主要包括兩大類：圖形圖像處理類軟件，常用的有Photoshop、Fireworks、Coreldraw等；二維動畫設計類軟件，如Flash等，在教學安排中，可以考慮只講授Photoshop、Flash。教學內容按模塊進行設計，對每一部分知識，重點教會學生如何應用，在理論內容的講授中將理論知識融入案例中，從實際需要出發，需要哪些內容就重點講解哪些內容，而不是大而全地講授所有相關理論知識。在教學設計中采用項目教學法方式進行授課，通過在項目和任務中將藝術設計與網頁設計有效地結合在一起，融會貫通，學以致用，達到最佳的教學效果。
2.1網頁版式設計
網頁版面是指在瀏覽器上看到的一個完整頁面，不同種類、不同版本的瀏覽器瀏覽同一個網頁，效果有可能不同。因此，應定好網頁版式尺寸。網頁版式的構成要素主要有：網頁標志、網頁標題、導航條、圖片、多媒體、色彩、文字等。如何將各種網頁元素進行合理組織在有限的版面中，達到設計出賞心悅目的網頁作品，非常重要。一個優秀的網頁，是從網頁版式設計開始的。采取何種版式結構布局頁面并不是一件隨意的事，首先要明確建立網站的目的，網站要表現的主題，網站所面對的受眾的特點，客戶的需求等等，通過前期的了解調查和分析，才能確定網頁版式結構，將網頁主題內容與設計者的設計思想結合在一起，找到一個較完美的表現方式，才能真正突出網站別具風格的特點。
2.2色彩的基本理論及視覺效果
網頁設計離不開色彩。網頁中的基本元素比如背景、文字、Logo、導航、圖片等應該采用什么樣的標準色彩，如何將色彩組織搭配才能更好地表達出網站的設計思想，體現網站主題與風格，是網頁設計者所關注的問題。色彩的基本理論，色彩的心理感覺，色彩的冷暖，色彩的軟硬，色彩的進退，色彩的大小等等都知識都必須涉及到。比如在網頁中通過填充不同的色彩背景來區分網頁中的不同區域；通過色彩的明暗及面積大小的不同，讓瀏覽者瀏覽頁面時主次分明，條理清晰。在教學中，讓學生學習了解網頁配色原理：色彩的適合性、鮮明性和獨特性，掌握網頁配色技巧：比如使用一種色彩配色，使用鄰近色配色，使用對比色配色和非彩色搭配（黑白搭配）。通過欣賞與總結不同主題網站的版式設計及配色,掌握網頁風格確定方法，熟悉網站色彩搭配技巧。
2.3網頁圖片的處理
網頁中離不開圖片處理。Photoshoop是一個功能強大的圖像處理軟件。了解常用圖像文件類型，比如PSD、BMP、TIFF、GIF、PNG、JPEG、PDF等格式，掌握不同類型文件的特征，在網頁設計中靈活運用。在學習Photoshoop軟件中重點教授網頁Logo標志的制作、導航欄、按鈕的制作、網頁素材圖片的處理、網頁頁面的規劃與制作、圖片切割導出成網頁格式。
2.4網頁動畫的制作
在網頁的制作上，Flash發揮了重要的作用。通過動態的顯示文字和圖片，豐富了頁面。Flash軟件中重點學習掌握廣告條動畫的制作，聯系地圖動畫的制作，公告欄動畫的制作，商品宣傳廣告動畫的制作，這些都是網頁頁面中經常使用的表現形式。對于以上增加的藝術設計類理論和軟件類的教學內容并不是孤立地放在某一個教學期間。教師在進行教學設計中，通過項目和任務作為載體，掌握夠用的原則，以項目帶動學習，進行實踐操作。
3轉變教學模式，激發學生學習興趣
無論是網頁設計軟件還是藝術設計類軟件，此類課程的應用性和實踐性非常強，它強調學生的操作能力。因此在教學中，教師應以學生為主體充分發揮學生的主觀能動性，教師主導任務的實施，激發學生的參與熱情，在“做”的過程中融入“學”和“教”。目前我們學院的教學環境得到了改善，網頁設計課程的教學場所都安排在實訓機房，教師可以采取邊授課邊操作的方式，學生同步操作，非常直觀。學生既可以模仿，也可以思考多做一些調試和修改，在遇到問題時，可以立即咨詢教師，得到及時解決，以加深對知識點的掌握程度，從而提高了教學效果。這種教學方式改變了理論課和實訓課相互獨立的局面，將課程的“教、學、做”融于一體，學生在完成具體項目任務的過程中學習新的知識和技能，具有成就感，充分發揮學生的學習主動性和積極性，提高了學生處理和解決實際問題的能力。同時，教師要精心設計教學內容，挑選典型項目案例。例如，從制作網頁標志開始、導航條制作、網頁素材處理、網頁頁面規劃與制作、圖片切割、廣告條動畫制作，到網頁站點規劃、網頁布局與實現、網頁美化、網頁交互制作，讓學生對網頁制作的流程和各軟件的結合使用有一個完整的了解，從而提高學生的學習興趣，保持持久的學習動力。
4提高教師素質
網頁設計課程的教學通常是由計算機相關專業的教師授課，這些教師對藝術設計的基本理論知識比較缺乏。因此對于授課教師來說，不僅要熟練掌握網頁設計與制作的專業技術，對藝術設計以及網頁美工的理論基礎也要有一定的學習和研究，具有較好的審美素養，努力豐富和拓展平面設計方面的經驗，提高網頁設計綜合能力，在教學活動中引導學生能靈活掌握、應用這些藝術設計類軟件，運用一些平面設計中的美的基本形式到網頁中去，制作出賞心悅目的網頁頁面。
5結語
通過網頁設計與藝術設計這兩類課程的整合，采用“教、學、做”一體化的課程教學模式，學生在項目及任務中學習美工的基礎理論知識，掌握網頁設計技術，將兩類課程的知識融會貫通，靈活運用。同時，加強技能培訓，學會舉一反三，增強學生探究和創新意識，提升學生自主學習能力，學習科學探究的方法，發展綜合運用知識的能力，增進學校與社會的密切聯系，培養學生的職業素養。
作者：呂玉梅 單位：江西環境工程職業學院
參考文獻
[1]趙愛濤,劉迎春,張明虎.藝術設計軟件課程與網頁設計課程的整合[J].石家莊職業技術學院學報,2010(8).
[2]李敏.網頁設計與制作案例教程[M].北京:電子工業出版社,2012(11).
[3]梁玉英.《網頁設計》一體化教學模式初探[J].湖北廣播電視大學學報,2011(6).