河北政法職業(yè)學(xué)院 朱紅娟 白 潔

石家莊軍械工程學(xué)院 蘇立軍

?

項(xiàng)目教學(xué)法在網(wǎng)頁教學(xué)中的實(shí)踐研究

河北政法職業(yè)學(xué)院 朱紅娟 白 潔

石家莊軍械工程學(xué)院 蘇立軍

針對網(wǎng)頁教學(xué)中案例教學(xué)的缺點(diǎn)，筆者結(jié)合高職網(wǎng)頁課程特點(diǎn)，發(fā)揮項(xiàng)目教學(xué)的優(yōu)勢，把真實(shí)項(xiàng)目引入網(wǎng)頁實(shí)踐教學(xué)。項(xiàng)目教學(xué)模式能有效調(diào)動學(xué)生的學(xué)習(xí)積極性，有利于培養(yǎng)學(xué)生自主學(xué)習(xí)、合作學(xué)習(xí)等能力，優(yōu)化《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)。

項(xiàng)目教學(xué) 教學(xué)模式 網(wǎng)頁設(shè)計(jì)與制作 職業(yè)教育

《網(wǎng)頁設(shè)計(jì)與制作》是高職院校計(jì)算機(jī)專業(yè)學(xué)生的必修課，主要培養(yǎng)學(xué)生制作靜態(tài)網(wǎng)頁的能力，具有較強(qiáng)的實(shí)踐性。以往的《網(wǎng)頁設(shè)計(jì)與制作》課程大都在機(jī)房授課，教師使用多媒體，采用案例教學(xué)法，教師邊演示，學(xué)生邊操作。它改變了傳統(tǒng)的“灌輸式”教學(xué)，在“教中做，做中學(xué)”，能激發(fā)學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生的自主能力。實(shí)際教學(xué)中，案例教學(xué)法僅將網(wǎng)頁制作技術(shù)與案例分析結(jié)合，學(xué)生處于被動狀態(tài)，學(xué)生關(guān)注的重點(diǎn)是某一個案例的制作過程，忽略對網(wǎng)站項(xiàng)目的制作及設(shè)計(jì)。學(xué)生難以將各個孤立的實(shí)踐案例建立聯(lián)系，難以形成融會貫通解決問題的能力。筆者通過閱讀大量的國內(nèi)外文獻(xiàn)，了解到在實(shí)踐性較強(qiáng)的課程教學(xué)中除案例教學(xué)法外，還可以使用任務(wù)驅(qū)動、項(xiàng)目教學(xué)、小組合作協(xié)作等方法。其中，項(xiàng)目驅(qū)動型教學(xué)在高職網(wǎng)頁設(shè)計(jì)與制作中的應(yīng)用能顯著改善教學(xué)現(xiàn)狀。教師將系部網(wǎng)站項(xiàng)目融入網(wǎng)頁教學(xué)，能推動課程教學(xué)改革的有序?qū)嵤?/p>

一、項(xiàng)目教學(xué)法簡介

項(xiàng)目教學(xué)法萌芽于歐洲的勞動教育思想，雛形是十八世紀(jì)歐洲的工讀教育和十九世紀(jì)美國的合作教育，經(jīng)過發(fā)展到二十世紀(jì)中后期逐漸完善，成為重要的理論思潮。項(xiàng)目教學(xué)法也叫項(xiàng)目教學(xué)或基于項(xiàng)目的學(xué)習(xí)，指師生通過共同實(shí)施一個完整的項(xiàng)目工作而進(jìn)行的教學(xué)活動，目的是教學(xué)中把課程理論與實(shí)踐教學(xué)有機(jī)結(jié)合，充分發(fā)掘?qū)W生的創(chuàng)造潛能，提高學(xué)生解決實(shí)際問題的綜合能力。項(xiàng)目教學(xué)法是在建構(gòu)主義理論的指導(dǎo)下，以實(shí)際工程項(xiàng)目為對象，由教師對項(xiàng)目進(jìn)行分解，根據(jù)需要做示范，然后學(xué)生分組圍繞工程項(xiàng)目進(jìn)行討論、協(xié)作學(xué)習(xí)，教師以共同完成項(xiàng)目的情況評價(jià)學(xué)生是否達(dá)到教學(xué)目標(biāo)的一種教學(xué)方法。項(xiàng)目教學(xué)活動實(shí)施過程中，教師將需要解決的問題以項(xiàng)目形式呈現(xiàn)出來，每個項(xiàng)目任務(wù)有一個清晰、明確的任務(wù)說明，這樣即使沒有項(xiàng)目學(xué)習(xí)經(jīng)驗(yàn)的學(xué)生在項(xiàng)目學(xué)習(xí)過程中也不會迷失方向。項(xiàng)目教學(xué)一般以小組協(xié)同工作的方式進(jìn)行，教師是學(xué)生學(xué)習(xí)的幫助者、促進(jìn)者，給予學(xué)生有限的指導(dǎo)。項(xiàng)目實(shí)踐過程中，學(xué)生理解和運(yùn)用課程知識和技能，體驗(yàn)同學(xué)間協(xié)同工作的樂趣，在實(shí)踐中培養(yǎng)發(fā)現(xiàn)問題、分析問題、解決問題的能力。

