基于產(chǎn)學(xué)結(jié)合的網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)改革研究

胡蘇梅

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

關(guān)鍵詞產(chǎn)學(xué)結(jié)合模塊化教學(xué)案例

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A

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

1 實(shí)施產(chǎn)學(xué)結(jié)合教學(xué)模式的必要性

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

2 產(chǎn)學(xué)結(jié)合教學(xué)模式的具體實(shí)施措施

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

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

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

2.2 以“模塊化”教學(xué)為主導(dǎo)教學(xué)模式

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

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

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

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

2.3 以案例為載體，將各科知識(shí)綜合

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

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

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

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

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

網(wǎng)頁設(shè)計(jì)課程的教學(xué)目標(biāo)是使學(xué)生能完成網(wǎng)站的設(shè)計(jì)與制作，用作品來評(píng)價(jià)學(xué)生的學(xué)習(xí)效果是最有效的考查方式，能全面考核學(xué)生對(duì)這一課程的整體掌握情況。

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

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

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

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