項目教學法在《網(wǎng)頁設計與制作》課程中的實踐

陳畫（浙江農業(yè)商貿職業(yè)學院）

■課程簡介

《網(wǎng)頁設計與制作》課程是電子商務專業(yè)基礎課。主要要求學生掌握使用DIV搭建網(wǎng)頁框架的方法和技巧；掌握使用CSS美化網(wǎng)頁的方法和技巧。本課程共64課時。

■選用項目教學法可行性分析

教學材料來源于社會生產(chǎn)中真實的任務、服務或項目，在教學過程中師生、生生通過還原工作情景探討真實、復雜的問題，完成任務的同時構建了該課程的知識框架，最后職業(yè)能力得以實現(xiàn)。

（一）教學組織形式是項目作品或項目任務

傳統(tǒng)的教學組織方式通常是以系統(tǒng)的、全面的學科知識主線，以教師為主體，重心是“教什么”“為什么”以及“怎么教”等系列知識。項目教學是以學生為主體和重心，以“如何完成項目”為引領，引導學生“學習什么知識”。

（二）項目活動的主要形式是小組協(xié)作學習

項目學習顛覆了傳統(tǒng)的以教師講授為主的教學方法，以學生自我組織、自主學習，教師引導答疑為主要的學習方法和形式。學生通過完成完整的項目構建系統(tǒng)知識框架和知識結構，在學習過程中鍛煉了學生的自主學習能力、分析解決問題能力、團隊協(xié)作能力、創(chuàng)新能力等綜合素質。項目小組的協(xié)作學習主要包括課前、課后和課中三個階段。

（三）構建知識體系的線索是真實、復雜的項目

學生需要構建需要完成完整、復雜、真實項目或任務的知識體系，同時意識到已有的知識結構和技能的作用，尋求建立新的知識體系的方法。教師引導學生完成知識體系的建設并答疑解惑。

（四）最終的教學目標是搭建完整的職業(yè)能力

項目小組通過自主學習完成完整、真實的項目，可以掌握完成項目的相關知識的學習和技能的鍛煉，最終目標是完成就業(yè)崗位的職業(yè)能力培養(yǎng)，從而學生畢業(yè)后能夠充分適應崗位的需求。

■具體課堂教學實踐

本課程教學內容包括網(wǎng)頁草圖繪制、效果圖繪制、DIV+CSS制作網(wǎng)頁、網(wǎng)站發(fā)布四大模塊。網(wǎng)頁設計與制作課程重點是掌握使用DIV搭建網(wǎng)頁框架的方法和技巧；掌握使用CSS美化網(wǎng)頁的方法和技巧；課程難點是了解客戶需求與網(wǎng)頁設計的關系，力求用戶界面友好美觀；了解網(wǎng)頁不自由流暢的原因，熟悉信息的組織及網(wǎng)站的風格。教學活動實施時，以小組為單位，每個小組三個同學，每個小組一個項目，分工協(xié)作完成該項目。開展教學活動時，小組成員圍坐在圓形電腦桌周圍，便于展開小組討論。

■具體組織實施步驟

（一）教學設計

項目教學設計流程由選擇項目、確立項目、實施項目、展示項目和評價項目四個階段組成。

1.選擇項目

實施項目教學法時選擇與設計項目非常重要，教學活動以項目為核心開展，項目的優(yōu)劣直接影響項目教學的質量。選擇項目時應注意以下幾個方面：

第一，項目類型的確定。教師依據(jù)項目教學的現(xiàn)實條件和實施條件、專業(yè)性質、學生已積累的相關知識的認知情況和學習能力確定單項項目或綜合項目；

第二，項目開展流程。教師分析項目開展的邏輯順序、項目與工作任務的對接模式，根據(jù)工作任務確定項目開展的順序，如從易到難的模式、并列式的任務模式、按工序流程模式等；

第三，重構知識點的邏輯順序。教師分析、分解項目，確定項目實施過程中涉及的知識點。重構知識點時要做到內容全面、突出重點，項目任務承載課程標準中的大部分內容，知識、技能與任務要有好的銜接。

2.確立項目

確立項目后，教師要準備項目教學的資源。主要包括項目實施的時間框架、資源配置、物質支持、教學計劃、教學方案和教學任務書等。

3.實施項目

教師利用現(xiàn)代教育技術，如微信公眾號、云課堂等教學平臺，項目小組自主協(xié)作學習。教師要考慮的是如何能激發(fā)學生的學習興趣，如何能促進師生、生生之間的交流，通過學生的反饋適當完善教學任務和激勵政策，引導學生按預期目標完成項目作品。

4.展示項目和項目評價

