《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)探討

摘要 《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門(mén)實(shí)踐性很強(qiáng)的課程，在教學(xué)過(guò)程中如何整合教學(xué)內(nèi)容，運(yùn)用有效的教學(xué)方法，使學(xué)生在課程中激發(fā)學(xué)習(xí)興趣，提高自主學(xué)習(xí)的能力，學(xué)到更多的相關(guān)知識(shí)，是這門(mén)課程的關(guān)鍵所在。筆者主要從課程特點(diǎn)、教學(xué)內(nèi)容和教學(xué)方法三個(gè)方面進(jìn)行探討。

關(guān)鍵詞 網(wǎng)頁(yè)設(shè)計(jì) 教學(xué)內(nèi)容 任務(wù)驅(qū)動(dòng)

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程是高等院校計(jì)算機(jī)及相關(guān)專(zhuān)業(yè)的一門(mén)核心職業(yè)課程。隨著網(wǎng)絡(luò)的日益普及和推廣，當(dāng)今社會(huì)對(duì)掌握計(jì)算機(jī)網(wǎng)頁(yè)設(shè)計(jì)與制作的應(yīng)用型人才的需求不斷增大。對(duì)人才質(zhì)量的要求也越來(lái)越高。面對(duì)競(jìng)爭(zhēng)日趨激烈的就業(yè)環(huán)境，如何上好《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程，提高教學(xué)質(zhì)量和學(xué)生素質(zhì)來(lái)適應(yīng)社會(huì)需求，是需要積極思考的一個(gè)問(wèn)題。筆者根據(jù)這幾年的教學(xué)實(shí)踐經(jīng)驗(yàn)，從以下方面談一談自己在授課過(guò)程中的一些體會(huì)，與大家探討。

一、課程特點(diǎn)

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門(mén)操作性和實(shí)踐性很強(qiáng)的課程，而且涉及個(gè)人審美觀、圖像處理、文字版面排版等綜合技能。其一方面要求學(xué)生具備基本的頁(yè)面分析和設(shè)計(jì)能力，另一方面要求學(xué)生熟練掌握網(wǎng)頁(yè)制作軟件的基本操作，同時(shí)還要學(xué)生具有解決具體問(wèn)題的實(shí)踐能力，能夠?qū)⒒静僮骶C合運(yùn)用到具體項(xiàng)目中去。網(wǎng)頁(yè)設(shè)計(jì)與制作作為一種專(zhuān)業(yè)技能，而不是作為一門(mén)孤立的課程而存在的，它要靠多門(mén)學(xué)科知識(shí)給予支撐，比如圖形圖像的處理、FLASH動(dòng)畫(huà)的制作等。通過(guò)對(duì)我院電子商務(wù)專(zhuān)業(yè)課程體系的認(rèn)真分析，本課程是深入學(xué)習(xí)《網(wǎng)絡(luò)編程》、《電子商務(wù)網(wǎng)站運(yùn)營(yíng)》等后續(xù)課程的基礎(chǔ)課程，故而將課程定位在客戶(hù)端靜態(tài)網(wǎng)頁(yè)制作技術(shù)，根據(jù)課程“基于能力培養(yǎng)、強(qiáng)調(diào)動(dòng)手實(shí)踐、偏重美工設(shè)計(jì)”的特點(diǎn)提煉出課程定位的三個(gè)層次：了解網(wǎng)頁(yè)制作的基本流程、掌握網(wǎng)頁(yè)設(shè)計(jì)的基本技術(shù)、培養(yǎng)開(kāi)拓創(chuàng)新思維。在授課過(guò)程中首先應(yīng)以欣賞和分析為主，主要是對(duì)國(guó)內(nèi)外的一些知名網(wǎng)站進(jìn)行整體賞析，介紹這些站點(diǎn)在版面設(shè)計(jì)方面如何做到布局、色彩搭配方面的合理統(tǒng)一，如何通過(guò)圖片來(lái)使得網(wǎng)站更加錦上添花，如何在做到與眾不同的同時(shí)，又被廣大瀏覽者所認(rèn)可。

二、教學(xué)內(nèi)容

