屠燕飛

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

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

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

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

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

二、項(xiàng)目式實(shí)驗(yàn)教學(xué)的概念及其操作步驟

1.項(xiàng)目式實(shí)驗(yàn)教學(xué)的概念

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

2.項(xiàng)目式實(shí)驗(yàn)教學(xué)模式的操作步驟

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

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

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

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

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

1.項(xiàng)目的設(shè)計(jì)

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

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

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

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

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

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

2.項(xiàng)目實(shí)施

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

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

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

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

3.結(jié)果評(píng)定

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

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

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

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

四、項(xiàng)目式實(shí)驗(yàn)教學(xué)模式的成果

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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

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