淺談高職院校網(wǎng)頁設(shè)計課程的教學改革

張永健　彭　梅

文章編號：1672-5913(2009)06-0088-02

摘要：本文結(jié)合多年筆者“網(wǎng)頁設(shè)計”課程的教學實踐，并根據(jù)這門課程的特點，從教學目標、教學內(nèi)容、教學方法以及考核方式幾個方面綜合闡述了如何提高本課程的教學效果，并探討了在教學中如何培養(yǎng)學生的實踐能力，提高學生的綜合素質(zhì)，使“網(wǎng)頁設(shè)計”課程的教學真正地適應(yīng)市場的需要。

關(guān)鍵詞：高職院校；網(wǎng)頁設(shè)計；教學改革

中圖分類號：G642

文獻標識碼：B

隨著Internet的飛速發(fā)展，網(wǎng)絡(luò)已深入到社會的各個階層，成為企事業(yè)單位正常運行以及人們生活學習不可缺少的部分，《網(wǎng)頁設(shè)計》成了目前高職高專院校計算機專業(yè)的必修課，甚至成了許多高職高專院校非計算機專業(yè)學生的公共選修課。但就是這樣一門看似簡單好學的技能課程，卻往往得不到很好的教學效果。常常是在學生學過之后，不是不能獨立地進行網(wǎng)站規(guī)劃和頁面設(shè)計，就是設(shè)計達不到應(yīng)有的功能效果和視覺效果。為此，本人在《網(wǎng)頁設(shè)計》課程的教學過程中，對教學目標、教學內(nèi)容、教學方法、考核方式等進行了長期的探索和實踐，收到了非常好的效果。

1突出高職特色，明確教學目標

計算機的發(fā)展很快，有可能今年學的內(nèi)容，學生畢業(yè)時就過時了，真正用的時候又學無所用，這種現(xiàn)象也不無其例。因此設(shè)置網(wǎng)頁設(shè)計課程時，盡量選擇時下先進的版本，并及時對教學計劃做出調(diào)整，刪掉舊課程，補充新內(nèi)容，以市場為導(dǎo)向，培養(yǎng)有足夠的理論基礎(chǔ)、較強的創(chuàng)新能力和扎實的實踐動手能力的網(wǎng)頁制作人才。通過本課程的學習，要求學生能夠掌握一個網(wǎng)站建設(shè)設(shè)計的全過程，能夠利用Dreamweaver設(shè)計不同類型的網(wǎng)頁界面，開發(fā)出具有一定規(guī)模的網(wǎng)站。根據(jù)教學目標，授課時以Dreamweaver為主線，講授網(wǎng)頁界面設(shè)計、HTML語言、JavaScript語言及動態(tài)網(wǎng)頁設(shè)計的基礎(chǔ)知識。對每一部分知識，重點教會學生如何應(yīng)用，在理論內(nèi)容的講授中將理論知識融入案例中，讓學生通過實踐領(lǐng)會理論知識的運用。從實際需要和當前流行出發(fā)，需要哪些內(nèi)容就重點講解哪些內(nèi)容，突出“學以致用”，而不是大而全地講授所有相關(guān)理論知識。

2遵循高職教學規(guī)律，改進和加強教學工作

教學工作是指教學過程中的一系列工作。如何組織好網(wǎng)頁設(shè)計課程的教學工作至關(guān)重要。

2.1選用合適的教材，適時調(diào)整教學內(nèi)容

教材是教師實施教學計劃的重要載體和主要依據(jù)，是學生獲取知識、發(fā)展能力的重要渠道。高職教材要突出職業(yè)性、實踐性、適應(yīng)性、科學性和先進性。選用網(wǎng)頁設(shè)計教材時，既要保證基本的知識要點，又要有典型的網(wǎng)頁案例。隨著計算機軟件和硬件的不斷更新，網(wǎng)頁設(shè)計教學內(nèi)容也應(yīng)隨著計算機科學技術(shù)的發(fā)展而有所調(diào)整，增加一些當前網(wǎng)頁設(shè)計的流行元素，以適應(yīng)社會發(fā)展的需要。當許多優(yōu)秀網(wǎng)頁設(shè)計軟件陸續(xù)問世和應(yīng)用時，在教學中就應(yīng)及時安排這方面的內(nèi)容，并根據(jù)具體情況安排課時量。

