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

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

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

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

一、課程特點

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

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

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

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

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

2 HTML語言基礎(chǔ)

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

3 CSS樣式表

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

三、教學(xué)方法

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

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