教學(xué)內(nèi)容的選取應(yīng)能適應(yīng)行業(yè)技術(shù)發(fā)展，體現(xiàn)技術(shù)的先進(jìn)性、前瞻性和延續(xù)性。教學(xué)內(nèi)容應(yīng)以就業(yè)為導(dǎo)向，以能力為本位，將學(xué)生日后就業(yè)可能遇到的問(wèn)題納入到教學(xué)內(nèi)容中，提高教育與培訓(xùn)的針對(duì)性和適應(yīng)性，突出學(xué)以致用。按照網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)大綱以及培養(yǎng)目標(biāo)，本課程的教學(xué)內(nèi)容主要包含以下幾個(gè)模塊：

1 網(wǎng)頁(yè)制作軟件

一般的網(wǎng)頁(yè)制作課程都可分為Dreamweaver、Flash和Fireworks三大部分，通常稱(chēng)之為“網(wǎng)頁(yè)制作三劍客”。由于課時(shí)的關(guān)系，教師講課不可能面面俱到；按照傳統(tǒng)的教學(xué)安排，首先講解Dreamweaver，然后是FLASH，最后是Fireworks，但是網(wǎng)頁(yè)的制作是多軟件共同協(xié)作的過(guò)程，因此，按照傳統(tǒng)的教學(xué)方式會(huì)導(dǎo)致學(xué)生跨越太長(zhǎng)時(shí)間學(xué)習(xí)某一軟件而無(wú)法真正做出一個(gè)成品網(wǎng)頁(yè)來(lái)，進(jìn)而打擊學(xué)生的學(xué)習(xí)積極性。筆者認(rèn)為，在教學(xué)的過(guò)程中，可以對(duì)教學(xué)內(nèi)容作適當(dāng)?shù)恼{(diào)整：在重點(diǎn)概括講授Dreamweaver之后，可先穿插學(xué)習(xí)利用Fireworks來(lái)制作圖片、處理圖片，以及學(xué)習(xí)用Flash來(lái)制作簡(jiǎn)單Flash動(dòng)畫(huà)，最后依然回到Dreamweaver的學(xué)習(xí)上，此時(shí)可以游刃有余地將三大部分的知識(shí)相結(jié)合，綜合前面所學(xué)的圖片、動(dòng)畫(huà)知識(shí)制作出預(yù)想的網(wǎng)頁(yè)來(lái)。在這個(gè)學(xué)習(xí)過(guò)程中，學(xué)生心中始終有一個(gè)自己理想的網(wǎng)頁(yè)目標(biāo)，通過(guò)學(xué)習(xí)，將這個(gè)目標(biāo)一步步實(shí)現(xiàn)。如此，可大大增加學(xué)生學(xué)習(xí)的信心，更使之對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作課程始終保有濃厚的興趣。

2 HTML語(yǔ)言基礎(chǔ)

《網(wǎng)頁(yè)制作》雖是一門(mén)技術(shù)性和實(shí)踐性很強(qiáng)的課程，但HTML語(yǔ)言是構(gòu)成網(wǎng)頁(yè)最基本的要素。雖然現(xiàn)在很多網(wǎng)頁(yè)制作軟件如Dreamweaver等功能非常強(qiáng)大，可以在“所見(jiàn)即所得”的環(huán)境下實(shí)現(xiàn)網(wǎng)頁(yè)的設(shè)計(jì)，不需要用HTML語(yǔ)言來(lái)直接編寫(xiě)網(wǎng)頁(yè)，但是在網(wǎng)頁(yè)調(diào)整和修改過(guò)程中有的時(shí)候需要通過(guò)對(duì)HTML源代碼進(jìn)行操作，才能達(dá)到預(yù)期的效果，并且將來(lái)學(xué)生學(xué)習(xí)后續(xù)課程——?jiǎng)討B(tài)網(wǎng)頁(yè)制作的開(kāi)發(fā)都是把腳本語(yǔ)言嵌入到HTML文檔中。所以，筆者認(rèn)為有必要在每一章節(jié)結(jié)束時(shí)花一定的時(shí)間讓學(xué)生了解相關(guān)元素HTML語(yǔ)言的規(guī)則及使用。當(dāng)然，學(xué)生在開(kāi)始學(xué)習(xí)HTML語(yǔ)言的時(shí)候可能會(huì)感覺(jué)到枯燥，沒(méi)有成就感，但通過(guò)慢慢的學(xué)習(xí)滲透，他們就會(huì)發(fā)現(xiàn)用普通記事本就能編寫(xiě)出精美的網(wǎng)頁(yè)，其樂(lè)無(wú)窮，從而會(huì)促進(jìn)他們從“被動(dòng)學(xué)”轉(zhuǎn)化為“主動(dòng)學(xué)”。