2.2采取多樣化教學手段，及時改進教學方法

高職院校學生的學習帶有較強的職業(yè)特色，針對學生在知識結(jié)構(gòu)、學習習慣、認知心理等方面的特點，在教學方法上，應(yīng)注重理論結(jié)合實際，避免空洞地講解，要采用多樣化教學手段，實行啟發(fā)式教學、任務(wù)教學、案例教學以及精講多練、邊講邊練等多種教學方法，激發(fā)學生學習的興趣。

(1) 采用任務(wù)驅(qū)動和案例教學，讓學生變被動學習為主動學習。在開始上課時，給出本次課的任務(wù)或者案例，接著要求學生完成該任務(wù)或者案例作為驅(qū)動進行教學。例如，在講到“超級鏈接”時，根據(jù)教學目的和教學內(nèi)容選用典型案例，先對學生展示該案例使用超級鏈接的效果，然后再分步講解“絕對鏈接、相對鏈接、錨鏈接”，每講解完一部分知識點，馬上讓學生進行實踐，利用超級鏈接把之前制作的單個網(wǎng)頁鏈接起來；講解完所有的知識點后，要求學生完成該案例；最后要求學生把完成的作業(yè)(案例)上傳到服務(wù)器，避免學生因為不需要交作業(yè)而不積極學習，也讓學生在以后的作業(yè)中還能使用以前做好的頁面。這樣可以激發(fā)學生的學習興趣，提高學生的學習積極性。案例教學法中案例的分析與完成，有助于培養(yǎng)學生分析問題、解決問題的能力。實踐證明，這樣的教學方式，學生不僅能實現(xiàn)課堂案例，而且能靈活運用課堂知識，運用所學知識完成自己的設(shè)計。

同時借助網(wǎng)絡(luò)技術(shù)實現(xiàn)教學互動，達到隨機進入式教學的目的。在實際教學中，學生計算機知識掌握程度不同、水平參差不齊的狀況，不可能所有的學生在課堂上都能及時掌握教師所講的內(nèi)容，需要在課后對課堂內(nèi)容進一步復(fù)習鞏固。為了學生能夠更好地復(fù)習，教師可以將課件及相應(yīng)的學習資料放到學校的網(wǎng)站上，對于重點和難點的知識，教師還可以錄制教學過程視頻，放在學校網(wǎng)站上，學生可以隨時訪問下載并進行學習。另外，教師還可以通過電子郵件或者QQ和學生交流，在課后也能隨時解答學生的疑問。

(2) 以比賽促興趣，發(fā)揮激勵機制

每年計算機系都會舉行一次“網(wǎng)頁設(shè)計”大賽，學生可以獨立參賽或者組成小組參賽，初評以后的作品，由設(shè)計者進行作品演示和陳述，然后由多名院內(nèi)專家評委打分，并由其中一名專家進行點評，評選出優(yōu)秀作品，同時對每個獲獎?wù)呓o予一定的獎勵。通過這種活動提高學生的學習積極性、激發(fā)學生的競爭意識，同時還培養(yǎng)學生的創(chuàng)新精神和團結(jié)協(xié)作精神。

(3) 不斷改進教學手段

網(wǎng)頁設(shè)計教學不同于其它課程，授課要直觀，利于學生學習和理解，因此，課時應(yīng)該都安排在機房進行，教師每講解完一個知識點，學生馬上進行實踐，達到事半功倍的效果。此外，在條件允許的情況下還可以將學生帶出課堂，參與企業(yè)網(wǎng)站的設(shè)計，將現(xiàn)實職場變課堂，用事實說話，激發(fā)學生的認知能力，提高學生的認識。

