屠燕飛

摘 要：本文針對目前中職學(xué)校計算機網(wǎng)絡(luò)技術(shù)專業(yè)網(wǎng)頁設(shè)計與制作課程教學(xué)過程中存在的問題，提出了以項目式實驗教學(xué)為主導(dǎo)的教學(xué)模式。運用該模式進行教學(xué)，有利于培養(yǎng)學(xué)生具備更強的設(shè)計與制作符合企業(yè)需求網(wǎng)頁的能力。

關(guān)鍵詞：網(wǎng)頁設(shè)計與制作 項目式教學(xué) 實驗教學(xué)

一、課程教與學(xué)存在的問題

網(wǎng)頁設(shè)計與制作作為中職計算機網(wǎng)絡(luò)技術(shù)專業(yè)的核心課程，旨在培養(yǎng)學(xué)生網(wǎng)頁設(shè)計制作與網(wǎng)站維護等專業(yè)核心技能，具有知識點多、技能操作性強的特點。但在教學(xué)中，普遍存在著學(xué)生只會照著做，缺乏自主創(chuàng)作的意識和能力，所創(chuàng)作作品在結(jié)構(gòu)比例的布局、功能模塊的劃分、色彩的搭配等方面比較欠缺。這主要是因為學(xué)生與工作實際需求接觸少，停留在教材所呈現(xiàn)的項目與內(nèi)容，缺乏創(chuàng)新能力；同時教材內(nèi)容較為單一，容易引起學(xué)生審美疲勞，不利于激起學(xué)生學(xué)習(xí)的興趣和動力。

這就要求我們對傳統(tǒng)的教學(xué)方法進行改革，更新教學(xué)理念和教學(xué)方法，豐富項目資源，培養(yǎng)學(xué)生樂學(xué)的興趣、敢想敢做的創(chuàng)新精神，讓學(xué)生在做的過程中領(lǐng)會制作網(wǎng)頁的精髓，學(xué)會網(wǎng)頁設(shè)計與制作的核心技能，設(shè)計制作出符合企業(yè)需求的精致作品，做到和需求無縫對接。

二、項目式實驗教學(xué)的概念及其操作步驟

1.項目式實驗教學(xué)的概念

項目式實驗教學(xué)是以學(xué)生為主體，以教師為主導(dǎo)，從開放實驗中不斷樹立學(xué)生的創(chuàng)新思維和意識，以項目為教學(xué)內(nèi)容，采用實驗教學(xué)法來開展的一種教學(xué)模式，其核心是將實驗內(nèi)容視為一個項目。在開放式實驗教學(xué)實行項目式管理是一種實驗方式的創(chuàng)新，通過建立項目的形式，讓學(xué)生作為實驗項目的負責(zé)人。這樣既可以提高學(xué)生的主動性、參與性，又可以提高學(xué)生對全過程的理解和掌握。

2.項目式實驗教學(xué)模式的操作步驟

項目式實驗教學(xué)法的核心是將實驗內(nèi)容視為一個項目，突破了傳統(tǒng)意義上實驗教學(xué)中以教師為主體、學(xué)生被動接受、缺乏自主性與創(chuàng)造性的教學(xué)模式，形成了一種既重項目實驗又重項目管理，既有對傳統(tǒng)實驗教學(xué)的繼承，又有在新的社會經(jīng)濟環(huán)境下適應(yīng)高素質(zhì)人才培養(yǎng)需求的創(chuàng)新。項目式實驗教學(xué)包括項目設(shè)計、項目實施和結(jié)果評定三個環(huán)節(jié)。

（1）項目設(shè)計。興趣是最好的老師，好的項目設(shè)計能使學(xué)生在較長時間保持鮮活的學(xué)習(xí)興趣對學(xué)習(xí)效果的促進有著極其重要的作用，這是項目式實驗教學(xué)的基礎(chǔ)。

