胡蘇梅

摘要筆者將參與企事業(yè)的網(wǎng)站建設工作的實踐經(jīng)驗融入網(wǎng)頁設計與制作課程的教學中，嘗試產(chǎn)學結合的教學模式，將綜合網(wǎng)站案例貫穿于教學始末，采用模塊化教學方法等，取得良好的教學效果。

關鍵詞產(chǎn)學結合模塊化教學案例

中圖分類號：G642 文獻標識碼：A

產(chǎn)學結合是結合生產(chǎn)實際進行專業(yè)知識的學習，這種教學方式有助于理論與實踐的結合?！毒W(wǎng)頁設計與制作》課程實踐性強，且比較容易實現(xiàn)生產(chǎn)與教學相結合。

1 實施產(chǎn)學結合教學模式的必要性

我們培養(yǎng)網(wǎng)頁設計人員的教學目標是能為企事業(yè)設計與制作精美的網(wǎng)站。傳統(tǒng)的教學下，學生獲得知識較為零散，也很少做過綜合的網(wǎng)站，缺少實戰(zhàn)經(jīng)驗，很難滿足社會對網(wǎng)頁設計人員的從業(yè)要求。現(xiàn)在許多網(wǎng)頁設計人員招聘廣告上都有這樣的要求：投遞簡歷請附上作品或成熟的網(wǎng)頁設計作品者優(yōu)先等字樣。為了提高學生的職業(yè)素養(yǎng)，更好實現(xiàn)職業(yè)教育的目標實現(xiàn)，產(chǎn)學結合應該是最有效的教學方式。

2 產(chǎn)學結合教學模式的具體實施措施

2.1 將綜合網(wǎng)站作為實例貫穿于教學始末

僅局限事書本知識章節(jié)的學習，學生很難對網(wǎng)站制作流程有整體的把握，多數(shù)學生學完網(wǎng)頁設計與制作課程后，并不能勝任網(wǎng)頁設計工作。以致許多學生有這樣的困惑：學這些有什么用？用綜合的網(wǎng)站作為教學案例，學生能對整個網(wǎng)站的制作流程與設計有全面的理解，能明確學習目標與任務，教學效果事半功倍。

采用綜合網(wǎng)站作為案例教學，是在教學過程中，將學完后每一個知識點運用到案例中，逐步完善網(wǎng)站。如學生在學完網(wǎng)頁布局知識后，能對自己的網(wǎng)站較好布局，學完圖片模塊后，學生能自己繪制圖片豐富的網(wǎng)站……在這一過程中，學生看到日趨完善的網(wǎng)站，會有成就感，能激發(fā)更高的學習興趣。學生在對網(wǎng)站建設全面理解的基礎上，再做三到五個網(wǎng)站，就能夠舉一反三，網(wǎng)頁設計能力就會有質的飛躍，基本上能滿足網(wǎng)頁設計這一工作崗位的技能需求。

2.2 以“模塊化”教學為主導教學模式

“模塊化”是指解決一個復雜問題時自上而下把系統(tǒng)逐層劃分成若干模塊的過程。在教學過程中，將一個綜合的網(wǎng)站進行模塊化，將工作崗位所需知識、技能和素質分解為多個相對獨立的教學模塊，以模塊為單元開發(fā)教學資料并組織教學，將相關理論融于技能訓練中。

一個綜合的網(wǎng)站根據(jù)其內(nèi)容可分為布局、靜態(tài)元素、動態(tài)元素這三個模塊，在每個模塊化下包含若干子模塊（如表1）。

對于每一個模塊的教學，要拓寬加深。如滾動文字，這是網(wǎng)頁最為常見的一個模塊，通常用于顯示網(wǎng)站的歡迎詞或通知公告等。這一文字特效，在網(wǎng)頁不同的位置，其屬性設置也不同。在講解這一知識點時，首先讓學生觀察不同的網(wǎng)站，了解文字滾動一般應在網(wǎng)頁的什么位置及所起的作用，再介紹文字滾動特效的制作方法及要領，最后讓學生在自己的網(wǎng)頁應用這一特效，通過這樣一個學習過程，學生能較好理解該知識點，也能很好地在實際工作中去應用。

