黃秀茵

【摘要】《網(wǎng)頁(yè)設(shè)計(jì)與制作》是目前中職院校計(jì)算機(jī)專業(yè)必開(kāi)的課程之一，目的是培養(yǎng)技能型、應(yīng)用型人才，使學(xué)生掌握制作網(wǎng)頁(yè)、建設(shè)網(wǎng)站的基本技能，最終成為一個(gè)職業(yè)的網(wǎng)頁(yè)設(shè)計(jì)人員。常用于本學(xué)科的教學(xué)方法有傳統(tǒng)教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法，各有優(yōu)勢(shì)與不足。本文主要闡述了將任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法結(jié)合在一起的實(shí)踐過(guò)程及其教學(xué)效果。

【關(guān)鍵詞】網(wǎng)頁(yè)設(shè)計(jì)與制作 傳統(tǒng)教學(xué)法 任務(wù)驅(qū)動(dòng)

【中圖分類號(hào)】G712 【文獻(xiàn)標(biāo)識(shí)碼】A 【文章編號(hào)】2095-3089（2018）19-0243-02

中職院校開(kāi)設(shè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》的目的是培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)頁(yè)制作和網(wǎng)站組建專業(yè)人才，能夠勝任網(wǎng)站管理員、網(wǎng)頁(yè)設(shè)計(jì)師、網(wǎng)頁(yè)美工師等工作崗位，或者利用所學(xué)到的網(wǎng)頁(yè)制作技能在其他領(lǐng)域發(fā)揮作用。筆者根據(jù)授課經(jīng)驗(yàn)，將任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法結(jié)合在一起，探索出一條更適合中職院校且靈活性更強(qiáng)的教學(xué)方法。

一、《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)新方法實(shí)踐

（一）基本思路

目前教師常用于《網(wǎng)頁(yè)設(shè)計(jì)與制作》的三種教學(xué)方法，即傳統(tǒng)教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法，這三種教學(xué)方法各有優(yōu)勢(shì)與不足。由此筆者嘗試在傳統(tǒng)教學(xué)法的引領(lǐng)下，結(jié)合任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法（以下簡(jiǎn)稱教學(xué)新方法）來(lái)提高教學(xué)效果。

如何提高《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)質(zhì)量，從而提高學(xué)生的網(wǎng)頁(yè)設(shè)計(jì)與制作能力，以適應(yīng)新時(shí)代企業(yè)對(duì)中職網(wǎng)頁(yè)設(shè)計(jì)與制作人才的要求，是每個(gè)網(wǎng)頁(yè)設(shè)計(jì)教師追求的目標(biāo)。

筆者把《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程分為三個(gè)學(xué)習(xí)階段（假如本課程開(kāi)設(shè)一個(gè)學(xué)期），即入門階段、中級(jí)階段和高級(jí)階段。教師利用傳統(tǒng)教學(xué)方法傳授某些理論知識(shí)的同時(shí)，每個(gè)階段都有相應(yīng)項(xiàng)目，每個(gè)項(xiàng)目下包含若干個(gè)任務(wù)，即將任務(wù)驅(qū)動(dòng)教學(xué)法與項(xiàng)目教學(xué)法結(jié)合起來(lái)，使學(xué)生最終在理論知識(shí)的指導(dǎo)下，完成每個(gè)任務(wù)及項(xiàng)目，從而達(dá)到掌握網(wǎng)頁(yè)設(shè)計(jì)與制作技能的目的。（具體方法在“實(shí)施過(guò)程”部分進(jìn)行詳細(xì)的介紹。）

（二）實(shí)施過(guò)程

1.入門階段的學(xué)習(xí)

（1）分析學(xué)生知識(shí)層次，激發(fā)學(xué)生學(xué)習(xí)熱情

中職計(jì)算機(jī)專業(yè)的《網(wǎng)頁(yè)設(shè)計(jì)與制作》一般安排在第三學(xué)期或第四學(xué)期，這時(shí)學(xué)生已經(jīng)掌握了計(jì)算機(jī)基礎(chǔ)、圖形圖像處理及動(dòng)畫(huà)設(shè)計(jì)與制作等相關(guān)知識(shí)了。通過(guò)實(shí)際情況分析學(xué)生所處的知識(shí)層次后，教師通過(guò)展示往屆優(yōu)秀作品及網(wǎng)絡(luò)上一些經(jīng)典網(wǎng)站來(lái)激發(fā)學(xué)生學(xué)習(xí)本課程的興趣。

（2）讓學(xué)生自主遨游在《網(wǎng)頁(yè)設(shè)計(jì)與制作》的知識(shí)海洋中