學生完成項目作品后，教師組織學生進行自評、互評、教師點評活動。教師給學生提供展示作品的機會，讓他們能夠自我分析、自我判斷，通過互評能夠取長補短。教師通過學生的自評和互評掌握學生項目的進展情況，對每組作品進行點評，促進學生的反思和提高。

（二）具體實施

1.選定項目

參考給出的20個行業(yè)，讓小組（3人/組）設計制作一個公司商務網(wǎng)站。通過網(wǎng)站展示企業(yè)風采、宣傳推廣產(chǎn)品、宣傳企業(yè)文化等。通過教師和學生的共同探討，每個小組確定了項目主題，例如貿易公司網(wǎng)站、抹茶小鎮(zhèn)網(wǎng)站、茶園網(wǎng)站、物流公司網(wǎng)站、房地產(chǎn)公司網(wǎng)站等。

通過以往學生作品的展示，學生相信并渴望制作出精美的網(wǎng)站的心情油然而生，但是對于設計網(wǎng)站的技術是陌生的。讓學生瀏覽與自己要設計的網(wǎng)站相關主題的優(yōu)秀網(wǎng)站，調動學生的學習積極性。

（1）通過網(wǎng)站原型分析，學習網(wǎng)頁設計、網(wǎng)頁布局、網(wǎng)頁色彩搭配基礎知識，形象深刻的認識網(wǎng)站。

（2）通過優(yōu)秀網(wǎng)站賞析，啟發(fā)學生的創(chuàng)新思維，每個小組確定網(wǎng)站的主題、風格和網(wǎng)站欄目。

（3）學習站點的創(chuàng)建與管理。

（4）搜集素材，掌握網(wǎng)頁元素文本、圖像、多媒體、超鏈接等處理。

（5）掌握使用div+css布局網(wǎng)頁、設計并制作網(wǎng)頁。

（6）掌握網(wǎng)頁特效的處理、域名的申請、網(wǎng)站的發(fā)布。

2.制定計劃

選定項目之后，為項目的實施制定具體可行的計劃，學生可以通過計劃掌握學習進度，根據(jù)實際情況實時調節(jié)計劃；教師根據(jù)計劃引導學生學習，根據(jù)學生反饋調節(jié)學習資源并及時評價。學生根據(jù)項目要求制定項目實施計劃表。

3.活動探究

首先，小組成員討論項目內容、需要搜集的資料以及所需工具和軟件；其次，小組進行分工，包括搜集資料任務、素材的編輯等任務；最后，小組成員共同討論確定網(wǎng)站的主題、風格，共同討論繪制出首頁效果圖。

教師引導學生掌握項目學習的流程，體會項目學習的重要性，通過即時的評價激發(fā)學生的學習熱情，通過測驗和反饋、豐富的學習資源、自評和互評增加學生的參與度，為后續(xù)的學習做準備。

■課堂評價

以小組為單位展示作品，介紹本小組的設計理念、網(wǎng)頁風格和網(wǎng)頁特色，總結本項目完成過程中遇到的問題和解決方案，和其他小組的同學交流學習心得、探討學習經(jīng)驗。通話小組間的互評，對項目的學習會有更深刻的認識和了解，促進學生更好地完成學習目標。根據(jù)小組的互評和教師的點評，修改作品，確保作品質量。

■教學反思

（一）項目資源的設計與制作

開發(fā)出項目化教學資源。網(wǎng)頁設計與制作課程項目化教學實施的前提是要搜集、整理和開發(fā)出適應項目化教學需要的電子課件、教案、微教學視頻等類型的素材。網(wǎng)站項目的選擇和設計是關鍵和重點，首先要建立建設網(wǎng)站的教學項目庫。項目庫的來源是真實的一些企業(yè)實際運作的項目，如農家樂旅游項目、特色農產(chǎn)品推廣項目等，這些需要加強同政府與企業(yè)的合作來達成。

（二）教師需要較高的專業(yè)水平和技術水平

項目化教學的資源庫建設對教師的專業(yè)知識和實踐能力有較高的要求，同時將全真項目融入教學環(huán)節(jié)需要教師具備駕馭項目的能力，這就要求教師不但要具備教學能力，而且還要具備項目操作能力。項目化教學使得教師能夠通過檢索資料、查閱文獻、思考創(chuàng)新、實際應用，逐步融入新領域、探索新問題、創(chuàng)新新觀點、研發(fā)新答案，完成項目化教學的開發(fā)、實施、總結、創(chuàng)新。

（三）微課資源的設計與制作

開發(fā)網(wǎng)頁設計與制作課程的微課資源，將網(wǎng)頁設計課程中的重點、難點設計制作成微課，主要采用錄屏和講解的方式，其設計要素包括前期分析、導學案、微視頻、學習活動、學習資源、學習評價等。