基于產學結合的網頁設計與制作課程教學改革研究

胡蘇梅

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

關鍵詞產學結合模塊化教學案例

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

產學結合是結合生產實際進行專業知識的學習，這種教學方式有助于理論與實踐的結合。《網頁設計與制作》課程實踐性強，且比較容易實現生產與教學相結合。

1 實施產學結合教學模式的必要性

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

2 產學結合教學模式的具體實施措施

2.1 將綜合網站作為實例貫穿于教學始末

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

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

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

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

一個綜合的網站根據其內容可分為布局、靜態元素、動態元素這三個模塊，在每個模塊化下包含若干子模塊（如表1）。

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

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

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

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

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

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

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

2.5 用“作品”評價代替傳統考試

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

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

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

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

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