《網(wǎng)頁(yè)設(shè)計(jì)與制作》實(shí)訓(xùn)課教學(xué)探索

摘 要：《網(wǎng)頁(yè)設(shè)計(jì)與制作》是中等職業(yè)學(xué)校計(jì)算機(jī)專業(yè)學(xué)生的一門核心專業(yè)課程。通過(guò)這門課的學(xué)習(xí)，學(xué)生能夠掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的基本技能。但是，傳統(tǒng)的教學(xué)方式對(duì)于這樣一門技能型課程來(lái)說(shuō)還遠(yuǎn)遠(yuǎn)不夠，只有通過(guò)實(shí)訓(xùn)才能加深學(xué)生對(duì)于各知識(shí)點(diǎn)的了解和掌握。本文旨在通過(guò)在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程實(shí)訓(xùn)中運(yùn)用多種教學(xué)方法進(jìn)行項(xiàng)目式教學(xué)的案例，對(duì)教學(xué)過(guò)程進(jìn)行總結(jié)，探討適合中等職業(yè)學(xué)校學(xué)生的一些教學(xué)方法。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作 綜合實(shí)訓(xùn) 案例教學(xué) 任務(wù)驅(qū)動(dòng)

中圖分類號(hào)：G633 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1673-9795（2013）05（b）-0173-02

近年來(lái)，隨著我國(guó)職業(yè)教育改革的進(jìn)一步深化，計(jì)算機(jī)專業(yè)課程改革面臨著進(jìn)一步完善，這就對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程改革提出了更高的要求?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》課程是中職學(xué)校計(jì)算機(jī)應(yīng)用技術(shù)和計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)中一門創(chuàng)新性和實(shí)踐性很強(qiáng)的專業(yè)課程，要求學(xué)生不但要學(xué)好理論知識(shí)，還需要掌握實(shí)踐技能，關(guān)鍵是要具有解決實(shí)際問(wèn)題的能力。但是，這樣一門看似簡(jiǎn)單好學(xué)的課程，卻經(jīng)常得不到很好的教學(xué)效果。學(xué)生在學(xué)完課程之后，要么設(shè)計(jì)結(jié)果達(dá)不到應(yīng)有的功能和視覺(jué)效果，要么不能獨(dú)立地進(jìn)行網(wǎng)站規(guī)劃和頁(yè)面設(shè)計(jì)。因此，筆者在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)實(shí)訓(xùn)中，對(duì)教學(xué)內(nèi)容、教學(xué)方法、教學(xué)手段、考核方式等進(jìn)行了一些嘗試，收到了良好的效果。

1 實(shí)訓(xùn)階段

以我校計(jì)算機(jī)應(yīng)用專業(yè)為例，《網(wǎng)頁(yè)設(shè)計(jì)與制作》綜合實(shí)訓(xùn)課安排時(shí)間為60個(gè)課時(shí)，以集中訓(xùn)練的方式進(jìn)行。在綜合實(shí)訓(xùn)之前，學(xué)生已經(jīng)學(xué)習(xí)理論知識(shí)和上機(jī)操作，對(duì)課程的重點(diǎn)、難點(diǎn)進(jìn)行了相關(guān)的練習(xí)。筆者在教學(xué)中發(fā)現(xiàn)，雖然學(xué)生經(jīng)過(guò)指導(dǎo)能夠完成課堂上布置的任務(wù)，但是只能根據(jù)規(guī)定的操作步驟進(jìn)行，學(xué)生沒(méi)有獨(dú)立設(shè)計(jì)和制作網(wǎng)頁(yè)的能力。學(xué)生的操作依賴性很強(qiáng)，學(xué)習(xí)之后很快就遺忘。針對(duì)這些問(wèn)題，筆者制定了切合實(shí)際的實(shí)訓(xùn)計(jì)劃，主要目的是培養(yǎng)他們團(tuán)隊(duì)中協(xié)作能力，獨(dú)力完成所承擔(dān)的網(wǎng)站需求分析、網(wǎng)站規(guī)劃、網(wǎng)頁(yè)設(shè)計(jì)、綜合測(cè)試等工作，從而使學(xué)生牢固掌握所學(xué)知識(shí)，實(shí)現(xiàn)以技能培養(yǎng)為核心，培育適合當(dāng)前職業(yè)崗位需求的應(yīng)用型、技能型人才。本課程綜合實(shí)訓(xùn)如下所示。

