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

關鍵詞：網頁設計與制作 綜合實訓 案例教學 任務驅動

中圖分類號：G633 文獻標識碼：A 文章編號：1673-9795（2013）05（b）-0173-02

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

1 實訓階段

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

1.1 實訓動員

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

1.2 實訓過程

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

1.2.1 基本知識回顧

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

1.2.2 案例作品賞識

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

1.2.3 案例模仿操作練習

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

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

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

1.2.5 網站色彩搭配

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

1.2.6 網站設計

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

接下來的任務是網站二級頁面模板設計、網站各頁面之間的鏈接，各頁面的細化等。每個小組組員運用所學的計算機知識，結合實際內容，獨立設計出具有本組風格的網頁頁面。這個過程是整個實訓課程中的關鍵，一共是6學時。

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

1.2.7 實訓報告書

為了總結經驗、鞏固所學知識，在網站設計與制作任務完成后，學生還要完成實訓報告書的編寫，將實訓內容進行歸納和總結。

1.2.8 作品測評

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

2 實訓教學方法回顧

在整個《網頁設計與制作》綜合實訓中，我們采用了多種教學方法相結合的方式進行。

2.1 “案例”教學法

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

2.2 “任務驅動”教學法

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

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

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

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

參考文獻

[1]劉群英.任務驅動教學法在《網頁制作與設計》課程教學中的運用[J].教學探索，2011（8）：134-135.

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

[3]張語捷.網頁制作課程中項目教學法的分層遞進教學研究[J].新課程研究，2011（1）：101-103.

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