二、項(xiàng)目教學(xué)模式設(shè)計(jì)

“網(wǎng)頁制作”課程教學(xué)中，筆者嘗試應(yīng)用項(xiàng)目教學(xué)理論，以系部網(wǎng)站為總項(xiàng)目，將真實(shí)項(xiàng)目貫穿教學(xué)過程。通過與用戶溝通，分析用戶需求后，筆者統(tǒng)一規(guī)劃網(wǎng)站的布局、風(fēng)格，得出網(wǎng)站初步設(shè)計(jì)：該網(wǎng)站包括一級網(wǎng)頁一張，即網(wǎng)站主頁；該網(wǎng)頁主要有系部動態(tài)、通知公告、系部簡介、特色服務(wù)、專業(yè)介紹、友情鏈接等欄目；二級網(wǎng)頁8張，有系部動態(tài)列表頁面、通知公告列表頁面、法律服務(wù)列表頁面、法律援助列表頁面、專業(yè)介紹頁面、師資隊(duì)伍列表頁面、招生就業(yè)政策頁面、畢業(yè)生風(fēng)采列表頁面；三級頁面若干，主要包括系部動態(tài)詳情頁面、通知公告詳情頁面、教師介紹頁面和畢業(yè)生介紹頁面等。根據(jù)項(xiàng)目教學(xué)理論，結(jié)合網(wǎng)站內(nèi)容和網(wǎng)頁課程標(biāo)準(zhǔn)，筆者首先將課程教學(xué)內(nèi)容分成三個模塊，基礎(chǔ)知識模塊、項(xiàng)目實(shí)戰(zhàn)模塊和綜合網(wǎng)站制作模塊，每個模塊包括相應(yīng)的教學(xué)項(xiàng)目，每個教學(xué)項(xiàng)目分別對應(yīng)不同教學(xué)知識點(diǎn)和技能點(diǎn)（如下表所示）。學(xué)生通過基礎(chǔ)知識模塊初步了解和掌握網(wǎng)頁設(shè)計(jì)的基本理論和操作技能，再通過項(xiàng)目實(shí)戰(zhàn)模塊中的系部網(wǎng)站項(xiàng)目制作，深入了解和掌握網(wǎng)頁設(shè)計(jì)技術(shù)，最后學(xué)生自行規(guī)劃、設(shè)計(jì)、制作網(wǎng)站，強(qiáng)化所學(xué)技能?；A(chǔ)教學(xué)模塊中，筆者對一些零散知識的講授，采用講授法、案例教學(xué)法和演示法。學(xué)生學(xué)完每個知識點(diǎn)后，使用練習(xí)法進(jìn)行模仿。項(xiàng)目實(shí)戰(zhàn)階段，學(xué)生運(yùn)用小組合作方式學(xué)習(xí)。

知識模塊項(xiàng)目名稱　知識點(diǎn)　技能點(diǎn)基礎(chǔ)知識模塊優(yōu)秀的網(wǎng)頁作品欣賞①網(wǎng)頁構(gòu)成元素②網(wǎng)頁設(shè)計(jì)原則、風(fēng)格和潮流③網(wǎng)站建設(shè)流程④網(wǎng)站開發(fā)工具①認(rèn)識網(wǎng)頁與網(wǎng)站基礎(chǔ)知識②了解網(wǎng)頁設(shè)計(jì)行業(yè)前景與發(fā)展方向③熟悉網(wǎng)站建設(shè)流程和開發(fā)工具網(wǎng)頁小案例①HTML和XHTML的基本概念②HTML的語法③各種常見標(biāo)簽含義能使用記事本完成簡單的頁面效果系部網(wǎng)站主頁布局設(shè)計(jì)①Dreamweaver工作環(huán)境②Div創(chuàng)建方法③CSS入門能使用Dreamweaver和CSS制作簡單頁面招生就業(yè)政策頁面設(shè)計(jì)文本插入與相關(guān)屬性 能熟練使用CSS控制普通文字字體類型、字體大小、顏色、行距等主頁友情鏈接欄目設(shè)計(jì)創(chuàng)建超鏈接　能使用CSS控制超鏈接文字外觀主頁圖片輪換效果設(shè)計(jì)插入多媒體元素　能在網(wǎng)頁中插入多媒體元素系部介紹頁面設(shè)計(jì) ①插入圖像②圖文混排項(xiàng)目實(shí)戰(zhàn)模塊①能熟練使用CSS控制圖像的尺寸、樣式等②能使用CSS實(shí)現(xiàn)圖文混排系部主頁導(dǎo)航欄設(shè)計(jì)縱向?qū)Ш健≌莆崭印⒘斜淼氖褂梅椒ㄏ挡縿討B(tài)列表網(wǎng)頁設(shè)計(jì)通知公告列表網(wǎng)頁設(shè)計(jì)橫向?qū)Ш健∧苁褂酶訉傩詣?chuàng)建橫向?qū)Ш蕉夗撁婺０逶O(shè)計(jì) 模板的制作與使用　能熟練創(chuàng)建網(wǎng)站模板，使用模板創(chuàng)建網(wǎng)頁專業(yè)介紹頁面設(shè)計(jì) 表格的創(chuàng)建與編輯　能使用CSS美化表格外觀師資隊(duì)伍列表頁面設(shè)計(jì)畢業(yè)生風(fēng)采列表頁面圖文信息列表　能使用CSS實(shí)現(xiàn)圖文信息列表測試與發(fā)布網(wǎng)站測試網(wǎng)站上傳　能獨(dú)立完成網(wǎng)站測試、上傳等具體操作系部網(wǎng)站綜合網(wǎng)站制作模塊學(xué)生自行設(shè)計(jì)網(wǎng)站 知識綜合　能獨(dú)立完成整個站點(diǎn)的規(guī)劃與制作