3以提高就業(yè)能力為目標，優(yōu)化實踐教學環(huán)節(jié)

在課程設(shè)計中，實踐教學占總學時的2/3。實踐教學的貫徹落實，是關(guān)系到課程設(shè)置目標能否實現(xiàn)的重要一環(huán)。通過實踐教學，培養(yǎng)學生的實踐動手能力。

3.1精心設(shè)計實驗指導(dǎo)和作業(yè)

實驗指導(dǎo)是對課堂內(nèi)容的補充。在實驗指導(dǎo)中根據(jù)上課內(nèi)容，完整描述例子完成的全過程，學生能夠根據(jù)實驗步驟順利完成例子，在學生進一步掌握操作的同時，介紹更多的操作注意事項及操作技巧。把一個完整的網(wǎng)站設(shè)計分階段安排為每次課的作業(yè)，并且每次課學生的作業(yè)都緊密圍繞上課內(nèi)容安排學生完成相應(yīng)的設(shè)計，盡量讓作業(yè)有連貫性，當學生完成這些分階段的作業(yè)后，也就完成了整個網(wǎng)站的的設(shè)計過程。這樣有利于學生體驗完整網(wǎng)站建設(shè)設(shè)計的過程，完成作業(yè)時，學生之間可以相互討論、學習。

3.2課程實訓(xùn)，學以致用

在教學設(shè)計中，在學期末安排兩周時間進行課程實訓(xùn)。課程實訓(xùn)階段是學生對本門課程知識的總結(jié)和鞏固，并且把所學知識應(yīng)用到實際工作中的階段。課程實訓(xùn)時，要求學生按照某個企業(yè)的要求為該企業(yè)完成網(wǎng)站設(shè)計(網(wǎng)站通常還包括了留言簿或者論壇的動態(tài)網(wǎng)頁設(shè)計)。學生分組進行實訓(xùn)，鼓勵學生以團隊協(xié)作的方式完成任務(wù)，鍛煉學生的團隊協(xié)作能力，為日后的工作打下基礎(chǔ)。在設(shè)計過程中，為了便于同學之間相互討論、學習，要求學生自由組合，幾個人一組完成一份作業(yè)，同時要求書寫網(wǎng)站設(shè)計報告。教師定時檢查每小組的進度，給予適當?shù)闹笇?dǎo)和建議。最后，課堂演示作品進行評分，要求每小組派一人演示和講解完成的網(wǎng)站，其他同學進行評議和打分，學生總體評價和教師評價各占實訓(xùn)成績的50%。這樣有利于學生共同討論、解決設(shè)計中的難題，也有利于互相學習，能很好地鍛煉學生的合作精神。

此外，提倡和鼓勵學生積極參與校園網(wǎng)的建設(shè)和維護工作。如有些學生參與系網(wǎng)站建設(shè)和精品課程網(wǎng)站建設(shè)，通過實踐應(yīng)用，不但將課程中所學的知識融會貫通，強化了對知識的理解和掌握，又培養(yǎng)了學生制作網(wǎng)頁的系統(tǒng)性、精細性和藝術(shù)性；或者在校園網(wǎng)中開辟班級專欄和一些社團活動新聞專欄。我院長期和獅嶺鎮(zhèn)皮革加工市場校企合作(獅嶺鎮(zhèn)是全國最大的皮革加工市場)，部分皮革加工企業(yè)委托我院計算機系進行企業(yè)網(wǎng)站設(shè)計，教師鼓勵學生也參與這些企業(yè)網(wǎng)站的設(shè)計。以此對學生進行市場磨練，從實踐中鞏固理論知識，使學生真正搞清市場的需求，掌握行業(yè)的背景、規(guī)則以及工作方式，同時還會使其更加明確專業(yè)的培養(yǎng)方向，進一步激發(fā)學生的學習熱情。