先對各個模塊知識熟練掌握，再將模塊綜合，就可系統(tǒng)掌握知識體系結構，在實際工作中也就能夠輕車熟路。

2.3 以案例為載體，將各科知識綜合

網(wǎng)頁設計是一門綜合性很強的學科，它是對網(wǎng)頁設計、繪圖、數(shù)據(jù)庫等知識的綜合應用。對于繪圖軟件及數(shù)據(jù)庫等前期知識，學生還不能較好地將其綜合應用到網(wǎng)頁設計中去，所以在教學的過程中，要結合案例，引導學生將各科知識進行綜合應用。

以圖片知識教學為例，網(wǎng)頁設計教材一般都會重點介紹圖片的插入方法及其屬性的設置，但在實際工作中僅僅會插入圖片是不夠的，還要會繪制圖片，并將圖應用到網(wǎng)頁中，網(wǎng)頁中的圖片還有其特點，所以學生還要從網(wǎng)頁設計的角度，靈活地應用繪圖軟件。在這一知識的教學過程中，引導學生分析案例網(wǎng)站的圖片特點，再講解這些圖片的制作要求，然后讓學生將制作的圖片應用到自己網(wǎng)站上。如一般網(wǎng)站的頂部是一幅比較大的圖片或flash動畫、小圖標多為透明圖片，網(wǎng)頁中的圖片容量不能太大，否則客戶端加載速度過慢，會讓瀏覽者失去耐心而關閉網(wǎng)頁。對于較大的圖片要用“切片”工具進行處理；一些透明的圖標及簡單的動畫，可采用gif格式圖片。

2.4 從“借用” →“模仿”→“創(chuàng)新”，逐步提高代碼編程能力

學生由于實踐較少、基礎薄弱等因素影響，編程能力有限，不少學生因編程有困難而產(chǎn)生畏難情緒，影響整個課程的學習。為了提高學生學習興趣，筆者在教學過程中，采用“借用代碼”→“模仿編寫”→“創(chuàng)新”教學方法，教學效果優(yōu)良。

2.5 用“作品”評價代替?zhèn)鹘y(tǒng)考試

網(wǎng)頁設計課程的教學目標是使學生能完成網(wǎng)站的設計與制作，用作品來評價學生的學習效果是最有效的考查方式，能全面考核學生對這一課程的整體掌握情況。

鼓勵學生給其他班級或一些企業(yè)制作網(wǎng)站，由教師給予指導，將所學的知識直接應用到生產(chǎn)中，培養(yǎng)學生的職業(yè)能力。為客戶制作網(wǎng)站時，需要做需求分析、調研、調試改進等工作。這些環(huán)節(jié)，既能鍛煉學生的知識綜合應用能力，又鍛煉學生的表達能力及與他人的協(xié)作能力。經(jīng)過這些實戰(zhàn)后，學生基本上實現(xiàn)零距離上崗。

對于作品除了提出一定要求外應留給學生自由發(fā)揮的空間。具體要求有：（1）網(wǎng)站內(nèi)容健康向上。（2）前臺至少五個網(wǎng)頁，主頁、顯示新聞標題頁、顯示新聞內(nèi)容頁、網(wǎng)站頂部內(nèi)容頁、網(wǎng)站底部內(nèi)容頁。（3）后臺要求能實現(xiàn)新聞的添加、修改、刪除功能等。自由發(fā)揮部分有：網(wǎng)站色調、內(nèi)容、圖片及布局自已決定。

對于作品的評價，不以某個人的觀點為標準。每個人的審美觀不同，對同一作品不同的人有不同評價結果，為了能對作品有較客觀的評價，可采用多人打分，綜合評判的方法。先讓學生向老師和其他同學展示自己作品，并說明自己作品的特色及實現(xiàn)的功能；然后師生對該作品進行提問，由學生進行答辯，最后師生共同對該作品進行評價打分。

筆者在工作中多次從事企事業(yè)單位的網(wǎng)站設計與制作工作，并把這些工作經(jīng)驗融入到《網(wǎng)頁設計與制作》課程的教學中，嘗試運用產(chǎn)學結合的教學模式，不僅提高了學生的學習興趣，也讓不少學生畢業(yè)后就能順利從事網(wǎng)頁設計工作，因而感到此教學模式有可取之處。