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

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

一、課程目標

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

二、教學內(nèi)容

（一）在藝術(shù)設計專業(yè)的人才培養(yǎng)計劃中，網(wǎng)頁設計課程

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

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

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

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

4.網(wǎng)站客戶端的表現(xiàn)原則、開發(fā)流程、面向客戶的網(wǎng)站設計，講授和實踐2+0學時；

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

（二）結(jié)合網(wǎng)絡技術(shù)發(fā)展和用戶體驗要求，本課程教學還需注意下面要點：

1.面向用戶體驗的網(wǎng)頁設計：學生在學習和制作網(wǎng)頁時，總是以“自我”的感覺為主導，很少考慮并分析用戶需求，以為自己的設計有相當?shù)摹拔Α钡菍τ谠L問者來說，大多數(shù)的設計過于空洞、內(nèi)容繁冗，徒有漂亮的外觀。所以學生應該明確，網(wǎng)頁設計應該以“用戶”為中心，而不是展示、甚至炫耀網(wǎng)頁技術(shù)或技巧。因此，有必要引進面向用戶的網(wǎng)頁設計教學。

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

三、教學方法

《網(wǎng)頁設計》課程具有交叉學科性質(zhì)，結(jié)合藝術(shù)設計專業(yè)學生的自身特點，在教學過程中，我運用任務驅(qū)動法、模塊教學法和項目教學法等多重手段，給學生明確的思路，引導學生多動腦，勤動手，發(fā)現(xiàn)問題，分析問題，解決問題。

（一）任務驅(qū)動法

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

（二）模塊教學法

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

（三）項目教學法

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

（四）雙師教學法

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

四、結(jié)語

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

作者：華俊