淺析如何提高網(wǎng)頁設(shè)計課程的教學(xué)質(zhì)量

摘 要：網(wǎng)頁設(shè)計課程是高等藝術(shù)院校藝術(shù)設(shè)計專業(yè)的必修課程，也是非常重要的課程之一。現(xiàn)在是一個網(wǎng)絡(luò)的時代，網(wǎng)絡(luò)在我們的日常生活中無處不在，我們每天都在接觸著網(wǎng)頁，網(wǎng)頁這種傳播媒介已經(jīng)逐漸取代了出版物。因此，網(wǎng)頁設(shè)計課程的重要性越來越顯著，以往大多數(shù)高校在講授網(wǎng)頁設(shè)計課程的時候都是采用以軟件基礎(chǔ)知識講授的方式為主的教學(xué)方法，教學(xué)效果不是很理想。基于對其它藝術(shù)類高等院校的分析以及自己多年在網(wǎng)頁設(shè)計教學(xué)中的經(jīng)驗總結(jié)，淺析如何通過項目教學(xué)法提高網(wǎng)頁設(shè)計課程的教學(xué)質(zhì)量。

關(guān)鍵詞：網(wǎng)頁設(shè)計 案例教學(xué) 實踐教學(xué) 項目教學(xué) 課程改革 創(chuàng)新能力 教學(xué)質(zhì)量

中圖分類號：G633 文獻(xiàn)標(biāo)識碼：A 文章編號：1673-9795（2013）04（a）-0219-01

隨著科技的飛速發(fā)展，我們已經(jīng)處于一個網(wǎng)絡(luò)的時代，我們的生活離不開網(wǎng)絡(luò)，網(wǎng)站是現(xiàn)今人們獲取信息的重要途徑，已經(jīng)逐漸超過或替代印刷出版物，網(wǎng)頁設(shè)計課程也成為高等藝術(shù)院校藝術(shù)設(shè)計專業(yè)學(xué)生的重要課程之一，以往平面印刷方面的知識要逐漸過渡到網(wǎng)頁設(shè)計之中。因此，網(wǎng)頁設(shè)計課程的重要性越來越明顯，本文就如何提高網(wǎng)頁設(shè)計課程的教學(xué)質(zhì)量進(jìn)行了如下分析。

1 及時更新教學(xué)內(nèi)容

網(wǎng)頁設(shè)計具有時效性，隨著網(wǎng)絡(luò)的不斷發(fā)展，網(wǎng)頁設(shè)計的新技術(shù)新方法也在不斷的推陳出新。為了適應(yīng)網(wǎng)絡(luò)發(fā)展的速度，各高校也在不斷地更新著教學(xué)內(nèi)容，但是大多數(shù)高校都是在更新網(wǎng)頁設(shè)計的軟件知識，卻沒有從根本上更新教學(xué)內(nèi)容。藝術(shù)設(shè)計專業(yè)的網(wǎng)頁設(shè)計課程主要講解Dreamweaver、Flash、Fireworks三個軟件，即我們通常所說的網(wǎng)頁三劍客。Dreamweaver，用于編輯HTML、ASP、JSP、PHP、CSS、XML、JS的頁面制作工具，F(xiàn)lash用于制作網(wǎng)頁中的Banner動畫及片頭動畫，F(xiàn)ireworks主要用于處理網(wǎng)頁中的圖片素材。軟件的版本更新很快，基本上每年都有新的版本出現(xiàn)，因此，在教學(xué)過程中隨時更新教學(xué)軟件是這個課程的必然要求。但是，僅僅使用最新版本的軟件并不能做出好的網(wǎng)頁，好的網(wǎng)頁需要有新的制作技術(shù)支持。例如，網(wǎng)站結(jié)構(gòu)的搭建，表格結(jié)構(gòu)是一種簡單快捷的網(wǎng)頁搭建方式，表格結(jié)構(gòu)在瀏覽器的兼容性上非常好，可以在多種瀏覽器之間很好的顯示。但是，隨著網(wǎng)頁技術(shù)的不斷發(fā)展，主流的網(wǎng)站都采用了DIV+CSS結(jié)構(gòu)，DIV+CSS是網(wǎng)頁美工必須了解和掌握的一門技術(shù)，現(xiàn)在互聯(lián)網(wǎng)是屬于web2.0的時代，DIV+CSS采用樣式和結(jié)構(gòu)分離的方式，利于搜索引擎讀取網(wǎng)站頁面，提高網(wǎng)頁收錄數(shù)量，最主要是方便管理和網(wǎng)站維護(hù)。

2 項目教學(xué)法在網(wǎng)頁設(shè)計課程中的引入

