藝術設計專業網頁設計課程教學研究

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了藝術設計專業網頁設計課程教學研究范文，希望能給你帶來靈感和參考，敬請閱讀。

《網頁設計》是一門綜合性的“大課程”，鑒于其專業的特殊性，至目前藝術設計專業開設的此課程尚沒有相對完善的教材，教學內容和教學方法也處于探索階段。筆者結合多年從事web開發和網頁設計教學經驗，對藝術設計專業《網頁設計》課程目標、教學內容設計、教學方法三方面進行探討，期待構建《網頁設計》課程教學的大致框架。隨著信息時代的到來，互聯網技術改變了人們傳統的生產和生活方式。網絡資源的共享和發展已經融入社會生活，門戶網站、網頁瀏覽已經成為一種生活習慣。作為服務于社會經濟發展的高校專業設置，為適應時代需求，如計算機、電子商務及藝術設計等專業都開設了《網頁設計》課程。就專業技術而言，《網頁設計》課程綜合性較強，涵蓋的知識面較為廣泛，一個網頁的建立到過程，涉及到了網絡基礎知識，W3C標準和與之對應的結構：（X）HTML語言，表現：CSS樣式，動作：JavaScipt，圖像處理、動畫制作等諸多領域。鑒于其專業基礎的特殊性，這也導致了該課程針對不同專業在教學內容、教學模式、教學方法等方面存在很大差異。理工科專業多側重于程序語言的編寫學習，較為重視純技術方面，而藝術設計專業則更多偏向于網頁界面的版面設計，包括形式美感、色調處理等。但在實際人才應用中，用人單位更想兼顧以上兩方面的技術應用型人才。目前藝術設計專業《網頁設計》課程并沒有相對完善的專門教材，教學方法與內容也處于探索階段。由于大環境和師資的局限，開設該課程的很多高校在教學上并沒有結合藝術設計專業的自身特點，往往“復制”和計算機等理工科專業一樣的課程教學模式，“教”和“學”都陷入一定的尷尬境地，達不到本專業所需一定程度的教學目標。另一方面，藝術設計專業的學生，具有一定的美術基礎和審美意趣，制作網頁有一定的美感優勢，但有時也過于追求美觀而忽略用戶體驗，脫離實際，華而不實。筆者結合多年從事web開發和網頁設計教學的相關經驗，對藝術設計專業《網頁設計》課程目標、教學內容設計、教學方法三方面進行探討，期待構建《網頁設計》課程教學的大致框架。其中的藝術設計專業，尤其是視覺傳達方向的平面設計專業都開設了《網頁設計》課程。

一、課程目標

眾所周知，課程目標決定一門課程構建和發展的最終導向，一方面可以為學生指明正確的課程學習方向，另一方面也為教師傳授正確的知識理念提供依據，真正做到“教”和“學”的“有的放矢”。結合藝術設計專業學生的個性特點，注重網頁設計語言的學習，將藝術和技術有機的緊密結合。在課程目標制定的過程中，弱化一些在前期專業基礎課程中已經學習過的相關知識（如PS圖像處理等），做好簡單的銜接，將重點放到藝術設計專業學生相對薄弱的知識點（如網頁設計語言等）。Dreamweaver是目前最好的網頁制作與設計軟件工具，作為可視網頁編輯工作的標準，它一直在代碼編輯和應用程序開發方面的功能比較強大。更重要的是它是所見即所得類型的網頁設計軟件，對藝術設計專業的學生來說，學習和應用的難易程度非常合適。同時，對于網頁設計素材的制作和處理，動畫素材可以選擇Flash，圖片素材可以選擇photoshop，這里強調并要求和Dreamweaver相匹配和適應。作為網頁設計的基礎理念，在制定《網頁設計》教學目標時，必須考慮將W3C標準相關的新理念、新做法等元素考慮進來，強調使用規范化語義標簽語言（X）HTML書寫頁面結構，并強調CSS樣式表的使用，同時遵循W3C標準，了解div+css和標準頁面的優勢所在，使用“div+css”實現網頁結構代碼與表現樣式相分離，以及對后面制作標準頁面所起到的促進作用等。

二、教學內容

（一）在藝術設計專業的人才培養計劃中，網頁設計課程

一般安排在課程學習的中后時間段。就本課程而言，我建議教學內容并時間安排如下：

1.Dreamweaver軟件的學習和應用為重點講解，講授和實踐為5+5個學時。Dreamweaver軟件的主要任務就是完成網頁設計的版面架構，教學中，主要講解本地站點的創建和頁面結構搭建。在早期的網頁排版中一般使用網頁表格（table）及其嵌套的模式布局頁面，隨著技術更新和用戶需求，表格結構已不適合現在時展的需要，即不適合手機及平板電腦的用戶瀏覽，呈現逐漸被淘汰的趨勢。現今網頁版面架構大都采用div+css的方式設計，具有瀏覽速度快，適合在手機或平板電腦上瀏覽的優勢。結構和樣式的相分離，也便于日后的網頁改版的便利；

2.網頁編程基礎方面：HTML語言、CSS樣式、JavaScipt，講授和實踐7+7學時。非計算機專業的學生一般錯誤的認為使用Dreamweaver這樣所見即所得的工具學習網頁設計，不再需要學習太多的“語言”。其實不然，HTML是網頁的靈魂，它不像C語言那樣“生澀難懂”，相對藝術設計學生而言，完全有能力學會和掌握。CSS通俗講是控制網頁中內容的顏色、字體大小、寬度背景等樣式，并由此來實現各種各樣網頁樣式的統稱，也是需要熟悉和掌握的。JavaScipt與C語言不同，它提供一定的面向對象能力，因此模塊、名字空間、類、對象、封裝、函數等功能在JavaScipt中的實現方式是其教學的重頭戲，它們才是現代JavaScipt語言的精髓；

