淺析項(xiàng)目教學(xué)法在中職網(wǎng)頁制作教學(xué)中的應(yīng)用

【作者簡(jiǎn)介】 陸蓉 ，女， 廣西交通運(yùn)輸學(xué)校助理講師，研究方向：多媒體軟件、網(wǎng)頁設(shè)計(jì)、動(dòng)畫設(shè)計(jì)。

【摘要】 本文在介紹項(xiàng)目教學(xué)法含義和特點(diǎn)的基礎(chǔ)上，以構(gòu)建中越物流信息交流類網(wǎng)站為例，詳細(xì)論述項(xiàng)目教學(xué)法在網(wǎng)頁制作中的具體應(yīng)用，并分析在教學(xué)中應(yīng)用項(xiàng)目教學(xué)法應(yīng)注意的問題。

【關(guān)鍵詞】 項(xiàng)目教學(xué) 網(wǎng)頁制作 應(yīng)用

一、 項(xiàng)目教學(xué)法的含義和特點(diǎn)

項(xiàng)目教學(xué)法就是教師在教學(xué)中組織學(xué)生切實(shí)參加項(xiàng)目設(shè)計(jì)、實(shí)施和管理的全過程，在項(xiàng)目實(shí)施過程中完成教學(xué)任務(wù)。實(shí)際上就是以實(shí)際的教學(xué)項(xiàng)目為媒介，先由教師對(duì)項(xiàng)目進(jìn)行分解，并作適當(dāng)?shù)囊龑?dǎo)，然后讓學(xué)生分組圍繞各自的學(xué)習(xí)項(xiàng)目進(jìn)行討論、協(xié)作學(xué)習(xí)，分工完成項(xiàng)目，最后教師以共同完成項(xiàng)目的水平與程度來評(píng)價(jià)學(xué)生是否達(dá)到教學(xué)目標(biāo)的一種教學(xué)方法。在項(xiàng)目教學(xué)法中，教師往往通過項(xiàng)目示范讓學(xué)生掌握最基礎(chǔ)的知識(shí)，然后通過知識(shí)遷移、協(xié)作討論來完成整個(gè)項(xiàng)目。

項(xiàng)目教學(xué)法最顯著的特點(diǎn)是“以項(xiàng)目為主線、教師為主導(dǎo)、學(xué)生為主體”，改變了以往“教師講，學(xué)生聽”的被動(dòng)教學(xué)模式，創(chuàng)造了學(xué)生主動(dòng)參與、自主協(xié)作、探索創(chuàng)新的新型教學(xué)模式。

二、 項(xiàng)目教學(xué)法在網(wǎng)頁制作教學(xué)中的具體實(shí)施

為了更好地說明項(xiàng)目教學(xué)法在網(wǎng)頁制作教學(xué)中的應(yīng)用，本文以一個(gè)項(xiàng)目為例來展現(xiàn)其具體實(shí)施過程。

（一） 確定項(xiàng)目并劃分小組。具體如下：

1. 確定項(xiàng)目。以下以廣西南寧市的學(xué)校為例來說明如何確定項(xiàng)目。南寧市是中國(guó)—東盟博覽會(huì)和中國(guó)—東盟商務(wù)與投資峰會(huì)的長(zhǎng)久落戶地，因此，該地的學(xué)生對(duì)于如何加深和東盟國(guó)家的友誼，促進(jìn)彼此的發(fā)展的問題往往比較感興趣，也愿意建立與東盟貿(mào)易有關(guān)的旅游、咨詢、服務(wù)類網(wǎng)頁。為了進(jìn)一步明確項(xiàng)目，必須從東盟國(guó)家中選擇其中一國(guó)來作為項(xiàng)目。如可以通過討論最終確定以“中國(guó)和越南”為主題來制作網(wǎng)頁。

2. 劃分小組。把全班學(xué)生分成若干小組，讓每個(gè)小組確定一名組長(zhǎng)，每組學(xué)生可以根據(jù)自己小組的興趣把“中國(guó)和越南”這一主題進(jìn)一步細(xì)化。比如，可以制作中越物流信息類網(wǎng)頁，也可以制作中越旅游景點(diǎn)類網(wǎng)頁。

（二） 項(xiàng)目的計(jì)劃。具體如下：

1. 制訂項(xiàng)目工作計(jì)劃。以構(gòu)建中越物流信息類網(wǎng)站項(xiàng)目為例，首先應(yīng)對(duì)項(xiàng)目進(jìn)行計(jì)劃和分解（見圖1）。

