項目教學法在網(wǎng)頁教學中的實踐研究

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

石家莊軍械工程學院 蘇立軍

?

項目教學法在網(wǎng)頁教學中的實踐研究

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

石家莊軍械工程學院 蘇立軍

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

項目教學 教學模式 網(wǎng)頁設計與制作 職業(yè)教育

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

一、項目教學法簡介

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

二、項目教學模式設計

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

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

三、項目教學實施

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

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

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

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

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

［2］蔡燕敏.網(wǎng)頁設計與制作課程中的項目式實驗教學［J］.實驗科學與技術，2015

ISSN2095-6711/Z01-2016-09-0008