陳畫（浙江農(nóng)業(yè)商貿(mào)職業(yè)學(xué)院）

■課程簡介

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

■選用項(xiàng)目教學(xué)法可行性分析

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

（一）教學(xué)組織形式是項(xiàng)目作品或項(xiàng)目任務(wù)

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

（二）項(xiàng)目活動(dòng)的主要形式是小組協(xié)作學(xué)習(xí)

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

（三）構(gòu)建知識(shí)體系的線索是真實(shí)、復(fù)雜的項(xiàng)目

學(xué)生需要構(gòu)建需要完成完整、復(fù)雜、真實(shí)項(xiàng)目或任務(wù)的知識(shí)體系，同時(shí)意識(shí)到已有的知識(shí)結(jié)構(gòu)和技能的作用，尋求建立新的知識(shí)體系的方法。教師引導(dǎo)學(xué)生完成知識(shí)體系的建設(shè)并答疑解惑。

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

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

■具體課堂教學(xué)實(shí)踐

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

■具體組織實(shí)施步驟

（一）教學(xué)設(shè)計(jì)

項(xiàng)目教學(xué)設(shè)計(jì)流程由選擇項(xiàng)目、確立項(xiàng)目、實(shí)施項(xiàng)目、展示項(xiàng)目和評價(jià)項(xiàng)目四個(gè)階段組成。

1.選擇項(xiàng)目

實(shí)施項(xiàng)目教學(xué)法時(shí)選擇與設(shè)計(jì)項(xiàng)目非常重要，教學(xué)活動(dòng)以項(xiàng)目為核心開展，項(xiàng)目的優(yōu)劣直接影響項(xiàng)目教學(xué)的質(zhì)量。選擇項(xiàng)目時(shí)應(yīng)注意以下幾個(gè)方面：

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

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

第三，重構(gòu)知識(shí)點(diǎn)的邏輯順序。教師分析、分解項(xiàng)目，確定項(xiàng)目實(shí)施過程中涉及的知識(shí)點(diǎn)。重構(gòu)知識(shí)點(diǎn)時(shí)要做到內(nèi)容全面、突出重點(diǎn)，項(xiàng)目任務(wù)承載課程標(biāo)準(zhǔn)中的大部分內(nèi)容，知識(shí)、技能與任務(wù)要有好的銜接。

2.確立項(xiàng)目

確立項(xiàng)目后，教師要準(zhǔn)備項(xiàng)目教學(xué)的資源。主要包括項(xiàng)目實(shí)施的時(shí)間框架、資源配置、物質(zhì)支持、教學(xué)計(jì)劃、教學(xué)方案和教學(xué)任務(wù)書等。

3.實(shí)施項(xiàng)目

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

4.展示項(xiàng)目和項(xiàng)目評價(jià)

學(xué)生完成項(xiàng)目作品后，教師組織學(xué)生進(jìn)行自評、互評、教師點(diǎn)評活動(dòng)。教師給學(xué)生提供展示作品的機(jī)會(huì)，讓他們能夠自我分析、自我判斷，通過互評能夠取長補(bǔ)短。教師通過學(xué)生的自評和互評掌握學(xué)生項(xiàng)目的進(jìn)展情況，對每組作品進(jìn)行點(diǎn)評，促進(jìn)學(xué)生的反思和提高。

（二）具體實(shí)施

1.選定項(xiàng)目

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

通過以往學(xué)生作品的展示，學(xué)生相信并渴望制作出精美的網(wǎng)站的心情油然而生，但是對于設(shè)計(jì)網(wǎng)站的技術(shù)是陌生的。讓學(xué)生瀏覽與自己要設(shè)計(jì)的網(wǎng)站相關(guān)主題的優(yōu)秀網(wǎng)站，調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性。

（1）通過網(wǎng)站原型分析，學(xué)習(xí)網(wǎng)頁設(shè)計(jì)、網(wǎng)頁布局、網(wǎng)頁色彩搭配基礎(chǔ)知識(shí)，形象深刻的認(rèn)識(shí)網(wǎng)站。

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

（3）學(xué)習(xí)站點(diǎn)的創(chuàng)建與管理。

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

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

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

2.制定計(jì)劃

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

3.活動(dòng)探究

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

教師引導(dǎo)學(xué)生掌握項(xiàng)目學(xué)習(xí)的流程，體會(huì)項(xiàng)目學(xué)習(xí)的重要性，通過即時(shí)的評價(jià)激發(fā)學(xué)生的學(xué)習(xí)熱情，通過測驗(yàn)和反饋、豐富的學(xué)習(xí)資源、自評和互評增加學(xué)生的參與度，為后續(xù)的學(xué)習(xí)做準(zhǔn)備。

■課堂評價(jià)

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

■教學(xué)反思

（一）項(xiàng)目資源的設(shè)計(jì)與制作

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

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

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

（三）微課資源的設(shè)計(jì)與制作

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