（2）項目實施。項目實施要改變以往教師講學(xué)生聽的模式，在教學(xué)過程要圍繞每一個任務(wù)目標(biāo)組織各教學(xué)環(huán)節(jié)，做到以任務(wù)目標(biāo)為主線，結(jié)合相應(yīng)項目講解各相關(guān)知識，引導(dǎo)學(xué)生思考并提出相應(yīng)的解決方法，激發(fā)學(xué)生的學(xué)習(xí)興趣和實操能力。再通過學(xué)生的操作實踐，逐步完成每個子任務(wù)，最終完成整個項目任務(wù)。教師要在整個項目實施過程中起到引導(dǎo)、關(guān)注、記錄、建議、指導(dǎo)和幫助的作用。

（3）結(jié)果評定。在對學(xué)生學(xué)業(yè)評定時，作品并不等同于結(jié)果，只能算是整個項目實踐過程中的一部分。要更加注重于過程的評價，特別是學(xué)生參與的態(tài)度、制作水平的提升、與他人及團隊的合作情況等都是對其評定的指標(biāo)。

三、項目式實驗教學(xué)模式在網(wǎng)頁設(shè)計與制作課中的應(yīng)用

1.項目的設(shè)計

由于教材是以一個完整的大型網(wǎng)站制作為內(nèi)容貫穿始終，以網(wǎng)站各個功能模塊的實現(xiàn)為教學(xué)項目來滲透知識點和技能點。但在實際教學(xué)中，只使用一個主題網(wǎng)站內(nèi)容作為教學(xué)大項目，難以激發(fā)學(xué)生學(xué)習(xí)的興趣，不符合其特點與需求。教材內(nèi)容不利于新課的導(dǎo)入，任務(wù)聚焦困難；不利于新舊知識的鏈接，激活舊知困難；不利于鞏固提高，應(yīng)用新知困難；不利于融會貫通，綜合創(chuàng)新困難。

基于此，我們在教學(xué)中結(jié)合項目式實驗教學(xué)模式的特點，對教學(xué)內(nèi)容做了優(yōu)化探索，提出了以“熱身項目”“基礎(chǔ)項目”“完善項目”和“綜合項目”為“四驅(qū)”的課程快車。

（1）熱身項目。教師設(shè)計短小而精致的熱身項目，里面暗藏已學(xué)知識和將學(xué)技能，目的在于增添學(xué)生的學(xué)習(xí)興趣和吸引學(xué)習(xí)注意力，讓學(xué)生在做的過程中探究。熱身項目在課開始階段學(xué)生自主完成。

（2）基礎(chǔ)項目。教師以教材提供的項目為藍本，設(shè)計覆蓋網(wǎng)頁相關(guān)知識點和技能點的基礎(chǔ)項目，成為課堂教學(xué)的主任務(wù)，是學(xué)生學(xué)習(xí)的基礎(chǔ)和保障。常以任務(wù)驅(qū)動方式來完成。

（3）完善項目。教師設(shè)計較為完整、貼近生活主題的半開放式的網(wǎng)頁，用于學(xué)生課后操練，要求學(xué)生在課后獨立完成。學(xué)生可依據(jù)教師指定的主題、參考樣稿和部分素材，根據(jù)自己喜好進行自我設(shè)計、適當(dāng)修改增添元素，把課堂實踐的經(jīng)驗得以在課后延伸和應(yīng)用，把學(xué)習(xí)經(jīng)驗生活化、工作化。

（4）綜合項目。教師設(shè)計綜合項目的目的在于培養(yǎng)學(xué)生網(wǎng)頁設(shè)計的綜合能力與創(chuàng)新創(chuàng)意能力。該類項目較大、內(nèi)容豐富、功能齊全，可以用較長的時間來完成。在綜合項目中，學(xué)生需要綜合運用Dreamweaver、Photoshop、Fireworks和Flash等軟件設(shè)計一個內(nèi)容完整、圖文并茂、技術(shù)運用得當(dāng)?shù)木W(wǎng)站。這需要學(xué)生通過操作實踐、自主探究、協(xié)同合作的形式，在學(xué)校開放的計算機實訓(xùn)室完成，學(xué)生以參加興趣小組活動的形式來參加。