網(wǎng)頁設(shè)計課程是一個綜合性非常強(qiáng)的課程，不僅僅是軟件的講授，它涉及到版式設(shè)計、色彩設(shè)計等其它方面的知識，如何讓學(xué)生在短時間內(nèi)能夠快速接受本課程內(nèi)容是關(guān)鍵。之前的講課方式是逐一講解每一個軟件的知識點，學(xué)生理解起來比較困難，學(xué)習(xí)效果不是很理想。高等藝術(shù)院校的人才培養(yǎng)目標(biāo)是培養(yǎng)技能型應(yīng)用型人才，這也是本課程所要達(dá)到的一個目標(biāo)，網(wǎng)頁設(shè)計課程培養(yǎng)的是學(xué)生的實踐技能，實用性非常強(qiáng)。因此，在本課程中嘗試采用項目教學(xué)法，在基礎(chǔ)講授的階段采用不同的網(wǎng)頁案例進(jìn)行講授，在后期綜合練習(xí)的時候讓學(xué)生制作真實的網(wǎng)站項目，效果非常顯著。項目教學(xué)法是一種以學(xué)生為中心的教學(xué)方法。項目教學(xué)法最顯著的特點是“以項目為主線、教師為引導(dǎo)、學(xué)生為主體”，改變了以往“教師講，學(xué)生聽”被動的教學(xué)模式，創(chuàng)造了學(xué)生主動參與、自主協(xié)作、探索創(chuàng)新的新型教學(xué)模式。學(xué)生作為學(xué)習(xí)的主體，通過獨(dú)立完成項目把理論與實踐有機(jī)地結(jié)合起來，不僅提高了理論水平和實踐技能，而且又在教師有目的地引導(dǎo)下，培養(yǎng)了合作、解決問題等綜合能力。項目教學(xué)法是師生共同完成項目，共同取得進(jìn)步的教學(xué)方法。同時，教師在指導(dǎo)學(xué)生的過程中，開闊了視野，提高了專業(yè)水平。

3 培養(yǎng)學(xué)生的學(xué)習(xí)興趣及自學(xué)能力

項目教學(xué)法主張先練后講，先學(xué)后教，強(qiáng)調(diào)學(xué)生的自主學(xué)習(xí)，主動參與，從嘗試入手，從練習(xí)開始，調(diào)動學(xué)生學(xué)習(xí)的主動性、創(chuàng)造性、積極性等，學(xué)生唱“主角”，而老師轉(zhuǎn)為“配角”，實現(xiàn)了教師角色的換位，有利于培養(yǎng)學(xué)生的自學(xué)能力和創(chuàng)新能力。學(xué)生在課堂中面對的不再是枯燥抽象的理論知識，學(xué)生在制作每一個案例的時候，都獲得了不同程度的成就感，每天上網(wǎng)看到的網(wǎng)頁，自己也能制作了。在課程的前期學(xué)習(xí)階段，要求學(xué)生自己獨(dú)立完成項目設(shè)計，制作相對簡單的個人主頁，要求學(xué)生制作六個以上頁面進(jìn)行相互鏈接，讓學(xué)生全面掌握網(wǎng)頁制作流程。到后期綜合練習(xí)階段給學(xué)生提供一個綜合網(wǎng)站項目進(jìn)行制作，這個階段采用學(xué)生分組的方式進(jìn)行，一般2～3個同學(xué)為一組，在制作過程中可以按照每個成員的特長進(jìn)行分工，其中一個學(xué)生負(fù)責(zé)網(wǎng)站整體策劃設(shè)計，Dreamweaver學(xué)的好的同學(xué)負(fù)責(zé)網(wǎng)站結(jié)構(gòu)的搭建，擅長Flash、Fireworks的同學(xué)可以專門負(fù)責(zé)網(wǎng)站的動畫制作和圖片的處理工作，這種分組的方式可以培養(yǎng)學(xué)生的團(tuán)隊合作意識。

4 改革網(wǎng)頁設(shè)計課程的考核方式

課程的考核方式需要進(jìn)行改革，網(wǎng)站制作的是否標(biāo)準(zhǔn)，需要在網(wǎng)絡(luò)上進(jìn)行檢驗，例如：網(wǎng)站的結(jié)構(gòu)是否優(yōu)化，在各種版本的瀏覽器之間是否達(dá)到了很好的兼容，網(wǎng)站的瀏覽速度如何，這些都是衡量一個合格網(wǎng)站的標(biāo)準(zhǔn)。以前都是教師在本地電腦上根據(jù)學(xué)生完成情況直接給出分?jǐn)?shù)，體現(xiàn)不出學(xué)生網(wǎng)頁作業(yè)的實用性。因此，要求學(xué)生把作品上傳到網(wǎng)絡(luò)空間上，讓同學(xué)和老師一起參與評價，最后給出一個總評分?jǐn)?shù)。

參考文獻(xiàn)

[1]莫秀錦.項目教學(xué)法在《網(wǎng)頁制作》課程中的應(yīng)用與研究[J].現(xiàn)代企業(yè)教育， 2011（16）：142-143.

[2]陳玲.網(wǎng)頁制作課程的實踐教學(xué)[J].考試周刊，2011（46）：154-155.

[3]張靜.有關(guān)網(wǎng)頁制作教學(xué)的探討[J].太原城市職業(yè)技術(shù)學(xué)院學(xué)報，2011（1）：33-34.

[4]郭玉.“網(wǎng)頁設(shè)計與制作”教學(xué)改革的思考與實踐[J].長沙通信職業(yè)技術(shù)學(xué)院學(xué)報，2010（4）：40-43.