基于Web 2.0技術(shù)的項(xiàng)目教學(xué)法在高職網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)中的探索與實(shí)踐

摘 要：本文針對(duì)在高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中采用傳統(tǒng)教學(xué)方法存在的一些問題，提出了基于Web 2.0技術(shù)的項(xiàng)目教學(xué)法教學(xué)模式的內(nèi)涵，對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程進(jìn)行了教學(xué)實(shí)踐改革設(shè)計(jì)，并以子項(xiàng)目的實(shí)施過程為例進(jìn)行詳細(xì)講解，最后指出該種教學(xué)方法在具體實(shí)施中需改進(jìn)之處。對(duì)于在高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中開展基于Web 2.0技術(shù)的項(xiàng)目教學(xué)法具有重要的實(shí)際參考價(jià)值。

關(guān)鍵詞：高職；Web 2.0；項(xiàng)目教學(xué)法

中圖分類號(hào)：TP393.092-4

《網(wǎng)頁(yè)設(shè)計(jì)與制作》是高職高專計(jì)算機(jī)專業(yè)的一門操作性和實(shí)踐性較強(qiáng)的課程，以專業(yè)培養(yǎng)目標(biāo)和專業(yè)教學(xué)計(jì)劃為依據(jù)，遵循適用、實(shí)用、會(huì)用、通用的原則，系統(tǒng)講授網(wǎng)頁(yè)設(shè)計(jì)與制作的相關(guān)技術(shù)。筆者在最初教授這門課時(shí)，采用傳統(tǒng)教學(xué)方法進(jìn)行教授，但發(fā)現(xiàn)學(xué)生學(xué)完本課程后，對(duì)所學(xué)的理論知識(shí)掌握尚可，但在實(shí)踐過程中往往出現(xiàn)不知所學(xué)知識(shí)點(diǎn)如何運(yùn)用的情況。這與高職高專培養(yǎng)應(yīng)用型人才的目標(biāo)相背離，同時(shí)無(wú)疑對(duì)學(xué)生后期就業(yè)等都會(huì)產(chǎn)生很大的影響。在以往的課程教學(xué)效果評(píng)估中，我們發(fā)現(xiàn)主要存在以下三個(gè)問題：

（1）沿襲傳統(tǒng)的按章節(jié)來(lái)組織內(nèi)容，缺失了對(duì)整體布局網(wǎng)站的職業(yè)能力的培養(yǎng)，學(xué)生只會(huì)照搬實(shí)例，不能融會(huì)貫通，無(wú)法把知識(shí)點(diǎn)串接以及組合起來(lái)布局綜合型的網(wǎng)站。究其原因在于學(xué)生缺失了對(duì)整個(gè)網(wǎng)站布局和規(guī)劃等綜合能力的訓(xùn)練，而這些技能往往是從事這一職業(yè)最關(guān)鍵的能力。

（2）教學(xué)過程以講解理論為主、上機(jī)實(shí)踐為輔，學(xué)生很難接受這種“滿堂灌”的方式，上機(jī)實(shí)踐也只是為了驗(yàn)證理論知識(shí)或加強(qiáng)對(duì)理論知識(shí)的熟悉程度，很難適應(yīng)當(dāng)今社會(huì)對(duì)應(yīng)用型人才的要求。

（3）學(xué)生在課下碰到網(wǎng)頁(yè)設(shè)計(jì)與制作的相關(guān)問題時(shí)，很少去和同學(xué)們或者教師交流，這與缺乏交流平臺(tái)以及缺乏團(tuán)隊(duì)合作意識(shí)有關(guān)，導(dǎo)致問題不能及時(shí)解決，逐漸將問題堆積。