3.3加強證書教育，考證促學

證書作為學生畢業(yè)的敲門磚，其地位越來越凸顯。為了促進學生考取相應(yīng)證書，可以將證書考試課程內(nèi)容融入教學計劃當中，組織學生參加勞動局國家職業(yè)資格考試，獲取國家職業(yè)能力網(wǎng)頁制作等級證書，促進學生的學習。此外，鼓勵學生參加Macromedia網(wǎng)頁設(shè)計師認證考試和Adobe網(wǎng)頁設(shè)計師認證考試。這樣，學生在學習的同時還可以獲取證書，為其以后順利就業(yè)打下了良好的基礎(chǔ)。

4改進課程考核方式

在《網(wǎng)頁設(shè)計》課程的考核模型中，主要采用作品評價方式進行。該課程的最終目的是要求學生應(yīng)用所學知識，設(shè)計出個性化的特色網(wǎng)站，并上傳到Internet供用戶瀏覽訪問。因此，最好的考核方式就是評價學生所做的作品。由于這類作品不能在短時間內(nèi)完成，因此在教學后期階段，就要求學生開始著手收集資料，設(shè)計自己特色的個人網(wǎng)站。教師給出作品的最低標準：每位學生自己設(shè)計一個個人網(wǎng)站，該網(wǎng)站必須是原創(chuàng)；網(wǎng)站除了首頁以外，至少還必須有5個獨立的內(nèi)容不同的頁面(該頁面不能只是文字或者圖片)；必須上交網(wǎng)站中使用的圖片和動畫的源文件(png文件、psd文件和fla文件)；網(wǎng)站應(yīng)該有明確的主題和良好的導(dǎo)航，等等。作品評價時，網(wǎng)站總體設(shè)計占60%，色彩和動畫占40%。該作品成績占課程總成績的70%，平時作業(yè)和上機實踐成績占總成績的30%。這種考核方式注重實踐操作和應(yīng)用開發(fā)能力的培養(yǎng)，可大大發(fā)揮學生的學習積極性和主動性。

5課程改革的進一步探討

本課程目前是側(cè)重于靜態(tài)網(wǎng)頁設(shè)計部分的講授，對動態(tài)網(wǎng)頁設(shè)計及圖像處理技術(shù)只作簡單的介紹。《網(wǎng)頁設(shè)計》作為一門綜合性的課程還涉及許多相關(guān)課程，可以根據(jù)不同的培養(yǎng)目標開設(shè)不同的選修課程。例如：為了進一步提高學生的網(wǎng)頁圖像和動畫設(shè)計能力，可以開設(shè)Photoshop、Flash等課程；為了進一步提高學生的網(wǎng)站建設(shè)及維護能力，可以開設(shè)動態(tài)網(wǎng)頁設(shè)計課程等。

6結(jié)束語

總之，高職院校的計算機課程教學模式的改革已經(jīng)成為必然，它對于高職院校的應(yīng)用人才的培養(yǎng)具有舉足輕重的作用，為此，筆者對《網(wǎng)頁設(shè)計》課程的教學模式進行了適當?shù)母母铮e極探索，用于實踐，努力構(gòu)造該課程教學的嶄新模式。在教學過程中，從學生感興趣的角度出發(fā)，對課堂理論教學、實踐教學和課程考核方式等方面進行探索和改革，能使學生從被動學習轉(zhuǎn)變?yōu)橹鲃訉W習，提高其實踐操作技能，拓展其知識面。

參考文獻：

[1] 婁楓. 淺談高職院校計算機基礎(chǔ)課程的教學改革[M]. 中國科技信息,2006(10):237-238.

[2] 朱士高. 淺談高職院校計算機類課程教學模式的改革[J]. 高教論壇,2006(6):208-209.

[3] 王鋒. 高職院校計算機公共基礎(chǔ)課技能目標與實現(xiàn)探討[J]. 職業(yè)技能,2007(3):27-28.