前言：尋找寫作靈感？中文期刊網用心挑選的網站設計課程教學內容研究，希望能為您的閱讀和創作帶來靈感，歡迎大家閱讀并分享。
[內容摘要]
藝術設計專業的網站設計課程應該包含界面設計與網站建設技術兩方面的內容，學生應該通過該課程學會如何設計、制作網站，理解網站建設中藝術與技術的關系。本文結合當前藝術院校網站設計課程的現狀對藝術院校網站設計課程的教學內容提出一些建議。
[關鍵詞]
藝術設計；網站設計；教學內容
一、國內藝術院校網站設計課程現狀
國內部分藝術院校開設網站設計課程已經有15年以上的歷史。隨著網絡技術的發展與普及化，現代生活中已經很難離開這種媒體形式。網站作為互聯網的“窗口”，向人們展示了精彩的世界，拉近了人與人之間的距離，也讓人們在辦公、娛樂、學習等領域越來越多元化。近幾年電子商務帶來的巨大利益，讓更多的企業和個人把大筆資金投入網絡市場，大量的網站相關的設計人員缺口和相對較高的待遇，導致很多在傳統設計領域工作的設計師紛紛轉入這個行業，很多學生也逐漸對這個領域感興趣。網站設計課程也因為互聯網經濟發展導致市場需求大增。網站建設技術包括互聯網基礎知識、前臺程序、后臺程序、顯示設備的一些基礎知識等。網站建設技術是網站界面設計過程中非常重要的依據，單純運用藝術設計原理進行網站設計有可能會給后期技術開發造成麻煩。例如，很容易在程序開發過程中實現不了，或者實現起來增加開發成本等。網站的界面建立在屏幕顯示的基礎上，因此，設計師必須了解像素等相關基礎知識才能在設計開始階段合理創建文檔，從而進一步深入設計。網站是展示與交互的結合，網站建設不是單純地把界面設計美觀就可以了，了解相應的開發知識、交互技術特點，才能夠有效地設計出美觀、實用的界面。當前，很多院校對網站設計課程從教學方法、教學內容等方面進行了探索和改革。個別院校從師資配備上具有專業的技術教師，例如國內某美術學院在網站設計課程教學中分為網站設計和網站技術兩方面教學內容，前四周為設計專業教師授課，然后是三周計算機專業教師授課。這種教育方式相比早期的網站設計教育有著本質的不同，讓學生對網站相關知識了解深刻并且更具有專業性。還有些院校能夠和企業合作，由企業派出技術人員參與教學任務的完成。由此可見，很多院校對網站設計的技術教學給予了足夠的重視。
二、當今藝術院校網站設計課程教學內容
一個完整的網站建設往往都是由一個團隊合作完成，包括策劃、界面設計、交互設計、程序設計、運營維護等。很多專業都開設有網站相關課程，從授課內容來說區別比較大。例如，計算機專業網站課程主要從網站前、后臺的程序方面進行講解，而藝術院校則主要講解界面設計原理與方法。但是近些年隨著教學改革的進行，一些有條件的藝術院校增加了前臺開發程序的學習。當今藝術院校網站設計課程大部分還是以設計為主，但一些有條件開設相關技術內容的院校教學內容主要分為兩個部分。一部分是傳統的設計方面的內容，包括網站策劃、版式設計、色彩、圖標、字體、圖片等方面，有些內容在前導課程中有所學習，但是網站課程會針對網站的特點進行專門的版式、色彩等方面的訓練。另一部分是技術方面的內容，主要講解的是前臺程序，包括HTML、CSS、JavaScript等瀏覽器端語言，使用的軟件主要是Photoshop，AI，Dreamweawer等。如果條件允許，也會介紹一些后臺程序的實現原理等方面的基礎知識進行擴展學習。不是所有的藝術院校都會開設前臺程序課程，有些只是講解一下Dreamweawer軟件的操作方式。網站設計作為一門應用性強、專業跨度大的課程，非常注重行業能力的訓練，學生的實踐過程非常重要。網站設計的實踐能力不僅僅體現在設計、制作網站上，還包括團隊合作、語言表達等方面的能力。教師一言堂的課程能起到基礎的了解目的，但如果能讓學生參與整個網站的制作過程，對于學生的理解和動手實踐能力會有更大的幫助。
三、網站設計課程技術內容授課難點
藝術專業的學生掌握網站界面設計同時了解網絡相關技術知識，對他的學習和今后的工作有非常大的幫助。但是，在實際的教學過程中，技術知識的講解存在很多難點。
1.錯誤認識網站技術課程學習
對于一個成熟的網站設計師而言，他對于設計有了較深的理解，需要程序開發等技術知識來進一步提高他的專業能力。但是，很多藝術院校的學生設計基礎非常薄弱，如果過多強調技術內容而削弱設計訓練，讓學生誤認為學會了幾個軟件，掌握一些基礎的前臺開發語言就是網站設計，這樣就本末倒置了。而有些院校對網站技術內容的理解不全面，把教學精力放在了軟件和單純的實驗性的設計訓練上，這樣的教學不夠完整，結果很可能就是紙上談兵。所以，對網站技術的理解要系統化、專業化，并且能夠主次清晰地指導學生技術和設計的關系才是正確的途徑。
2.藝術院校技術教師配置不完善
有些院校對于網站設計技術學習有足夠的認識，學生也愿意學習相關的技術知識，但是師資卻成為了這類學校很大的障礙?，F在，個別藝術院校配備的網站程序人員都是計算機專業出身，并且有些教師沒有多少實踐經驗，也沒有設計基礎，如果他們只是單純地講解程序，設計與技術教學工作很難完美地銜接。而大部分藝術院校的設計教師對技術理解不夠深刻，那么講解給學生的內容更多的是實驗性的訓練，并沒有太多的市場價值。
3.教學內容時間分配不合理
程序的學習是一個邏輯性非常強的過程，對于新接觸這個領域的學生來講，需要學習的知識過于繁雜。大部分藝術院校網站課程的課時設置都在40課時、48課時、64課時左右，而網站界面設計方面內容講解也需要大量的時間，兩者在時間分配上就得進行取舍。是平均分配還是哪方面內容占用更多的時間，這些問題都難以處理，導致不合理的時間分配。
4.Dreamweaver誤區
藝術院校網站教學中，很多藝術專業教師本身對網站技術的理解并不專業，僅僅講解Dreamweaver軟件?？陀^來講，這個軟件對于設計師還是比較重要的，它能快速實現網站的前臺效果。但是，學生如果不了解HTML等程序，只知道操作Dreamweaver軟件的話，既不利于網站優化，也不能與后臺程序員進行專業銜接。
四、從教學目的和市場需求方面調整課程內容的一些建議
1.樹立網站設計課程界面設計與技術內容的正確關系
從藝術與技術的關系角度分析，擁有技術支持的藝術才能更加具有說服力，純粹從設計內容出發進行教學對學生的實踐能力提高并不大，而過于強調技術內容的重要性對學生的設計能力也沒有什么幫助。因此，網站設計課程應該明確設計與技術的關系。設計能力的提高是藝術院校教學的基本目的，而技術內容則是提高設計能力的輔助內容。從市場需求來講，很多公司在進行招聘網站設計師的時候，在需求中都有類似“熟悉HTML，CSS優先聘用”等信息，但是公司招聘的還是以設計為主的設計師而不是程序開發人員。因此，當藝術院校有條件進行技術授課的時候，應該讓學生意識到技術的原理和對設計的關系，有能力的學生可以多學習一些技術知識，多參與到前臺程序開發中，甚至了解一些后臺程序的運行原理，以后和真正的程序人員進行合作也會游刃有余。網站設計教育中加入技術層面的教育能讓學生從基礎原理上理解一個網站的實現與特點，也為本科生今后專業水平的提高打下良好基礎。下面簡單分析一下主要的界面設計元素與開發技術的聯系。第一，版式設計。網站界面設計中版式設計和技術的關系最為直接。最早的網站還不能加載圖片，全是由文字構成，因此這時的網站就像一個Word文件，版式設計的局限性非常大。前幾年，Flash網站盛行，當時使用Flash進行整站設計可以像PS軟件操作一樣，設計師可以直接操作軟件工具進行各種自由的版式、動畫、交互設計?，F在，HTML5成為主流的“前臺”語言，版式設計布局更加嚴謹、規整。隨著技術的變化，版式設計的方式和特點都有著巨大的變化。當前主流的網站布局都能適應各種尺寸的顯示器和不同的移動設備，主要原理是利用程序判斷瀏覽者使用設備的分辨率來調取相應的CSS文件，使用最有效的柵格系統排版方式來調整版式排列，通過規范的矩形區塊進行內容的組合。這種網站版式風格去掉了浮華的效果和隨意的結構，也是現代市場上出現的網站大部分都很規矩的原因。技術的進步與變化，對設計的影響非常直接。第二，色彩。網站的色彩是基于顯示設備進行展示，因此，設計文件一定是RGB的色彩模式。顯示設備呈現的顏色比印刷色彩要明亮很多，因此，在網站色彩搭配時不適合使用大面積純度過高的色彩。所以，學生在進行網站色彩學習的時候，不能僅僅依據之前課程的設計原理進行設計，也要考慮技術特點與設備特點等綜合因素。第三，字體設計。字體的正確使用有利于程序開發，也有利于界面設計的效果展示。例如，正文字體一般不會使用特殊字體，而是普遍使用系統自帶字體。如果要使用特殊字體，那么就需要做成圖片或者在程序端進行相應的設置。所以為了更高效的開發，設計人員需要了解怎么使用特殊字體，什么情況下盡量不使用特殊字體。第四，交互方式。早期的復雜交互都是通過Flash動畫等方式進行，如今使用HTML5的動畫功能結合CSS，JavaScript進行復雜的動畫、效果表現，交互制作的人員已經從設計人員變為前臺開發人員。設計師雖然不需要直接制作交互動畫，但是也需要對交互動畫和網站動態展示技術進行了解，才能更好地配合程序人員完美、高效地呈現動態效果。例如，原來的分頁功能現在普遍都展示為“瀑布流”的展示方式，因此在設計上就需要進行微調。
2.藝術專業網站設計課程教學內容的一些建議
第一，教師個人能力是影響教學質量的一個重要因素。從事網站設計教學的教師最好是熟悉網絡技術知識的設計專業教師，純粹的計算機專業教師在技術授課中很難有效講解技術對設計的影響。在聯合教學中，除非有相關合作經驗的技術人員，否則單純講解技術并不能解決為設計服務的教學目的。相對來講，從藝術學院自身的教師隊伍中，挑選個別有天賦的教師強化相關的技術培訓是比較容易實現的方式之一。不過，從學習時間和針對藝術生培養方向考慮，設計教師的技術培訓一定要選好培訓的技術范圍和深度，建議以瀏覽器等前臺基礎語言為主進行學習，并深入理解網站建設的各個環節及原理，最好使教師有完成完整項目的經驗。第二，一定要明確藝術專業網站設計課程的教學目的。對于藝術院校來講，網站設計課程中技術的講解最終還是為設計服務，藝術專業培養的學生最終應該是一個設計能力出色、懂技術、能跟團隊配合的人才，而不是培養一個前臺程序員或者一個只會紙上談兵的設計師。因此，藝術院校的學生要掌握技術原理與基礎方法，并能夠為設計服務。第三，在教學時間有限的情況下，合理分配設計教學時間與技術教學時間。建議可以先進行技術教學，然后在學生對網站建設過程有一定了解的基礎上，指導學生如何運用設計原理，在講解技術的過程中也可以時刻滲透設計內容。具體在一門課程中按什么比例進行時間分配得依據學生的基礎和對于兩種知識的掌握速度。第四，技術授課內容要有取舍。網站建設技術范圍非常廣，前后臺程序、網站優化、后期維護等方面涉及范圍和語言非常繁雜。所以，教師授課內容不建議面面俱到，或者過于深入講解，應該把重點放到與界面設計聯系更加直接、相對簡單的前臺程序語言上。例如，講解HTML、CSS，讓學生理解設計對前臺程序的影響，也讓學生動手編寫前臺程序以加深認識設計過程中的注意事項。這樣針對數學和計算機基礎薄弱的藝術類學生，只要講解清晰，也能讓學生比較快速地掌握。如果授課時間充裕或者學生接受能力較強，可以根據教師能力和學生興趣進行適當深入講解。學習Dreamweaver軟件時不要把全部重點放在軟件本身的講解上，可以把該軟件作為前臺程序的操作平臺。第五，學生應該理解網站從設計到實現的整個流程。除了前臺程序，盡量要讓學生理解網站從策劃到最終上線的過程與方法和所涉及的基礎知識。如果有條件，最好讓學生親自進行一下網站建設過程中非設計的一些操作。在教學方法上，可以結合項目教學方法，作為教師一言堂的補充，并且讓學生動手操作一些基礎的網絡設置，理解平時常接觸的網站一般是如何實現的。讓學生不但知道怎么進行設計，還要知道設計前與設計后的步驟，這樣在今后的過程中才能更好地參與網站建設的過程。
結語
網站設計既離不開傳統平面設計的基礎，又與程序開發技術、顯示設備等有重要的關聯。想要學好網站設計必須要學習很多方向的內容，從設備、網絡技術、設計原理、交互方式等方面深入理解、學習才能成為一個優秀的網站設計師。現階段很多學生都是在進入社會工作之后才逐漸真正地理解網站的相關知識，這時再想學習一些深入的技術，由于時間、精力等多方面原因導致更加困難。所以，作為藝術類本科教育應該重視學生設計能力的培養，也要讓學生掌握技術原理，在學生步入工作之前培養學生的綜合能力。“知其所以然”才能讓學生更專業地放手設計。在理解技術原理的同時，對設計有更深刻的認識，才應該是藝術專業網站設計課程的教學目的。通過對藝術與技術教學內容的合理分配，讓學生成為一個精通設計、理解技術，能進行合作開發的專業人才。
作者：叢林 單位：哈爾濱理工大學
參考文獻：
1.李濤,王伊蕾.《網頁設計與制作》課程教學改革初探.時代教育,2015.9
2.郭恒川，李方方.網站設計課程教學方法改革創新.黑龍江教育（高教研究與評估），2014.5
3.魏容.高等院校網絡媒體專業網頁設計課程模塊化教學探索.美術教育研究，2016.15
4.陳燚，王水花，張煜東.網站設計課程內容優化探討.電腦知識與技術，2016
5.羅春燕.一個翻轉課堂案例：來自加拿大某藝術設計學院.高教探索，2016.6