在完成前面的鋪墊工作后，教師不必急于新課的講解。大部分中職《網(wǎng)頁(yè)設(shè)計(jì)與制作》教材的開(kāi)頭都是web服務(wù)工作原理、HTML標(biāo)記語(yǔ)言之類的，如果教師馬上利用傳統(tǒng)教學(xué)方法去傳授《網(wǎng)頁(yè)設(shè)計(jì)與制作》的理論知識(shí)，很可能會(huì)因?yàn)橹R(shí)的枯燥無(wú)味而打擊學(xué)生的學(xué)習(xí)熱情。筆者覺(jué)得與其按教材順序來(lái)講解知識(shí)點(diǎn)，倒不如引導(dǎo)學(xué)生主動(dòng)地進(jìn)入到本學(xué)科的學(xué)習(xí)中。當(dāng)學(xué)生進(jìn)入角色了，教師只需要稍加引導(dǎo)就事半功倍了。

（3）為中級(jí)階段的學(xué)習(xí)做鋪墊

在入門階段，教師應(yīng)當(dāng)做好充分的準(zhǔn)備，根據(jù)學(xué)生的特點(diǎn)準(zhǔn)備好兩個(gè)項(xiàng)目及相關(guān)任務(wù)，并及時(shí)讓學(xué)生了解本學(xué)期本課程的具體學(xué)習(xí)要求和目標(biāo)，這樣學(xué)生也能做好規(guī)劃。

（4）入門階段的任務(wù)

網(wǎng)頁(yè)LOGO和Banner設(shè)計(jì)：為自己的個(gè)人網(wǎng)站設(shè)計(jì)一個(gè)LOGO和Banner。（相當(dāng)于復(fù)習(xí)圖形圖像處理和動(dòng)畫(huà)設(shè)計(jì)與制作知識(shí)）。

主頁(yè)的設(shè)計(jì)（可以用Photoshop、Fireworks、CorelDraw和Adobe illustrator等軟件設(shè)計(jì)，也是在復(fù)習(xí)舊知識(shí)的同時(shí)慢慢過(guò)渡到新知識(shí)的學(xué)習(xí)）。

我的第一個(gè)網(wǎng)頁(yè)：從切片到網(wǎng)頁(yè)。

我的第一個(gè)網(wǎng)站：創(chuàng)建站點(diǎn)，建立、打開(kāi)、保存與預(yù)覽網(wǎng)頁(yè)，簡(jiǎn)單的超鏈接等。

2.中級(jí)階段的學(xué)習(xí)

中級(jí)階段的學(xué)習(xí)目標(biāo)是師生共同完成一個(gè)項(xiàng)目——個(gè)人網(wǎng)站。教師是在所有學(xué)生前透明化地完成整個(gè)項(xiàng)目，而學(xué)生是要獨(dú)立完成這個(gè)項(xiàng)目的。項(xiàng)目的完成時(shí)間應(yīng)在期中考核之前。

任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法有一個(gè)共同點(diǎn)，就是分組學(xué)習(xí)。但在新教學(xué)方法中筆者不建議急于分組，特別是在學(xué)生沒(méi)有任何網(wǎng)頁(yè)設(shè)計(jì)與制作基礎(chǔ)的情況下盲目分組，否則不僅會(huì)造成分組不合理的后果，還會(huì)在一定程度上使學(xué)生產(chǎn)生依賴心理從而養(yǎng)成惰性習(xí)慣。

一般情況下，上半學(xué)期結(jié)束，絕大部分同學(xué)都能完成這個(gè)項(xiàng)目（個(gè)人網(wǎng)站）。雖然有少數(shù)學(xué)生的個(gè)人網(wǎng)站還是顯得比較粗糙，但通過(guò)獨(dú)立完成這個(gè)項(xiàng)目，他們已經(jīng)掌握了創(chuàng)建站點(diǎn)、制作網(wǎng)站的基本流程、布局網(wǎng)頁(yè)和超級(jí)鏈接等網(wǎng)頁(yè)設(shè)計(jì)與制作的基礎(chǔ)知識(shí)了，這為后面的分組和完成大項(xiàng)目打下較好的基礎(chǔ)。

3.高級(jí)階段的學(xué)習(xí)

通過(guò)上一階段網(wǎng)站項(xiàng)目和相關(guān)任務(wù)的完成，相信學(xué)生們對(duì)制作網(wǎng)站是胸有成竹了?，F(xiàn)在可以在教師的引導(dǎo)下進(jìn)行合理分組了。明確分工后，教師要跟蹤學(xué)生的學(xué)習(xí)進(jìn)度并在適當(dāng)?shù)臅r(shí)候給予合適的建議。