2.項目實施

“熱身項目”“基礎(chǔ)項目”和“完善項目”前三驅(qū)是以任務(wù)驅(qū)動的項目教學(xué)，本文著重介紹一下基于開放式實驗室的“第四驅(qū)”——“綜合項目”的實施方案。

要做“綜合”的大型項目需要一個相對開放（時間開放——學(xué)生可以在在校時間隨時過來，權(quán)限開放——硬盤不保護、系統(tǒng)不還原，網(wǎng)絡(luò)開放——可以搜索下載所需資料）的實訓(xùn)機房，學(xué)生可以根據(jù)自己的時間，較長周期地使用相對固定的工位來設(shè)計制作完成綜合項目。我們以混班組隊的形式展開，參照學(xué)生已有的操作水平進行分組，每組由3～4名學(xué)生組成。確定一名學(xué)生為項目負責(zé)人，負責(zé)本項目組內(nèi)同學(xué)的任務(wù)分配、進度監(jiān)控、素材的整理與備份等工作，達到學(xué)生可自愿選擇平行實訓(xùn)主題的要求。

綜合項目的實施流程包括網(wǎng)站的整體規(guī)劃、網(wǎng)頁的設(shè)計與布局、素材的搜集與處理、網(wǎng)頁的制作與美化、網(wǎng)站發(fā)布和測試等五個部分任務(wù)。教師先集中給學(xué)生設(shè)計主題，指導(dǎo)學(xué)生規(guī)劃設(shè)計，一步步引導(dǎo)，給學(xué)生以充足的時間靈活地制作設(shè)計。教師每天早、中、晚去實訓(xùn)室答疑、提供幫助指導(dǎo)，引導(dǎo)學(xué)生明確任務(wù)、廣開思路，找準(zhǔn)切入點和方向，一步步地把整個項目完成。在整個項目地實施過程中，教師始終扮演引導(dǎo)服務(wù)的角色，所有的任務(wù)都交由學(xué)生自己完成，學(xué)生之間慢慢地合作越來越緊密、分工越來越明確，每個小組儼然就是一個個小小工程部。

綜合項目實訓(xùn)持續(xù)時間比較長，一般控制在兩周，每個新項目實施時對組內(nèi)成員的角色進行輪換，使學(xué)生成為能獨當(dāng)一面的“項目經(jīng)理”和“技術(shù)總工”。

3.結(jié)果評定

對學(xué)生合理的評價考核可以很好地提升學(xué)生的興趣，達到促進學(xué)生樂學(xué)的目的，這也是教育最為本質(zhì)的目的。網(wǎng)頁設(shè)計與制作課程以實踐操作為主，以培養(yǎng)學(xué)生職業(yè)能力發(fā)展為本，所以我們采用考核學(xué)生的實戰(zhàn)操作能力和學(xué)習(xí)工作精神態(tài)度為主。項目式的實驗教學(xué)模式非常注重對學(xué)生項目開展過程的評價，重視對學(xué)生縱向的比較，因為學(xué)生的學(xué)習(xí)本身是一個彈性的成長的過程。要更科學(xué)的對學(xué)生做出良好評價，需要對學(xué)生課堂上的熱身項目和基礎(chǔ)項目、校外的完善項目，以及課堂之外實訓(xùn)室內(nèi)的綜合項目等多個角度和緯度進行過程和結(jié)果的雙重評價。

學(xué)生的總成績分A、B、C、D四個等級，等級的比例劃分根據(jù)總數(shù)的百分比來，A等25%，B等和C等各35%，D等5%，如果每位學(xué)生的分?jǐn)?shù)都在60分以上那就沒有D等。學(xué)生的總成績中，平時成績占50%，期中成績占20%，期末成績占30%。期中成績和期末成績都是考核學(xué)生上機實戰(zhàn)操作的能力水平，沒有筆試題。平時成績小模塊的具體評定如下。平時成績=課上（熱身項目+基礎(chǔ)項目）40%+課外（完善項目）20%+課下（綜合項目）40%。