鑒于上述現(xiàn)狀，為提高課程的教學(xué)效果，充分調(diào)動(dòng)學(xué)生學(xué)習(xí)本課程的積極性，加強(qiáng)培養(yǎng)學(xué)生網(wǎng)頁(yè)設(shè)計(jì)與制作的實(shí)踐能力，我在近兩年《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的實(shí)際教學(xué)過程中，嘗試進(jìn)行了基于Web 2.0技術(shù)的項(xiàng)目教學(xué)法教學(xué)模式的探索與實(shí)踐。

1 基于Web 2.0技術(shù)的項(xiàng)目教學(xué)法的內(nèi)涵

項(xiàng)目教學(xué)法是教師以研究某種或多種學(xué)科的概念和原理為中心，以完成具體的任務(wù)為目的，在真實(shí)的社會(huì)實(shí)踐中借助多種資源開展探究活動(dòng)，并在一定時(shí)間內(nèi)解決一系列相關(guān)聯(lián)問題的教學(xué)方法。但是由于教師知識(shí)范圍的局限，其所設(shè)計(jì)資源并不一定能滿足學(xué)生的學(xué)習(xí)需要。Web 2.0能輕易幫助我們解決這個(gè)問題，因其開放性和協(xié)作性的特點(diǎn)，給學(xué)習(xí)者參與進(jìn)行資源的完善和共建提供了方便，可以發(fā)揮群體的優(yōu)勢(shì)，實(shí)現(xiàn)學(xué)習(xí)活動(dòng)中問題的解決，并在問題解決的過程中學(xué)會(huì)協(xié)作，學(xué)會(huì)學(xué)習(xí)。

基于Web 2.0技術(shù)的項(xiàng)目教學(xué)法為學(xué)習(xí)者提供了開放式的學(xué)習(xí)，提供的資源是開放的，可以修改、增加、共建。這樣的項(xiàng)目教學(xué)法可以通過Wiki、博客技術(shù)手段來(lái)實(shí)現(xiàn)，學(xué)習(xí)者通過博客或Wiki來(lái)發(fā)布自己項(xiàng)目主題、項(xiàng)目計(jì)劃、階段性成果等相關(guān)內(nèi)容，借助SNS、Tag聚集對(duì)項(xiàng)目主題感興趣的人，讓學(xué)生及時(shí)捕捉到其他學(xué)生最新的項(xiàng)目信息及項(xiàng)目成果，從而及時(shí)分析項(xiàng)目成果，來(lái)進(jìn)行開展深入研究。因此基于Web 2.0技術(shù)的項(xiàng)目教學(xué)法是基于開放式特征的研究性學(xué)習(xí)。

2 高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)實(shí)踐改革設(shè)計(jì)

本研究中，首先設(shè)計(jì)一個(gè)學(xué)生熟悉并易于接受的整體項(xiàng)目，然后將上述整體項(xiàng)目分解成若干子模塊，再將子模塊分解成子項(xiàng)目，直到每個(gè)子項(xiàng)目可通過各個(gè)知識(shí)點(diǎn)來(lái)解決。

本課程選取的整體項(xiàng)目是“建立一個(gè)學(xué)校的網(wǎng)站”，將其分解成了七個(gè)子模塊：創(chuàng)建學(xué)校介紹頁(yè)面、學(xué)校各部門介紹頁(yè)面、制作網(wǎng)站的留言板頁(yè)面、制作網(wǎng)站的首頁(yè)或引導(dǎo)頁(yè)、站點(diǎn)上傳與發(fā)布、使用CSS進(jìn)行網(wǎng)頁(yè)布局、制作網(wǎng)站的創(chuàng)建流程。下面以第二個(gè)項(xiàng)目“學(xué)校各部門介紹頁(yè)面”的實(shí)現(xiàn)為例說明。

（1）根據(jù)教學(xué)目標(biāo)和教學(xué)內(nèi)容，創(chuàng)設(shè)情境