3.Flash動畫，講授和實踐6+4學時。Flash主要制作二維動畫，體積小，便于使用，學習難度小，能夠滿足網頁設計的需要，如：網頁Banner條的設計、片頭動畫、課件等；

4.網站客戶端的表現原則、開發流程、面向客戶的網站設計，講授和實踐2+0學時；

5.photoshop為輔助2學時，藝術設計專業的學生已經學習并掌握photoshop的使用方法。因此，減少這方面的講解，給其他新知識點留下更充裕的時間。

（二）結合網絡技術發展和用戶體驗要求，本課程教學還需注意下面要點：

1.面向用戶體驗的網頁設計：學生在學習和制作網頁時，總是以“自我”的感覺為主導，很少考慮并分析用戶需求，以為自己的設計有相當的“吸引力”但是對于訪問者來說，大多數的設計過于空洞、內容繁冗，徒有漂亮的外觀。所以學生應該明確，網頁設計應該以“用戶”為中心，而不是展示、甚至炫耀網頁技術或技巧。因此，有必要引進面向用戶的網頁設計教學。

2.當前互聯網技術飛速發展，網絡資源共享已成趨勢，學生獲取知識的渠道已不僅僅滿足于課堂上教師的講解，包括每一步所要學習的知識點。充分利用網絡，包括豐富的教學資源和便利的搜索功能，面對現實中存在的問題，引導學生如何利用互聯網學習網頁設計方面的前沿知識，發現并解決。鼓勵學生使用博客、論壇，通過發現其中有趣的文章，得到解決問題的新方法和代碼片段。向學生介紹開源社區，并鼓勵他們在線發表自己的代碼，使用社交媒體進行資源查找，并形成專業的社交媒體互動，更加專注于他們的代碼與工作，真正激發學生的學習興趣。

三、教學方法

《網頁設計》課程具有交叉學科性質，結合藝術設計專業學生的自身特點，在教學過程中，我運用任務驅動法、模塊教學法和項目教學法等多重手段，給學生明確的思路，引導學生多動腦，勤動手，發現問題，分析問題，解決問題。

（一）任務驅動法

任務驅動法，即通過創設問題情境來調動學生的學習興趣，進而啟發學生的求知欲。“興趣是最好的老師”，只有發現問題，才有任務和動力，教師利用專業知識，結合課堂所講章節內容，分析并解決問題。只有這樣才能有利于培養學生獨立分析問題、解決問題的能力和創新能力。具體到《網頁設計》課程教學中，通過導入新課環節，將所要講授的新知識隱含在一個或幾個任務之中，引導學生對所提出的任務進行分析討論，明確大體涉及所需知識，承前啟后，找出哪些是需要復習鞏固的知識，哪些是需要探索學習的新知識，在教師的指導下找出解決問題的方法，通過任務的完成實現對所學知識的構建。

（二）模塊教學法

團隊合作、模塊運營是現代企業生存和發展之道，網頁設計公司亦是如此，很多網站界面都實行模塊化，每個部門負責完成自己的任務。為和現代網頁設計公司相適應，《網頁設計》課程嘗試實施有目標、有任務、有內容的模塊教學法，將本課程教學內容有意識地分化為幾個模塊，針對每一個模塊設定具體的教學目標、任務和要求，將課堂所講內容和現實所需實踐有機結合。同時讓學生自由組合成一個個小團隊，團隊之間、團隊之內分工協作，團隊合作，真正做到鍛煉學生綜合能力的教學和實踐。

（三）項目教學法

通過實施一個完整的“項目”而進行教學活動，其目的是在課堂教學中把理論與實踐有機的結合起來，充分發揮學生的創造潛能，提高學生解決實際問題的能力。《網頁設計》課程相對來說，有非常多的“項目”可供實施。一般是在知識體系講解完全后，給出一個具體的項目命題，如學生（或學校）個人（或創業小店）的網站、網絡上征稿的企業網站等，在實施這些“項目”過程中發現問題并且解決問題，一方面可以鍛煉學生的實踐能力，更重要的是及早讓學生有實戰意識，真正實現課堂教學和單位實習的“零距離”。

（四）雙師教學法

聘請工作在網頁設計一線，且具有豐富實踐經驗的設計師作為兼職教員，加入到課程教學中來。兼職教員能制作最專業的網站，對本行業的最新趨勢有著完整的把控力，對網頁設計實際工作中有可能遇到的問題有著獨到的見解。他們可為學生開設講座、解惑答疑，結合全職教師對教學內容和方法的深入研究，兩種教師互補，增強學生的學習體驗和興趣，提高教學質量。

四、結語

藝術設計專業的《網頁設計》課程是隨著互聯網而產生的新興課程，同時也是為適應地方社會經濟發展和普通用戶的生活體驗的。互聯網技術的日新月異、社會經濟的迅猛發展和普通用戶的生活便捷也決定了課程的必須不斷更新變革。教學是動態的過程，只有確立好課程目標、梳理好教學內容、掌控好教學方法，根據實施過程中的具體情況靈活調整，并不斷充實完善，才能取得更好的教學效果，真正做到培養網頁設計的應用型專業人才，服務于社會，以人為本。

作者：華俊