大項(xiàng)目的實(shí)施有一定難度，要根據(jù)商業(yè)網(wǎng)站的要求，強(qiáng)調(diào)學(xué)生在學(xué)習(xí)中體驗(yàn)到實(shí)際工作的過(guò)程。該項(xiàng)目的具體實(shí)施過(guò)程如下：學(xué)生明確項(xiàng)目主題→制定網(wǎng)站設(shè)計(jì)方案→收集、整理相關(guān)信息→確定欄目和板塊→確定站點(diǎn)目錄結(jié)構(gòu)→形象設(shè)計(jì)（logo、色彩、顏色、字體和Banner等），主頁(yè)和子頁(yè)的設(shè)計(jì)→定義站點(diǎn)→制作網(wǎng)站→測(cè)試網(wǎng)站→上傳網(wǎng)站→拓展（如網(wǎng)站的宣傳與推廣等）

該過(guò)程與上一階段有很大的不同。中級(jí)階段的學(xué)習(xí)，基本上是教師設(shè)計(jì)好任務(wù)，演示給學(xué)生看，然后學(xué)生根據(jù)教師的演示做練習(xí)，完成任務(wù)，最后把任務(wù)中的相關(guān)知識(shí)點(diǎn)應(yīng)用到自己的個(gè)人網(wǎng)站中，是教師為學(xué)生構(gòu)建知識(shí)和技能的過(guò)程。而高級(jí)階段的項(xiàng)目實(shí)踐就是構(gòu)建網(wǎng)站的實(shí)際項(xiàng)目，需要學(xué)生按照行業(yè)規(guī)范進(jìn)行操作，可充分發(fā)掘?qū)W生的創(chuàng)造潛能，培養(yǎng)和提高他們的實(shí)踐能力、分析和綜合能力，讓每個(gè)學(xué)生都體驗(yàn)到成功的樂(lè)趣。

（三）考核方式

基于新教學(xué)方法的特殊性，筆者以作品評(píng)價(jià)方式代替了傳統(tǒng)的理論考試。

考核內(nèi)容設(shè)計(jì)如下：

期中考核：除上機(jī)100分鐘的現(xiàn)場(chǎng)考核外，要求每個(gè)學(xué)生獨(dú)立完成一個(gè)個(gè)人網(wǎng)站。

期末考核：除上機(jī)100分鐘現(xiàn)場(chǎng)考核外，要求學(xué)生分組完成一個(gè)綜合網(wǎng)站。筆者給出了四個(gè)選題供學(xué)生選擇：1.中國(guó)夢(mèng)，我的夢(mèng)（關(guān)于夢(mèng)想的網(wǎng)站）；2.人與自然（關(guān)注環(huán)境）；3.反腐倡廉公益網(wǎng)站；4.筆者或?qū)W生在豬八戒網(wǎng)、技術(shù)交流論壇和任務(wù)中國(guó)威客網(wǎng)站上找的一些招標(biāo)項(xiàng)目網(wǎng)站。

當(dāng)然，這個(gè)項(xiàng)目設(shè)置也比較靈活，如期中考核作品學(xué)生也可以做我的中職生涯，校園風(fēng)貌和班風(fēng)班貌等類似的與自己息息相關(guān)的網(wǎng)站，而期末考核作品學(xué)生也可以提交其他作品作為友情參評(píng)，教師可以根據(jù)作品質(zhì)量進(jìn)行適當(dāng)加分以鼓勵(lì)學(xué)生。

二、新教學(xué)方法效果

這種新教學(xué)方法突破了傳統(tǒng)教學(xué)模式，通過(guò)完成任務(wù)和項(xiàng)目的方式來(lái)體現(xiàn)學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作技能的掌握程度，提高了學(xué)生學(xué)習(xí)的主動(dòng)性與積極性，提升了學(xué)生的實(shí)踐能力。自從嘗試用新教學(xué)方法進(jìn)行教學(xué)后，筆者發(fā)覺(jué)學(xué)生制作的網(wǎng)站作品質(zhì)量得到了大大的提高。對(duì)此，教師也頗有成就感，提高了教師進(jìn)一步改進(jìn)此教學(xué)方法的信心。

三、結(jié)語(yǔ)

綜上所述，新教學(xué)方法突破了傳統(tǒng)教學(xué)方法，將任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法結(jié)合在一起，要求師生共同參與到教學(xué)過(guò)程中，通過(guò)共同完成項(xiàng)目和任務(wù)來(lái)達(dá)到教與學(xué)的目的，提升了學(xué)生自主學(xué)習(xí)的能力，充分調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性和教師的教學(xué)熱情。

參考文獻(xiàn)：

[1]林金富.項(xiàng)目教學(xué)法在網(wǎng)頁(yè)設(shè)計(jì)與制作中的應(yīng)用.福建電腦，2009年

[2]周艾宏.網(wǎng)頁(yè)制作教學(xué)方法的探討.電腦迷，2013年

[3]姜大源.職業(yè)教育學(xué)研究新論.教育科學(xué)出版社，2007年