根據(jù)教學(xué)目標(biāo)，學(xué)生學(xué)完本門課程后，應(yīng)能熟練掌握網(wǎng)頁(yè)設(shè)計(jì)與制作中的各種操作技術(shù)，具備開發(fā)、維護(hù)小型網(wǎng)站的知識(shí)和能力。因此教師在授課之前，先在Wiki上提出教學(xué)要求，發(fā)布教學(xué)內(nèi)容提綱，激發(fā)學(xué)生思考。在Wiki頁(yè)面上把搜集的一些有著生動(dòng)文字、精美圖片、動(dòng)聽音樂以及有趣動(dòng)畫的網(wǎng)頁(yè)給學(xué)生們欣賞，使學(xué)生對(duì)本門課程產(chǎn)生濃厚興趣。

（2）根據(jù)情境分解目標(biāo)，確定項(xiàng)目

我們利用“學(xué)校各部門介紹頁(yè)面的實(shí)現(xiàn)”子項(xiàng)目讓同學(xué)們逐步掌握為網(wǎng)頁(yè)添加各種鏈接、創(chuàng)建導(dǎo)航條、利用層的嵌套與重疊順序設(shè)置層的屬性等知識(shí)點(diǎn)，并將其進(jìn)一步分解成七個(gè)子項(xiàng)目，逐一對(duì)應(yīng)以上各知識(shí)點(diǎn)。子項(xiàng)目的具體要求如下所述。

①子項(xiàng)目一：學(xué)校部門介紹與素材資料的準(zhǔn)備。

具體描述：搜集學(xué)校介紹和各部門的文字、圖片、表格等資料素材。

項(xiàng)目重點(diǎn)：資料搜集的方法及提煉。

②子項(xiàng)目二：制作“友情鏈接”。

具體描述：為網(wǎng)頁(yè)添加文本鏈接、圖像鏈接、E-mail鏈接、錨點(diǎn)鏈接、空鏈接和腳本鏈接。

項(xiàng)目重點(diǎn)：不同鏈接的添加方法。

③子項(xiàng)目三：創(chuàng)建導(dǎo)航條。

具體描述：為網(wǎng)頁(yè)添加導(dǎo)航條，利用插入圖片和利用“導(dǎo)航條”兩種方式，學(xué)會(huì)使用熱圖鏈接。

項(xiàng)目重點(diǎn)：創(chuàng)建導(dǎo)航條的方法。

④子項(xiàng)目四：制作利用層布局的網(wǎng)頁(yè)。

具體描述：創(chuàng)建和選擇層、改變層的重疊順序，設(shè)置層的屬性，將層對(duì)齊到網(wǎng)格。

項(xiàng)目重點(diǎn)：層的嵌套與重疊順序、層的屬性。

⑤子項(xiàng)目五：制作框架網(wǎng)頁(yè)。

具體描述：認(rèn)識(shí)創(chuàng)建和保存框架與框架集、框架和框架集屬性、插入預(yù)定義框架集和制作新的框架、在框架集中創(chuàng)建鏈接。

項(xiàng)目重點(diǎn)：區(qū)分框架與框架集、學(xué)會(huì)保存框架與框架集、插入預(yù)定義框架集和制作新的框架。

⑥子項(xiàng)目六：創(chuàng)建庫(kù)項(xiàng)目。

具體描述：創(chuàng)建庫(kù)項(xiàng)目、添加庫(kù)項(xiàng)目、編輯庫(kù)項(xiàng)目。

項(xiàng)目重點(diǎn)：創(chuàng)建與應(yīng)用庫(kù)項(xiàng)目。

⑦子項(xiàng)目七：利用模板創(chuàng)建出大量的具有形同布局的頁(yè)面。

具體描述：創(chuàng)建模板、定義可編輯區(qū)域、使用模板創(chuàng)建統(tǒng)一風(fēng)格的網(wǎng)頁(yè)、把模板應(yīng)用與現(xiàn)有的文檔、編輯模板文件、管理模板。

項(xiàng)目重點(diǎn)：創(chuàng)建、編輯、管理模板，使用模板創(chuàng)建統(tǒng)一風(fēng)格的網(wǎng)頁(yè)。