如圖1所示，把整個(gè)項(xiàng)目自上而下，逐步細(xì)化，分解成一個(gè)個(gè)子項(xiàng)目。對(duì)于一個(gè)新的項(xiàng)目，中職學(xué)生很難從整體上把握，需要教師先做示范，慢慢地演示設(shè)計(jì)步驟，同時(shí)講解每一個(gè)步驟涉及的基礎(chǔ)知識(shí)點(diǎn)?？梢赃m當(dāng)讓學(xué)生進(jìn)行相關(guān)知識(shí)點(diǎn)的實(shí)訓(xùn)和練習(xí)，啟發(fā)他們?cè)撊绾稳ビ?jì)劃自己小組的項(xiàng)目。

2. 確定工作步驟和程序。學(xué)生可以根據(jù)自己小組的主題，對(duì)整個(gè)項(xiàng)目進(jìn)行劃分。小組項(xiàng)目負(fù)責(zé)人負(fù)責(zé)組織項(xiàng)目小組成員完成項(xiàng)目，明確項(xiàng)目各階段的任務(wù)，將項(xiàng)目中的每項(xiàng)任務(wù)落實(shí)到個(gè)人。根據(jù)項(xiàng)目的內(nèi)容，工作的步驟和程序列出小組分工和工作進(jìn)度安排表。

（三） 項(xiàng)目的實(shí)施。仍以構(gòu)建中越物流信息類網(wǎng)站這個(gè)項(xiàng)目為例，各小組在確定分工及合作形式后可按照已確立的工作步驟和程序工作。

1. 借鑒其他物流信息類網(wǎng)站。要求學(xué)生通過百度、谷歌等搜索工具瀏覽各種國(guó)內(nèi)外物流信息類網(wǎng)站，從對(duì)比、欣賞中獲取靈感，了解物流信息類網(wǎng)站一般要包括哪些內(nèi)容并記錄下來。

2.建立網(wǎng)站基本框架。一是網(wǎng)頁主題。構(gòu)建中國(guó)和越南物流信息類網(wǎng)站，是為了給兩國(guó)貿(mào)易提供物流信息咨詢，因而網(wǎng)頁必須有鮮明的主題。有個(gè)好名字，可以讓網(wǎng)頁更吸引人。網(wǎng)頁名字應(yīng)能采用中越兩種語言。同時(shí)，應(yīng)設(shè)計(jì)一個(gè)標(biāo)志。標(biāo)志就如同商標(biāo)一樣，是站點(diǎn)特色和內(nèi)涵的集中體現(xiàn)，設(shè)計(jì)一個(gè)醒目、有特色的標(biāo)志有利于推廣網(wǎng)頁。此外，還可以圍繞主題，設(shè)計(jì)網(wǎng)站的宣傳標(biāo)語，用一句話甚至一個(gè)詞來高度概括。

二是站點(diǎn)。應(yīng)對(duì)站點(diǎn)的整體結(jié)構(gòu)進(jìn)行設(shè)計(jì)和規(guī)劃?？梢晕掌渌W(wǎng)頁的優(yōu)點(diǎn)，決定創(chuàng)建多少頁、每頁上顯示什么內(nèi)容等。這個(gè)子項(xiàng)目的重點(diǎn)是建立不同的文件夾將文件歸類，使得整體看起來簡(jiǎn)潔、清楚。

3. 設(shè)計(jì)各頁面布局和內(nèi)容等。一是頁面布局和內(nèi)容。首先，頁面布局常用的有“T”型布局、“口”型布局、對(duì)稱對(duì)比布局等。其中“T”型布局是網(wǎng)頁設(shè)計(jì)中使用最廣泛的一種布局方式。這種布局的優(yōu)點(diǎn)是頁面結(jié)構(gòu)清晰，主次分明，是初學(xué)者最容易上手的布局方法，對(duì)中職生來說是一種不錯(cuò)的選擇方式。其次，頁面內(nèi)容是網(wǎng)頁的核心，因而應(yīng)優(yōu)化網(wǎng)頁內(nèi)容。比如，構(gòu)建中越物流信息類網(wǎng)站這個(gè)項(xiàng)目是通過收集和借鑒其他物流信息類網(wǎng)站的信息，再結(jié)合實(shí)際確定以信息發(fā)布服務(wù)功能為主要內(nèi)容。網(wǎng)站的信息涵蓋了水陸運(yùn)輸價(jià)格、新聞和公告、政務(wù)指南、貨源和運(yùn)力、空車配載、鐵路車次、政策法規(guī)等相關(guān)信息。

二是文本。應(yīng)綜合考慮顯示器分辨率的差別，設(shè)計(jì)大小適中的文字。文字太大，瀏覽起來會(huì)增加翻頁的難度，文字太小，會(huì)增加瀏覽者眼睛的疲勞度。主要的文字性內(nèi)容應(yīng)放在顯眼處，不需要拉動(dòng)下拉條就能看到。另外，應(yīng)避免長(zhǎng)文本頁面，在網(wǎng)頁上文字太長(zhǎng)，容易令人感到乏味，也會(huì)浪費(fèi)網(wǎng)頁資源。