三、項(xiàng)目教學(xué)實(shí)施

項(xiàng)目任務(wù)是開展項(xiàng)目教學(xué)的關(guān)鍵環(huán)節(jié)，決定項(xiàng)目教學(xué)法實(shí)施的成敗。教師要綜合運(yùn)用各種教學(xué)方法保證教學(xué)有序?qū)嵤?/p>

1.演示法：基礎(chǔ)知識模塊和項(xiàng)目實(shí)戰(zhàn)模塊的項(xiàng)目教學(xué)先由教師提出問題，學(xué)生思考問題。教師通過案例講解與演示將知識點(diǎn)傳授給學(xué)生，學(xué)生通過項(xiàng)目練習(xí)掌握相應(yīng)的知識點(diǎn)和技能點(diǎn)。綜合網(wǎng)站制作模塊，教師要對學(xué)生給予一定的指導(dǎo)和幫助，使其獨(dú)立解決問題。必要時，教師可以做示范，保證項(xiàng)目實(shí)施的進(jìn)度，確保項(xiàng)目各個環(huán)節(jié)圓滿完成。

2.分組協(xié)作：項(xiàng)目教學(xué)法以項(xiàng)目為主線，以教師為引導(dǎo)，以學(xué)生為中心，營造學(xué)生主動參與“自主協(xié)作”。課程教學(xué)組織上，學(xué)生以小組為單位學(xué)習(xí)。分組時，教師要充分考慮小組成員各方面能力的互補(bǔ)。教學(xué)過程中，教師根據(jù)不同的教學(xué)項(xiàng)目設(shè)置不同的學(xué)習(xí)情境，提出學(xué)習(xí)任務(wù)。項(xiàng)目練習(xí)中，教師從中引導(dǎo)，學(xué)生小組合作完成學(xué)習(xí)任務(wù)。

3.階梯式教學(xué)：教師采用階段式教學(xué)法，由淺入深地帶領(lǐng)學(xué)生學(xué)習(xí)，逐步培養(yǎng)和提高學(xué)生的實(shí)際操作能力。第一階段，課堂練習(xí)：通過案例演示，學(xué)生對理論知識建立初步認(rèn)識，加深對理論知識的理解。第二階段，單元練習(xí)：每個單元結(jié)束時，教師針對單元知識安排實(shí)戰(zhàn)項(xiàng)目，適時給予指導(dǎo)和意見。學(xué)生在實(shí)踐中夯實(shí)理論基礎(chǔ)，實(shí)現(xiàn)創(chuàng)新。第三階段，課程綜合網(wǎng)站設(shè)計(jì)。學(xué)生分析教師提出的要求，完成網(wǎng)站的規(guī)劃、頁面設(shè)計(jì)、運(yùn)行發(fā)布等一系列開發(fā)工作。通過實(shí)戰(zhàn)，學(xué)生鞏固基礎(chǔ)知識的同時，構(gòu)建完整的知識體系，體驗(yàn)職業(yè)崗位項(xiàng)目開發(fā)的全過程。針對傳統(tǒng)網(wǎng)頁課程教學(xué)中的不足，教師將真實(shí)項(xiàng)目運(yùn)用到網(wǎng)頁教學(xué)，可以使理論學(xué)習(xí)與實(shí)際操作有機(jī)結(jié)合，充分調(diào)動學(xué)生的學(xué)習(xí)興趣和積極性，培養(yǎng)學(xué)生的動手能力、團(tuán)隊(duì)合作意識，使學(xué)生變被動學(xué)習(xí)為主動學(xué)習(xí)，提高學(xué)習(xí)效率。

［1］彭興群.“教學(xué)做一體化”在中職“Dreamweaver網(wǎng)頁制作”課程教學(xué)中的應(yīng)用［D］.湖南師范大學(xué)，2013

［2］蔡燕敏.網(wǎng)頁設(shè)計(jì)與制作課程中的項(xiàng)目式實(shí)驗(yàn)教學(xué)［J］.實(shí)驗(yàn)科學(xué)與技術(shù)，2015

ISSN2095-6711/Z01-2016-09-0008