1.1 實(shí)訓(xùn)動(dòng)員

在綜合教學(xué)實(shí)訓(xùn)進(jìn)行前，要做好學(xué)生的學(xué)習(xí)動(dòng)員工作。一方面，讓學(xué)生明確綜合實(shí)訓(xùn)的主要目的是讓學(xué)生通過(guò)實(shí)踐，了解和掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的基本方法，通過(guò)不斷上機(jī)練習(xí)達(dá)到解決實(shí)際問(wèn)題的能力。因此，集中兩個(gè)星期時(shí)間使學(xué)生綜合運(yùn)用所學(xué)習(xí)的網(wǎng)頁(yè)設(shè)計(jì)與制作的知識(shí)及以前所學(xué)習(xí)圖形圖像處理等計(jì)算機(jī)軟件應(yīng)用方面的知識(shí)，根據(jù)網(wǎng)站制作的流程，完成一個(gè)綜合的網(wǎng)站，全面鞏固學(xué)生的知識(shí)，培養(yǎng)學(xué)生解決實(shí)際問(wèn)題的能力，從而達(dá)到學(xué)以致用的目的。另一方面，讓學(xué)生了解實(shí)訓(xùn)的目的和意義、學(xué)習(xí)方法以及考核方式等方面的內(nèi)容。采用展示實(shí)際案例效果、歷年網(wǎng)頁(yè)設(shè)計(jì)與制作競(jìng)賽獲獎(jiǎng)作品、歷屆學(xué)生的優(yōu)秀作品等方式來(lái)激發(fā)學(xué)生的學(xué)習(xí)興趣，讓他們積極主動(dòng)地參與到實(shí)訓(xùn)中來(lái)。

1.2 實(shí)訓(xùn)過(guò)程

在《網(wǎng)頁(yè)設(shè)計(jì)與制作》綜合實(shí)訓(xùn)教程中，老師的角色是參謀，學(xué)生的角色是任務(wù)的完成者。老師提出項(xiàng)目要求，學(xué)生根據(jù)具體的任務(wù)來(lái)完成。我們把一個(gè)班的學(xué)生分成10個(gè)小組，每個(gè)小組4～5人，每個(gè)小組選擇一個(gè)主題制作網(wǎng)站，綜合運(yùn)用前面所學(xué)的知識(shí)和相關(guān)的技術(shù)共同完成。

1.2.1 基本知識(shí)回顧

這部分的要求是溫習(xí)網(wǎng)頁(yè)制作課程的重點(diǎn)難點(diǎn)，使學(xué)生對(duì)Dream weaver各方面的操作知識(shí)系統(tǒng)的由“片”的認(rèn)識(shí)轉(zhuǎn)向“面”的認(rèn)識(shí)。

1.2.2 案例作品賞識(shí)

在網(wǎng)頁(yè)設(shè)計(jì)過(guò)程中，經(jīng)驗(yàn)豐富的設(shè)計(jì)師需要博采眾家之所長(zhǎng)，形成自己的風(fēng)格，而對(duì)于初學(xué)者來(lái)說(shuō)，模仿是最容易收到效果的方法。大量欣賞優(yōu)秀的網(wǎng)站作品并不斷地分析、比較，會(huì)使學(xué)生的各種能力逐漸增長(zhǎng)和提高。通過(guò)展示歷年中職學(xué)校職業(yè)技能競(jìng)賽中網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目中的獲獎(jiǎng)作品、歷屆學(xué)生的優(yōu)秀作品等手段來(lái)提起學(xué)生的學(xué)習(xí)興趣，吸引學(xué)生積極主動(dòng)地參與實(shí)訓(xùn)。

1.2.3 案例模仿操作練習(xí)

從歷屆學(xué)生的優(yōu)秀作品中選擇一個(gè)典型的案例，讓學(xué)生作為網(wǎng)頁(yè)設(shè)計(jì)與制作知識(shí)的回顧。例如，對(duì)一個(gè)旅游網(wǎng)站進(jìn)行解析，使學(xué)生了解制作網(wǎng)站的基本方法，讓學(xué)生對(duì)旅游網(wǎng)站的粗略和宏觀認(rèn)識(shí)得到細(xì)化，使學(xué)生懂得如何獨(dú)立面對(duì)旅游網(wǎng)站進(jìn)行需求分析、站點(diǎn)規(guī)劃和設(shè)計(jì)。