3 CSS樣式表

制作網(wǎng)頁(yè)，除了需掌握上面提到的HTML語(yǔ)言和工具軟件之外，還需要掌握CSS設(shè)置頁(yè)面元素的格式，美化頁(yè)面。CSS(層疊樣式表)可以精確進(jìn)行網(wǎng)頁(yè)布局，設(shè)置特定的格式，實(shí)現(xiàn)HTML標(biāo)記本身無(wú)法實(shí)現(xiàn)的格式，而且使用CSS可提高網(wǎng)頁(yè)制作的效率，使網(wǎng)頁(yè)代碼簡(jiǎn)練，網(wǎng)頁(yè)風(fēng)格統(tǒng)一，這在網(wǎng)頁(yè)設(shè)計(jì)中是必不可少的。

三、教學(xué)方法

傳統(tǒng)的教學(xué)方法是老師按照課本的章節(jié)，依次給學(xué)生進(jìn)行講授，導(dǎo)致的結(jié)果就是到課程結(jié)束的時(shí)候，學(xué)生可能會(huì)完成每一個(gè)知識(shí)點(diǎn)的操作，但是卻無(wú)法制作出一個(gè)真正意義的網(wǎng)站來(lái)。而任務(wù)驅(qū)動(dòng)教學(xué)是建立在一定理論基礎(chǔ)上的一種教學(xué)模式，它強(qiáng)調(diào)學(xué)生的學(xué)習(xí)活動(dòng)必須與任務(wù)相結(jié)合，以問(wèn)題的探索來(lái)引導(dǎo)和維持學(xué)習(xí)者的學(xué)習(xí)興趣及動(dòng)機(jī)。教師應(yīng)創(chuàng)建真實(shí)的教學(xué)情境，讓學(xué)生帶著真實(shí)的任務(wù)去學(xué)習(xí)，以使學(xué)生擁有學(xué)習(xí)的主動(dòng)權(quán)，掌握網(wǎng)站設(shè)計(jì)與網(wǎng)頁(yè)制作的知識(shí)與技能，培養(yǎng)學(xué)生的計(jì)算機(jī)綜合應(yīng)用能力和解決實(shí)際問(wèn)題的能力。

如，在做《網(wǎng)頁(yè)設(shè)計(jì)與制作》這門(mén)課程的第一次實(shí)驗(yàn)時(shí)，教師可以推薦一些富有特色的網(wǎng)站供學(xué)生欣賞，將學(xué)生帶人真實(shí)的學(xué)習(xí)情境中去，激發(fā)他們學(xué)習(xí)的熱情，同時(shí)引導(dǎo)他們?nèi)ニ伎既绾谓ㄔO(shè)網(wǎng)站、設(shè)計(jì)網(wǎng)頁(yè)，由此確定課程的總體任務(wù)——建設(shè)一個(gè)完整的網(wǎng)站；然后針對(duì)課程中每一部分的知識(shí)點(diǎn)，將總體任務(wù)細(xì)分為若干大任務(wù)(如文本、圖像、鏈接、表格、框架、css樣式、層時(shí)間軸、模板和庫(kù)等)；再將這些大任務(wù)進(jìn)一步細(xì)分為一些小任務(wù)，讓學(xué)生了解建設(shè)網(wǎng)站的一般程序和方法；而后，通過(guò)布置一個(gè)學(xué)習(xí)任務(wù)(網(wǎng)站作品)，使學(xué)生迫切感受到課程要求與自己現(xiàn)有認(rèn)知結(jié)構(gòu)的關(guān)系和差異，進(jìn)而明確學(xué)習(xí)活動(dòng)的方向和要達(dá)到的目標(biāo)。這樣，當(dāng)對(duì)所有知識(shí)點(diǎn)的學(xué)習(xí)完成時(shí)，一個(gè)完整的網(wǎng)站作品也隨之完成。這種教學(xué)方法能極大地激發(fā)學(xué)生學(xué)習(xí)的興趣，當(dāng)然，也就讓學(xué)生更好地掌握所學(xué)知識(shí)。