三是圖像。應(yīng)使圖片與圖片、圖片與文字融為一個(gè)整體，突出條理性，應(yīng)多參考一些優(yōu)秀站點(diǎn)，仔細(xì)分析這些站點(diǎn)圖像的選取和處理方式。通過這種方法，可以在短時(shí)間內(nèi)提高學(xué)生的審美觀。圖像的下載、圖像的制作軟件、圖像在網(wǎng)頁上的搭配是需要特別注意的。另外，應(yīng)避免使用過大的圖像，不要使用橫跨整個(gè)屏幕的圖像，避免訪問者向右滾動(dòng)屏幕。

四是顏色搭配。在制作網(wǎng)頁時(shí)不應(yīng)用完全部顏色，盡量控制在三種色彩以內(nèi)?？梢赃x定一種色彩作為主色調(diào)，然后調(diào)整透明度或者飽和度，產(chǎn)生新的色彩，用于網(wǎng)頁。這樣的頁面看起來色彩統(tǒng)一，有層次感。同時(shí)，應(yīng)合理搭配頁面背景色、表格背景色和單元格背景色。背景色一般采用素淡清雅的色彩，避免采用花紋復(fù)雜的圖片和純度很高的色彩作為背景色，同時(shí)背景色應(yīng)與文字的色彩對(duì)比強(qiáng)烈一些。

五是表單。應(yīng)設(shè)計(jì)登錄表單、搜索表單、注冊(cè)表單，使網(wǎng)頁具有初步的動(dòng)態(tài)交互功能。

4. 頁面的修飾和完善。一是動(dòng)畫。動(dòng)畫并不是flash制作的東西的簡(jiǎn)單堆砌，應(yīng)確保動(dòng)畫和網(wǎng)頁內(nèi)容有關(guān)聯(lián)，和網(wǎng)頁內(nèi)容相互映襯，渾然一體。

二是鏈接。網(wǎng)站中可以制作一些其他物流信息類站點(diǎn)的鏈接。在網(wǎng)頁設(shè)置鏈接后，應(yīng)對(duì)之進(jìn)行測(cè)試分析，保證鏈接有效。

此外，所做的設(shè)計(jì)應(yīng)使瀏覽者能夠很快找到他們所需要的東西，避免讓瀏覽者使用向前和向后按鈕。絕大多數(shù)好的站點(diǎn)在每一頁同樣的位置都有相同的導(dǎo)航條，使瀏覽者能夠從每一頁訪問網(wǎng)站的任何部分。還可以通過插入滾動(dòng)字幕，設(shè)置頁面背景音樂，插入計(jì)數(shù)器、橫幅廣告管理器等技巧來修飾頁面。

5. 上傳并發(fā)布網(wǎng)站。在所設(shè)計(jì)網(wǎng)站正式發(fā)布之前，必須進(jìn)行有效測(cè)試。在上載網(wǎng)站時(shí)還應(yīng)測(cè)試所有的鏈接和導(dǎo)航工具條。

在整個(gè)項(xiàng)目實(shí)施的過程中，為了解決問題，學(xué)生需要不斷地思考，查閱課外資料，歸納、整理所學(xué)的知識(shí)與技能。教師的任務(wù)就是幫助、督促學(xué)生按時(shí)完成階段計(jì)劃，因此，教師應(yīng)隨時(shí)檢查項(xiàng)目進(jìn)展情況，了解各項(xiàng)目小組成員工作情況，適時(shí)進(jìn)行鼓勵(lì)、指導(dǎo)，給予學(xué)生技術(shù)支持，保證項(xiàng)目順利實(shí)施。

（四） 項(xiàng)目評(píng)價(jià)。在項(xiàng)目完成后，每個(gè)項(xiàng)目小組要對(duì)自己所做的項(xiàng)目進(jìn)行現(xiàn)場(chǎng)演示。每個(gè)小組成員要對(duì)自己在項(xiàng)目中所承擔(dān)的任務(wù)進(jìn)行講述與現(xiàn)場(chǎng)答辯。在講述過程中要求說明設(shè)計(jì)思路、制作要點(diǎn)及遇到的問題和解決方案。同時(shí)，其他組的同學(xué)也可提出問題。教師和學(xué)生根據(jù)項(xiàng)目完成情況及學(xué)生的現(xiàn)場(chǎng)表現(xiàn)進(jìn)行評(píng)價(jià)，并給出評(píng)價(jià)依據(jù)。還可以增加對(duì)創(chuàng)新能力、解決實(shí)際問題能力、團(tuán)隊(duì)精神與分工合作能力的綜合評(píng)價(jià)。最后教師結(jié)合項(xiàng)目完成過程中檢查的結(jié)果，綜合學(xué)生自評(píng)、互評(píng)的結(jié)果，給出課程實(shí)踐成績(jī)。

