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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)

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

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

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

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