（3）利用Web 2.0技術(shù)提供資源、創(chuàng)建小組、小組協(xié)作、完成項(xiàng)目

教師需在Wiki頁(yè)面上向?qū)W生提供必要的資源與素材，供學(xué)生們引用。此外，教師還需在學(xué)生著手開始實(shí)施項(xiàng)目之前，為同學(xué)們講授在實(shí)施項(xiàng)目過程中將用到的各基礎(chǔ)知識(shí)，并通過小的實(shí)例項(xiàng)目操作練習(xí)，加強(qiáng)學(xué)生對(duì)語(yǔ)法知識(shí)點(diǎn)的掌握和訓(xùn)練，開闊學(xué)生編程的思路。

在教師指導(dǎo)下，遵循差異性、公平性、交互性、協(xié)作性原則，在適度自主組合基礎(chǔ)上劃分若干個(gè)學(xué)習(xí)小組，每組5至8人。教師要關(guān)注小組間成員的技術(shù)力量是否均衡，認(rèn)知能力是否均衡，學(xué)習(xí)方式是否均衡，比較可行的辦法是先由學(xué)生自愿組合，再由教師適度調(diào)整，在聽取小組成員意見的基礎(chǔ)上指派一名小組協(xié)調(diào)員和一名技術(shù)輔導(dǎo)員。一旦小組成員確定，學(xué)生必須注冊(cè)成Wiki成員，并由技術(shù)輔導(dǎo)員申請(qǐng)維客小組，根據(jù)教師布置的任務(wù)創(chuàng)建條目，其他成員加入小組進(jìn)行討論共同學(xué)習(xí)。

學(xué)生借助網(wǎng)絡(luò)主動(dòng)搜集材料，應(yīng)用如Tag、SNS、RSS等技術(shù)，Web 2.0能“主動(dòng)”為學(xué)生尋求合作的目標(biāo)群，并“主動(dòng)”在各學(xué)生的Wiki之間建立起連結(jié)，然后在Wiki上創(chuàng)建該問題的相關(guān)頁(yè)面闡述各自的見解，并提供相關(guān)鏈接，通過組內(nèi)和組間的討論、啟發(fā)對(duì)該頁(yè)面不斷修改、完善。小組成員可以邀請(qǐng)別組成員加入本小組，也可邀請(qǐng)游客加入本組，其版面和WORD一樣，即可對(duì)本組的條目進(jìn)行編輯、添加，也可刪除。

教師通過Wiki平臺(tái)及時(shí)觀察Wiki條目的創(chuàng)作情況、資源的整理和添加情況。同時(shí)教師也可以一個(gè)平等的學(xué)習(xí)伙伴身份隨時(shí)隨地加入各學(xué)習(xí)小組，對(duì)學(xué)生在條目中表現(xiàn)出的學(xué)習(xí)狀況及時(shí)反饋和應(yīng)對(duì)，時(shí)刻關(guān)注學(xué)習(xí)者的認(rèn)知反應(yīng)，必要時(shí)對(duì)條目中明顯的謬誤直接做出修正，對(duì)反映出的共性問題可在第一時(shí)間反饋至課堂教學(xué)環(huán)節(jié)中，指導(dǎo)學(xué)生更好地完成項(xiàng)目。

（4）成果上交，展示作品，交流評(píng)價(jià)