1.2.4 作品的選擇、網(wǎng)站需求分析、站點(diǎn)規(guī)劃

在綜合實(shí)訓(xùn)中，首先要求各小組學(xué)生選擇一個(gè)網(wǎng)站主題，主題一般選擇如下內(nèi)容：校園生活、教育、體育、旅游、電子商務(wù)等。然后，小組成員開(kāi)始著手進(jìn)行網(wǎng)站需求分析，設(shè)計(jì)整個(gè)網(wǎng)站的框架，選定要設(shè)計(jì)和制作的各部分內(nèi)容，由組長(zhǎng)組織完成一份完整的網(wǎng)站規(guī)劃書。在此過(guò)程中，老師要適當(dāng)指導(dǎo)，要求學(xué)生獨(dú)立完成，設(shè)計(jì)出有具有本組特色的網(wǎng)站。最后，由組長(zhǎng)給本組成員進(jìn)行網(wǎng)站設(shè)計(jì)與制作任務(wù)分配，分頭搜集素材并進(jìn)行整理。

1.2.5 網(wǎng)站色彩搭配

網(wǎng)站的色彩就像人的外表一樣，如果打扮得美觀大方，就會(huì)給人一種魅力四射的感受，而不修邊幅則讓人感到粗糙毛草，所以，網(wǎng)頁(yè)的色彩搭配將直接影響訪問(wèn)者對(duì)網(wǎng)站的印象。網(wǎng)頁(yè)配色有著很強(qiáng)的藝術(shù)性，不同的色彩搭配方案就會(huì)讓人產(chǎn)生不一樣的感受。對(duì)于初學(xué)者來(lái)說(shuō)，模仿是最容易看到效果的方法。在站點(diǎn)規(guī)劃完成的基礎(chǔ)上，選擇網(wǎng)站的主色調(diào)和學(xué)習(xí)色彩搭配。主頁(yè)的色彩處理得好，可以錦上添花，達(dá)到事半功倍的效果。色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”，也就是：主頁(yè)的整體色彩效果應(yīng)該是和諧的，只有局部的、小范圍的地方可以有一些強(qiáng)烈色彩的對(duì)比。由于中職生英語(yǔ)、數(shù)學(xué)等文化基礎(chǔ)較差，編程對(duì)他們來(lái)說(shuō)難度太大，他們走上工作崗位后一般不會(huì)從事程序開(kāi)發(fā)工作，大多數(shù)學(xué)生畢業(yè)后從事的是網(wǎng)站美工等，因此，應(yīng)該在網(wǎng)頁(yè)美工等方面加強(qiáng)培養(yǎng)。

1.2.6 網(wǎng)站設(shè)計(jì)

首先進(jìn)行搜集和創(chuàng)建網(wǎng)站資源、首頁(yè)整體布局設(shè)計(jì)、圖片處理、樣式設(shè)計(jì)、Flash動(dòng)畫設(shè)計(jì)等內(nèi)容。由每小組組長(zhǎng)給本組成員分配任務(wù)，進(jìn)行搜集素材并集中的整理。接著，小組成員根據(jù)本組網(wǎng)站規(guī)劃書中的相關(guān)內(nèi)容開(kāi)始制作網(wǎng)頁(yè)，由小組組長(zhǎng)指定本組一個(gè)成員完成網(wǎng)站首頁(yè)整體布局設(shè)計(jì)與制作、網(wǎng)頁(yè)樣式設(shè)計(jì)、網(wǎng)頁(yè)頁(yè)面內(nèi)容的添加等；一個(gè)成員完成進(jìn)行圖片處理（可以用Potshots也可以用Fireworks）；一個(gè)成員完成Flash動(dòng)畫設(shè)計(jì)。這個(gè)過(guò)程是整個(gè)實(shí)訓(xùn)課程中的重點(diǎn)和難點(diǎn)，一共用24學(xué)時(shí)，用四天時(shí)間來(lái)完成。

