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

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

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

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

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

1 實訓(xùn)階段

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

1.1 實訓(xùn)動員

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

1.2 實訓(xùn)過程

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

1.2.1 基本知識回顧

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

1.2.2 案例作品賞識

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

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

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

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

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

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

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

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

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

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

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

1.2.7 實訓(xùn)報告書

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

1.2.8 作品測評

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)

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

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

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

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