學(xué)生以小組的形式完成項(xiàng)目后，上交成果。提交方式有多種：直接在Wiki上供老師和學(xué)生查看；也可以提交給老師，老師展示小組成員的作品。作品展示完后，開始對(duì)其進(jìn)行評(píng)價(jià)。評(píng)價(jià)的內(nèi)容包括對(duì)學(xué)習(xí)者的評(píng)價(jià)、對(duì)教師的評(píng)價(jià)、對(duì)教學(xué)內(nèi)容的評(píng)價(jià)等，其中對(duì)學(xué)習(xí)者的評(píng)價(jià)是重點(diǎn)。評(píng)價(jià)形式可以采取組間互評(píng)、組內(nèi)互評(píng)、教師評(píng)價(jià)、自我評(píng)價(jià)等。項(xiàng)目教學(xué)法的一個(gè)重要條件是小組成員的積極互助，每個(gè)成員的成績(jī)受制于小組的整體表現(xiàn)，每個(gè)成員的成績(jī)應(yīng)當(dāng)以組內(nèi)互評(píng)為主，將小組成績(jī)加權(quán)成員的貢獻(xiàn)度，形成個(gè)體的最終成績(jī)。在設(shè)計(jì)評(píng)價(jià)量規(guī)時(shí)，評(píng)價(jià)指標(biāo)包括網(wǎng)頁(yè)內(nèi)容（30分）、技術(shù)（20分）、網(wǎng)頁(yè)外觀（20分）、協(xié)作（30分），總分100分。

3 結(jié)束語(yǔ)

基于Web 2.0技術(shù)的項(xiàng)目教學(xué)法的開展有利于激發(fā)學(xué)生的學(xué)習(xí)興趣，對(duì)學(xué)生掌握知識(shí)與培養(yǎng)能力有幫助，使學(xué)習(xí)變得積極主動(dòng)，能培養(yǎng)和鍛煉學(xué)生的實(shí)踐能力，有利于提高學(xué)生的自主學(xué)習(xí)能力、個(gè)人知識(shí)建構(gòu)能力、合作學(xué)習(xí)與交流的能力。因此，在高職院校嘗試基于Web 2.0技術(shù)的的項(xiàng)目教學(xué)法的教學(xué)方法與學(xué)習(xí)方法是有必要的，也是可行的。同時(shí)在實(shí)施基于Web 2.0技術(shù)的項(xiàng)目教學(xué)法的過程中需要加強(qiáng)對(duì)師生進(jìn)行Web 2.0技術(shù)應(yīng)用的培訓(xùn)、加強(qiáng)項(xiàng)目的選題與組織管理以及完善學(xué)習(xí)資源庫(kù)及課題資源庫(kù)的建設(shè)，力求能夠構(gòu)建出一種真正適應(yīng)社會(huì)教育需求和學(xué)生學(xué)習(xí)需求的新的高職人才培養(yǎng)模式及相應(yīng)的教學(xué)模式與學(xué)習(xí)模式。

參考文獻(xiàn)：

[1]毛樂琦.高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程項(xiàng)目化教學(xué)改革實(shí)踐[J].計(jì)算機(jī)教學(xué)，2013（23）：113-114.

[2]饒志凌.Web 2.0環(huán)境下高職大學(xué)生《網(wǎng)頁(yè)設(shè)計(jì)與制作》構(gòu)建個(gè)人PLE的研究[J].多媒體設(shè)計(jì)，2013（06）：57-58.

[3]劉海琴，王江濤.項(xiàng)目化教學(xué)在高職網(wǎng)絡(luò)數(shù)據(jù)庫(kù)教學(xué)中的實(shí)踐與探索[J].職業(yè)技術(shù)，2009（10）：23-24.

[4]蔡洪民，趙文光，陳素，陳沁群.基于Web2.0的《網(wǎng)絡(luò)技術(shù)與實(shí)踐》課程網(wǎng)站的設(shè)計(jì)與實(shí)現(xiàn)[J].微計(jì)算機(jī)應(yīng)用，2008（10）：36-41.

作者簡(jiǎn)介：肖菲（1977-），女，湖北武漢人，副教授，碩士研究生，主要從事高職教育、信息技術(shù)方面的研究。

作者單位：武漢軟件工程職業(yè)學(xué)院計(jì)算機(jī)學(xué)院，武漢 430205

課題項(xiàng)目：武漢市教育科學(xué)“十二五”規(guī)劃2012年立項(xiàng)課題（2012C115）。