課上成績（熱身項目+基礎(chǔ)項目）= 出勤10% + 學(xué)習(xí)態(tài)度70% + 作品結(jié)果20%；課外（完善項目）= 作品結(jié)果；課下（綜合項目）= 工作態(tài)度30% + 組內(nèi)貢獻30% + 作品結(jié)果40%。

綜上，整個評價考核都是圍繞學(xué)生的業(yè)務(wù)實踐技能和職業(yè)態(tài)度與素養(yǎng)而展開，能更好地促進學(xué)生職業(yè)能力的發(fā)展。

四、項目式實驗教學(xué)模式的成果

項目式實驗教學(xué)更加貼近了企業(yè)網(wǎng)站開發(fā)和網(wǎng)頁設(shè)計崗位的用人需求和學(xué)生后續(xù)課程學(xué)習(xí)的需求，學(xué)生在HTML和網(wǎng)頁三劍客等方面的使用能力得到了很好的培養(yǎng)。

1.強化了HTML部分學(xué)習(xí)的力度

由于教材中HTML部分所占篇幅很少，很快開始Dreamweaver軟件的學(xué)習(xí)使用，造成學(xué)生在后續(xù)的設(shè)計中看不懂網(wǎng)頁代碼，很多細小問題難以解決。筆者根據(jù)幾年的教學(xué)經(jīng)驗，通過較長時間的準(zhǔn)備項目和任務(wù)來讓學(xué)生掌握基本的HTML標(biāo)記、使用表格，會用純HTML語言設(shè)計簡單網(wǎng)頁，然后再開始Dreamweaver軟件的學(xué)習(xí)。

這樣學(xué)生在后續(xù)學(xué)習(xí)中能更加輕松的看懂網(wǎng)頁代碼、修改網(wǎng)頁結(jié)構(gòu)、能高效地利用網(wǎng)上其他的源代碼資源，使Dreamweaver軟件學(xué)習(xí)非常輕松，也為學(xué)習(xí)動態(tài)網(wǎng)頁和網(wǎng)站編程語言打好基礎(chǔ)。HTML部分的教學(xué)可采用“1+多”的模式，即理論部分講解一次，配以一到多的上機操練項目，指導(dǎo)學(xué)生用記事本來編寫完整的HTML網(wǎng)頁。

2.培養(yǎng)了網(wǎng)頁三劍客的綜合使用能力

在傳統(tǒng)的網(wǎng)頁設(shè)計與制作課程的教學(xué)中，往往都是提供給學(xué)生已經(jīng)處理好的圖片和動畫視頻等的素材，學(xué)習(xí)更像是一個“填蘿卜”的布局過程。但是真正的網(wǎng)頁設(shè)計需要自己查找和處理原始素材。

所以，教師最好能和學(xué)生一樣同時具備Flash動畫制作、Firework或者Photoshop圖形圖像處理的能力，通過組織學(xué)生做綜合項目來培養(yǎng)學(xué)生使用 “網(wǎng)頁三劍客”來設(shè)計網(wǎng)站的Banner、按鈕、閃圖、邊框等元素，處理網(wǎng)上素材和設(shè)計不同主題不同色調(diào)的網(wǎng)站素材，把技能綜合應(yīng)用到網(wǎng)頁設(shè)計和建設(shè)上。

參考文獻：

[1]劉星海.《網(wǎng)頁設(shè)計與制作》課程改革與實踐探究[J].電腦知識與技術(shù)，2015（5）.

[2]蔡燕敏.網(wǎng)頁設(shè)計與制作課程中的項目式實驗教學(xué)[J].實驗科學(xué)與技術(shù)，2015（6）.

[3]周明明.網(wǎng)頁制作課程教學(xué)改革探索[J].職業(yè)，2014（5）.

[4]丁海燕.“網(wǎng)頁設(shè)計與制作”教學(xué)實踐與實驗教學(xué)設(shè)計[J].云南大學(xué)學(xué)報，2012（11）.

（作者單位：杭州市中策職業(yè)學(xué)校）