接下來(lái)的任務(wù)是網(wǎng)站二級(jí)頁(yè)面模板設(shè)計(jì)、網(wǎng)站各頁(yè)面之間的鏈接，各頁(yè)面的細(xì)化等。每個(gè)小組組員運(yùn)用所學(xué)的計(jì)算機(jī)知識(shí)，結(jié)合實(shí)際內(nèi)容，獨(dú)立設(shè)計(jì)出具有本組風(fēng)格的網(wǎng)頁(yè)頁(yè)面。這個(gè)過(guò)程是整個(gè)實(shí)訓(xùn)課程中的關(guān)鍵，一共是6學(xué)時(shí)。

最后進(jìn)行網(wǎng)站的調(diào)試。一個(gè)網(wǎng)站設(shè)計(jì)的成功與否主要是看它能否順利的瀏覽。這個(gè)過(guò)程是整個(gè)實(shí)訓(xùn)成果能否展現(xiàn)的關(guān)鍵所在，也是一個(gè)小組成員間獨(dú)立設(shè)計(jì)制作的網(wǎng)頁(yè)能否相結(jié)合形成整體網(wǎng)站的過(guò)程。各個(gè)小組調(diào)試用的時(shí)間大概是5個(gè)學(xué)時(shí)。在此過(guò)程中老師要及時(shí)的指導(dǎo)和監(jiān)督學(xué)生完成調(diào)試工作。

1.2.7 實(shí)訓(xùn)報(bào)告書

為了總結(jié)經(jīng)驗(yàn)、鞏固所學(xué)知識(shí)，在網(wǎng)站設(shè)計(jì)與制作任務(wù)完成后，學(xué)生還要完成實(shí)訓(xùn)報(bào)告書的編寫，將實(shí)訓(xùn)內(nèi)容進(jìn)行歸納和總結(jié)。

1.2.8 作品測(cè)評(píng)

對(duì)于實(shí)訓(xùn)評(píng)價(jià)打破了傳統(tǒng)的評(píng)價(jià)方式，采用老師和學(xué)生共同測(cè)評(píng)的方法。首先請(qǐng)各組組長(zhǎng)向全班同學(xué)展示本組所做的網(wǎng)站，介紹在網(wǎng)站制作中所采用的技術(shù)，老師根據(jù)各組的表現(xiàn)給出各組的平均成績(jī)，各成員的成績(jī)則是依據(jù)任務(wù)分配和完成情況在平均成績(jī)上有所增減。這樣測(cè)評(píng)的優(yōu)點(diǎn)：一是這種測(cè)評(píng)方法有利于各組學(xué)生了解其它組的信息，取長(zhǎng)補(bǔ)短；二是避免部分同學(xué)濫竽充數(shù)，有助于提高他們?cè)趯?shí)訓(xùn)中的積極性。由于評(píng)測(cè)結(jié)果比較理想，大多數(shù)學(xué)生都覺(jué)得實(shí)訓(xùn)效果良好。

2 實(shí)訓(xùn)教學(xué)方法回顧