在這個(gè)環(huán)節(jié)里，通過作品的展示可以帶給學(xué)生成就感，激發(fā)學(xué)生學(xué)習(xí)的興趣。許多中職生缺乏自信，但是又非?？释四軌蛘J(rèn)同自己。他們需要教師和同學(xué)更多的肯定和支持。通過組間自評(píng)及互評(píng)可以引導(dǎo)學(xué)生分析、掌握他人作品中的技術(shù)、技巧，并進(jìn)一步提高學(xué)生的鑒賞能力。

三、 在教學(xué)中應(yīng)用項(xiàng)目教學(xué)法應(yīng)該注意的問題

（一） 項(xiàng)目的選取和設(shè)計(jì)應(yīng)遵循一定原則。項(xiàng)目的選取不是簡(jiǎn)單地選取一個(gè)實(shí)例，它和案例教學(xué)法不同。項(xiàng)目應(yīng)包含全部教學(xué)內(nèi)容并盡可能自然、有機(jī)地結(jié)合多項(xiàng)知識(shí)點(diǎn)；項(xiàng)目的難易度應(yīng)針對(duì)學(xué)生的實(shí)際水平來確定；選取項(xiàng)目時(shí)最好與企業(yè)實(shí)際工作情境相符。

項(xiàng)目設(shè)計(jì)的最重要原則是可實(shí)踐性，以保證學(xué)生可操作，并有收獲。因此，項(xiàng)目的設(shè)計(jì)應(yīng)采用結(jié)構(gòu)化的方法，自上而下，逐步細(xì)化；項(xiàng)目的實(shí)施，則采用自下而上、由易到難、逐步完善的原則進(jìn)行。

（二） 項(xiàng)目實(shí)施前的引導(dǎo)應(yīng)精練清晰。學(xué)生在獨(dú)立完成項(xiàng)目前，教師應(yīng)進(jìn)行適當(dāng)?shù)囊龑?dǎo)。主要包括對(duì)新知識(shí)的講解和對(duì)項(xiàng)目具體實(shí)施的解釋。其中，新知識(shí)的講解應(yīng)抓重點(diǎn)，避免重復(fù)；對(duì)于項(xiàng)目實(shí)施的步驟，教師應(yīng)解釋清楚，及時(shí)給出相關(guān)資料。

（三） 教師應(yīng)適當(dāng)引導(dǎo)。項(xiàng)目教學(xué)對(duì)教師提出了更高的要求。教師的角色應(yīng)由傳統(tǒng)的教學(xué)主導(dǎo)者轉(zhuǎn)變?yōu)榻虒W(xué)活動(dòng)的引導(dǎo)者。在教學(xué)過程中，教師應(yīng)以咨詢員、伙伴、朋友等角色出現(xiàn)在學(xué)生中，其教學(xué)方法應(yīng)由注重“教法”轉(zhuǎn)變?yōu)樽⒅亍皩W(xué)法”。學(xué)生在完成項(xiàng)目的過程中遇到困難，教師應(yīng)及時(shí)給予指導(dǎo)。針對(duì)不同層次的學(xué)生，教師指導(dǎo)的深度應(yīng)有所不同。

實(shí)踐證明，在網(wǎng)頁制作課程中運(yùn)用項(xiàng)目教學(xué)法，是一種有效的教學(xué)方法，它突破了傳統(tǒng)的教學(xué)模式，通過完成實(shí)際工作中遇到的項(xiàng)目，提高學(xué)生解決實(shí)際問題的能力。項(xiàng)目教學(xué)法有助于提高學(xué)生獲取知識(shí)的積極性，還可以使學(xué)生通過完成項(xiàng)目增強(qiáng)成就感。整個(gè)項(xiàng)目教學(xué)過程既發(fā)揮了教師的主導(dǎo)作用，又體現(xiàn)了學(xué)生的主體作用，充分地展示現(xiàn)代職業(yè)教育“以學(xué)生為主體，以能力為本位”的價(jià)值取向，使課堂教學(xué)的質(zhì)量和效益得到更大幅度的提高。

【參考文獻(xiàn)】

［1］馮志剛.項(xiàng)目教學(xué)法在專業(yè)教學(xué)中的應(yīng)用［J］.職教通訊，2008（2）

［2］安穎連，姚瑞霞等.“網(wǎng)頁制作”的教學(xué)設(shè)計(jì)與實(shí)踐［J］.計(jì)算機(jī)教育，2005（8）