在整個(gè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》綜合實(shí)訓(xùn)中，我們采用了多種教學(xué)方法相結(jié)合的方式進(jìn)行。

2.1 “案例”教學(xué)法

案例教學(xué)法是一種培養(yǎng)學(xué)生能力和提高學(xué)生素質(zhì)有效的教學(xué)方法。在教學(xué)中，以實(shí)際案例為基礎(chǔ)，使得上機(jī)實(shí)驗(yàn)任務(wù)明確，激發(fā)了學(xué)生的學(xué)習(xí)興趣，能更好地完成教學(xué)和實(shí)驗(yàn)任務(wù)。在綜合實(shí)訓(xùn)中，回顧舊知識(shí)時(shí)，老師提前把案例材料分發(fā)給學(xué)生，讓學(xué)生思考解決問(wèn)題的方法。在實(shí)訓(xùn)中，學(xué)生分組討論，老師鼓勵(lì)學(xué)生從不同的角度看待問(wèn)題并找到切實(shí)可行的解決方式。然后讓各小組總結(jié)案例中包含的知識(shí)點(diǎn)，歸納并提出本組的解決方法。老師在聽(tīng)取各組解決方法的時(shí)候，對(duì)于不妥之處加以糾正。最后由學(xué)生按擬定的方案上機(jī)操作。完成案例后，由各組代表講述操作過(guò)程中遇到的各種問(wèn)題，經(jīng)過(guò)比較之后，找到一種最優(yōu)的解決方案。

2.2 “任務(wù)驅(qū)動(dòng)”教學(xué)法

“任務(wù)驅(qū)動(dòng)”教學(xué)法，就是教師或者學(xué)生根據(jù)教學(xué)要求提出“任務(wù)”，以完成一個(gè)個(gè)具體的“任務(wù)”為線索，把教學(xué)內(nèi)容巧妙地隱含在每個(gè)“任務(wù)”之中，學(xué)生自己或者在教師的指導(dǎo)下提出解決問(wèn)題的思路和方法，然后進(jìn)行具體的操作。在綜合實(shí)訓(xùn)中，老師要求學(xué)生獨(dú)立完成一個(gè)網(wǎng)站的設(shè)計(jì)，這就涉及到因特網(wǎng)信息檢索、信息的處理、網(wǎng)站的規(guī)劃與設(shè)計(jì)、網(wǎng)頁(yè)框架布局、網(wǎng)頁(yè)元素的定位、圖片的處理與插入、超級(jí)鏈接設(shè)置、網(wǎng)頁(yè)的修飾和文件存儲(chǔ)等內(nèi)容。老師在設(shè)計(jì)“任務(wù)”時(shí)，要考慮到網(wǎng)頁(yè)制作所涉及的理論知識(shí)、操作步驟與技能等多方面因素。然后將這個(gè)任務(wù)分解為幾個(gè)較小的任務(wù)，在之后的實(shí)訓(xùn)中分步驟的指導(dǎo)學(xué)生去完成。綜合諸多方面的因素，由簡(jiǎn)到繁，由易到難，循序漸進(jìn)，從而保證實(shí)訓(xùn)項(xiàng)目順利完成。

2.3 “啟發(fā)式”教學(xué)

啟發(fā)式教學(xué)是符合學(xué)生認(rèn)識(shí)規(guī)律的，也是素質(zhì)教育積極提倡的，它要求擺正師生在教學(xué)中的地位：老師的主導(dǎo)作用，學(xué)生的主體地位。在綜合實(shí)訓(xùn)中，與平時(shí)的被動(dòng)練習(xí)不同，學(xué)生必須獨(dú)立完成網(wǎng)站的規(guī)劃、設(shè)計(jì)與制作，要求他們上網(wǎng)收集大量的相關(guān)內(nèi)容，學(xué)習(xí)優(yōu)秀網(wǎng)站的設(shè)計(jì)與制作方法。在實(shí)訓(xùn)中，學(xué)生帶著問(wèn)題進(jìn)行學(xué)習(xí)和探索，由老師引導(dǎo)學(xué)生，通過(guò)自主學(xué)習(xí)，尋求解決問(wèn)題的思路和方法。通過(guò)這種方式，學(xué)生的學(xué)習(xí)思路得到擴(kuò)展，大多數(shù)學(xué)生能夠獨(dú)立解決難題，學(xué)生的自信心和學(xué)習(xí)積極性都得到了顯著提高。

總之，學(xué)生在《網(wǎng)頁(yè)設(shè)計(jì)與制作》綜合實(shí)訓(xùn)中，理解和掌握建設(shè)整個(gè)網(wǎng)站的基本過(guò)程和方法，進(jìn)一步鞏固了課程要求的知識(shí)和技能，體驗(yàn)創(chuàng)新的艱辛與樂(lè)趣，培養(yǎng)分析問(wèn)題和解決問(wèn)題的思想和方法，同時(shí)讓學(xué)生增強(qiáng)團(tuán)隊(duì)協(xié)作的意識(shí)，為以后走上工作崗位提供了良好的基礎(chǔ)。

參考文獻(xiàn)

[1]劉群英.任務(wù)驅(qū)動(dòng)教學(xué)法在《網(wǎng)頁(yè)制作與設(shè)計(jì)》課程教學(xué)中的運(yùn)用[J].教學(xué)探索，2011（8）：134-135.

[2]韓竹萍.項(xiàng)目教學(xué)法在網(wǎng)頁(yè)制作課程中的應(yīng)用[J].福建電腦，2011（5）：191-192.

[3]張語(yǔ)捷.網(wǎng)頁(yè)制作課程中項(xiàng)目教學(xué)法的分層遞進(jìn)教學(xué)研究[J].新課程研究，2011（1）：101-103.

[4]劉亭利.網(wǎng)頁(yè)制作課程教學(xué)中的幾點(diǎn)思考[J].新課程，2011（8）：192.