“任務(wù)驅(qū)動五步教學(xué)法”在網(wǎng)頁設(shè)計(jì)與制作中的應(yīng)用

胡萍

摘要：網(wǎng)頁設(shè)計(jì)與制作是中職電子商務(wù)專業(yè)的核心課程，是一門操作性很強(qiáng)的課程。該文采用以任務(wù)驅(qū)動五步教學(xué)法實(shí)施課堂教學(xué)，并結(jié)合課例介紹了該教學(xué)法在網(wǎng)頁設(shè)計(jì)與制作教學(xué)中的應(yīng)用。教學(xué)實(shí)踐表明，該教學(xué)法可以提高學(xué)生的分析、解決問題的能力以及動手操作水平，有效提升教學(xué)效果，并可以為其他類似技能操作課程的教學(xué)改革實(shí)踐提供借鑒。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)與制作;任務(wù)驅(qū)動五步教學(xué)法;電子商務(wù)專業(yè)

中圖分類號：G642 文獻(xiàn)標(biāo)識碼：A

文章編號：1009-3044（2020）03-0230-02

1 問題的提出

網(wǎng)頁設(shè)計(jì)與制作是中職電子商務(wù)專業(yè)的核心課程，在培養(yǎng)電子商務(wù)專業(yè)人才中發(fā)揮著重要作用。根據(jù)我校實(shí)際情況，中職電子商務(wù)專業(yè)大部分學(xué)生有升入高職院校學(xué)習(xí)的需求，網(wǎng)頁設(shè)計(jì)與制作作為浙江省電子商務(wù)專業(yè)高考技能選拔考試科目之一，此科目占技能考試分值比例為42%，因此占有重要地位。中職電子商務(wù)專業(yè)學(xué)生思維敏捷，學(xué)習(xí)接受能力較強(qiáng)，但是普遍存在著學(xué)習(xí)目標(biāo)不明確，缺乏自信，學(xué)習(xí)興趣不濃等不良現(xiàn)象。原來的傳統(tǒng)教學(xué)方法是先老師演示講解后學(xué)生機(jī)械式訓(xùn)練，造成學(xué)生被動的學(xué)習(xí)，在一定程度上抑制了學(xué)生的學(xué)習(xí)主動性和創(chuàng)造性，使課堂教學(xué)效率欠佳。抓住了問題，才能明確教學(xué)的方向。這就向教師提出了新的挑戰(zhàn)，在網(wǎng)頁設(shè)計(jì)與制作教學(xué)中，如何讓學(xué)生主動學(xué)習(xí)，采用有針對性的教學(xué)方法增強(qiáng)學(xué)生學(xué)習(xí)興趣，培養(yǎng)學(xué)生分析問題解決問題的能力，讓學(xué)生有學(xué)習(xí)的獲得感，從而全面提高學(xué)生的綜合素養(yǎng)。

2 任務(wù)驅(qū)動五步教學(xué)法

“任務(wù)驅(qū)動五步教學(xué)法”是建立在建構(gòu)主義理論基礎(chǔ)上的一種教學(xué)方法，是教師根據(jù)學(xué)習(xí)內(nèi)容設(shè)計(jì)隱含所要學(xué)習(xí)新知識的任務(wù)，學(xué)生圍繞任務(wù)進(jìn)行分析、討論展開學(xué)習(xí)，在教師的指導(dǎo)、幫助下通過任務(wù)的完成而實(shí)現(xiàn)對所學(xué)知識的意義建構(gòu)，在教學(xué)過程中通過五步“導(dǎo)——疑——學(xué)——評——拓”實(shí)施教學(xué)。

在設(shè)計(jì)任務(wù)時(shí)，以學(xué)生為中心，注重任務(wù)設(shè)計(jì)內(nèi)容吸引學(xué)生，注意任務(wù)中知識點(diǎn)的連貫性與遞進(jìn)性，使學(xué)生在完成任務(wù)過程即鞏固舊知識又學(xué)會新知識，逐步提高，使學(xué)生通過一個個任務(wù)的完成最終實(shí)現(xiàn)教學(xué)目標(biāo)，從而形成一個系統(tǒng)的知識建構(gòu)。

3“任務(wù)驅(qū)動五步教學(xué)法”的實(shí)踐應(yīng)用

網(wǎng)頁設(shè)計(jì)與制作課程主要以學(xué)會網(wǎng)站的設(shè)計(jì)與制作為總目標(biāo)，以“案例驅(qū)動”的形式學(xué)習(xí)Dreamweaver軟件的主要功能與使用技巧，并能運(yùn)用軟件進(jìn)行網(wǎng)站的設(shè)計(jì)制作。傳統(tǒng)教學(xué)中以“案例驅(qū)動”教學(xué)，學(xué)生掌握知識零散，缺乏知識的系統(tǒng)性。結(jié)合自己多年的思考和教學(xué)實(shí)踐積累，在傳統(tǒng)教學(xué)的基礎(chǔ)上進(jìn)行改進(jìn)，逐漸形成以“任務(wù)驅(qū)動五步教學(xué)法”在網(wǎng)頁設(shè)計(jì)與制作中應(yīng)用。通過設(shè)計(jì)一個系統(tǒng)的任務(wù)——電子商務(wù)網(wǎng)站制作，各個子任務(wù)只要一結(jié)合就能形成一個完整的系統(tǒng)的任務(wù)，其中為了完成這個系統(tǒng)的任務(wù)需要涉及很多知識。“任務(wù)驅(qū)動五步教學(xué)法”操作流程如下：

（1）導(dǎo)——激趣樂學(xué)

根據(jù)網(wǎng)頁設(shè)計(jì)與制作課程內(nèi)容并結(jié)合電子商務(wù)專業(yè)特點(diǎn)，教師運(yùn)用各種形式創(chuàng)設(shè)“制作電子商務(wù)網(wǎng)站”主題的學(xué)習(xí)情境，設(shè)計(jì)接近真實(shí)性情景的學(xué)習(xí)任務(wù)引導(dǎo)學(xué)生帶著“任務(wù)”進(jìn)入學(xué)習(xí)，從而更加直觀、有效地激發(fā)學(xué)生的學(xué)習(xí)興趣。

如：在《表單應(yīng)用》教學(xué)過程中，教學(xué)情境：電子商務(wù)公司制作網(wǎng)站項(xiàng)目開發(fā)并要求我校電子商務(wù)專業(yè)學(xué)生一起參與，在教學(xué)中教師通過展示家喻戶曉的電子商務(wù)網(wǎng)頁如淘寶、京東等各類登錄頁面，引導(dǎo)學(xué)生通過觀察欣賞品牌網(wǎng)頁，并布置本節(jié)課學(xué)習(xí)完成網(wǎng)頁制作任務(wù)。教師設(shè)計(jì)電子商務(wù)專業(yè)實(shí)用性任務(wù)——“易趣網(wǎng)購網(wǎng)站登錄網(wǎng)頁”制作，創(chuàng)設(shè)情景學(xué)習(xí)“表單應(yīng)用”。

（2）疑——先觀后思

在創(chuàng)設(shè)的情境中，教師進(jìn)一步引導(dǎo)學(xué)生“觀察——回顧——思考”提出有梯度的若干個與學(xué)習(xí)主題密切相關(guān)的實(shí)際問題，針對不同的問題分解出對應(yīng)的知識，使學(xué)生能更主動的激活原有的知識來理解當(dāng)前的實(shí)際問題，通過問題的解決來建構(gòu)知識，激發(fā)學(xué)生的探究學(xué)習(xí)興趣，取得預(yù)期效果。

如：在《表單應(yīng)用》教學(xué)過程中，要解決“易趣網(wǎng)購網(wǎng)站登錄網(wǎng)頁”的制作，教師需要引導(dǎo)學(xué)生先觀察網(wǎng)頁樣稿汲取亮點(diǎn)，分析網(wǎng)頁有哪些元素組成及效果，再回顧已掌握的知識，最后明確新的學(xué)習(xí)內(nèi)容，逐步掌握，使學(xué)生有興趣有信心解決問題，提高探究學(xué)習(xí)能力。

以下是教學(xué)中出現(xiàn)由“淺——深”的問題及相應(yīng)的知識：

（3）學(xué)——沖關(guān)大吉

經(jīng)過提問質(zhì)疑，任務(wù)分解后，教師調(diào)動學(xué)生通過“四動”——動手、動眼、動嘴、動腦，主動的去獲取知識，積極分析、解決問題直至完成任務(wù)，讓學(xué)生獲得成就感、增強(qiáng)自信心。在“學(xué)”階段中，老師引導(dǎo)學(xué)生如何去解決面臨的問題，向?qū)W生提供解決該問題的有關(guān)線索，如學(xué)生自主學(xué)習(xí)教材內(nèi)容，觀看老師課前自制微視頻及學(xué)習(xí)資料，通過網(wǎng)絡(luò)查看相關(guān)信息資料。學(xué)生在老師的指導(dǎo)下與交流中，自主探究學(xué)習(xí)，逐步學(xué)會學(xué)習(xí)。同時(shí)，鼓勵學(xué)生之間討論交流，通過學(xué)生之間不同觀點(diǎn)的碰撞，修正、完善當(dāng)前問題的解決方案。

如：在《表單應(yīng)用》教學(xué)過程中，激發(fā)學(xué)生主動完成任務(wù)——“易趣網(wǎng)購網(wǎng)站登錄網(wǎng)頁”，首先學(xué)生自學(xué)教材中“登錄頁面包含主要元素有哪些？”，接著通過自制微視頻學(xué)習(xí)“如何使用插入表格布局？如何插入圖片、表單、表單域等元素創(chuàng)建登錄頁面？”，最后討論交流操作技巧，小組合作探究：1.插入表格布局網(wǎng)頁;2.在單元格中插入相應(yīng)元素并設(shè)置屬性調(diào)整;3.保存預(yù)覽;4.再修改整體頁面，學(xué)生參照對比自己制作的效果圖，互相交流如何修改調(diào)整數(shù)值來完成最終效果制作。

（4）評——對標(biāo)找差

通過任務(wù)完成后，學(xué)生已經(jīng)掌握了新知識，為了讓學(xué)生對自己的學(xué)習(xí)效果有正確的評價(jià)，教師開展作品評比活動，增強(qiáng)學(xué)生的競爭意識與學(xué)習(xí)獲得感。作品展示過程：先自我推薦，再組內(nèi)互評作品，最后把小組優(yōu)秀作品推薦到班級評比及展示，由教師、小組代表打分評比出最佳作品。其中教師結(jié)合知識點(diǎn)綜合點(diǎn)評作品進(jìn)行鞏固，布置拓展任務(wù)，提升學(xué)生學(xué)習(xí)能力，起到舉一反三的功效。

如：在《表單應(yīng)用》教學(xué)過程中，學(xué)生完成“易趣網(wǎng)購網(wǎng)站登錄網(wǎng)頁”制作，按評價(jià)標(biāo)準(zhǔn)細(xì)則要求先自評，后組評，通過評比后展示各小組的優(yōu)秀作品，最后教師從四個方面對比各組代表作品并指出亮點(diǎn)與不足，回顧學(xué)習(xí)知識內(nèi)容，提出新要求鼓勵學(xué)生進(jìn)一步提升操作能力，更能收獲成功的喜悅。

（5）拓——轉(zhuǎn)身蛻變

通過師生、生生間對作品的展示交流后，學(xué)生對自己的學(xué)習(xí)成果有了正確的評價(jià)，為了進(jìn)一步鞏固提升學(xué)生的操作能力，教師鼓勵引導(dǎo)學(xué)生進(jìn)一步完成拓展任務(wù)。拓展任務(wù)基于并高于課例任務(wù)，提高學(xué)生綜合能力，拓展學(xué)生的思維、能力與素養(yǎng)。通過拓展任務(wù)的提升訓(xùn)練，學(xué)生增加了學(xué)習(xí)興趣，找到了學(xué)習(xí)方法，增強(qiáng)了學(xué)習(xí)自信心。在課堂實(shí)踐中，不斷涌現(xiàn)出操作技能突出的優(yōu)秀學(xué)生，有效地提高了學(xué)生的操作技能。

如：在《表單應(yīng)用》教學(xué)過程中，完成先前任務(wù)，調(diào)動了學(xué)生的自主學(xué)習(xí)積極性，趁熱打鐵進(jìn)一步布置拓展任務(wù)制作注冊頁面。通過制作注冊頁面，學(xué)生能進(jìn)一步使用表格布局頁面，插入圖片、表單對象等元素創(chuàng)建網(wǎng)頁，提升了學(xué)生的自主學(xué)習(xí)、合作探究的能力。

4“任務(wù)驅(qū)動五步教學(xué)法”的成效

（1）提升了學(xué)生學(xué)習(xí)興趣和操作能力

“任務(wù)驅(qū)動五步教學(xué)法”強(qiáng)調(diào)學(xué)生自主學(xué)習(xí)，嘗試讓學(xué)生占用課堂大部分時(shí)間。學(xué)生通過完成來源于學(xué)習(xí)或生活的真實(shí)性任務(wù)獲得知識技能，帶著好奇心與求知欲進(jìn)入課堂，更能明確知識的實(shí)用性。而且學(xué)生在自主學(xué)習(xí)完成任務(wù)過程中不斷體會到自行解決問題后的成功愉悅心情，這在傳統(tǒng)教學(xué)中是體會不到的。在該教學(xué)法指導(dǎo)下，教師引導(dǎo)學(xué)生學(xué)會探究思維的學(xué)習(xí)方法，大大提升了學(xué)生學(xué)習(xí)興趣和操作能力。

（2）提高了網(wǎng)頁設(shè)計(jì)與制作的課堂效率

網(wǎng)頁設(shè)計(jì)與制作課堂教學(xué)運(yùn)用任務(wù)驅(qū)動五步教學(xué)法，符合中職電子商務(wù)專業(yè)學(xué)生的學(xué)情，避免了傳統(tǒng)“填鴨式”的低效課堂。近年來我都任教高二、三的電子商務(wù)專業(yè)班級的網(wǎng)頁設(shè)計(jì)與制作科目，其中高三年級任教班級采用此教學(xué)法后高考技能成績提高明顯，高二年級任教的2017級電商1班、2班采用不同教學(xué)法實(shí)踐1學(xué)期，采用此教學(xué)法的電商2班期中平均分成績高出12分，期末平均分成績高于電商1班20分。尤其在2019年我任教2017級電商2班的學(xué)生在參加浙江省中職學(xué)校“面向人人”電子商務(wù)技術(shù)賽項(xiàng)中網(wǎng)頁制作部分以滿分成績排在第一。實(shí)踐證明“任務(wù)驅(qū)動五步教學(xué)法”在課堂中的應(yīng)用促進(jìn)了師生的共同進(jìn)步，教學(xué)相長，提高了課堂效率。

（3）促進(jìn)了教師的教學(xué)能力提高

“任務(wù)驅(qū)動五步教學(xué)法”中任務(wù)設(shè)計(jì)需要教師精心準(zhǔn)備，任務(wù)即包含教學(xué)內(nèi)容，又體現(xiàn)真實(shí)性和實(shí)用性，要能充分激發(fā)學(xué)生的學(xué)習(xí)動機(jī)。學(xué)生在自主學(xué)習(xí)中使用的自制微視頻和有關(guān)學(xué)習(xí)資料也要求教師課前準(zhǔn)備。教師既要備教材又要備學(xué)生，在課堂中組建小組團(tuán)隊(duì)，讓小組合作學(xué)習(xí)，共同進(jìn)步。因此，該教學(xué)法的應(yīng)用有效提高了教師教學(xué)能力。

5 結(jié)束語

通過在網(wǎng)頁設(shè)計(jì)與制作課堂教學(xué)中實(shí)施“任務(wù)驅(qū)動五步教學(xué)法”后，我校的中職電子商務(wù)專業(yè)學(xué)生學(xué)習(xí)目標(biāo)明確，興趣濃厚，課堂表現(xiàn)也更積極更活躍。

引入“任務(wù)驅(qū)動五步教學(xué)法”進(jìn)行技能教學(xué)效果不錯，但還存在一些問題需不斷實(shí)踐改進(jìn)，由于學(xué)生個體有差異使教學(xué)進(jìn)度不容易把握，今后需要采取措施既保證學(xué)習(xí)效果，又不影響進(jìn)度，切實(shí)提高學(xué)生的學(xué)習(xí)能力與教師的教育教學(xué)水平。

參考文獻(xiàn)：

[1]吳俊榮，基于行動導(dǎo)向的《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)設(shè)計(jì)研究[D].東北師范大學(xué)，2012.

[2]許巧丹.職業(yè)高中網(wǎng)頁制作課程翻轉(zhuǎn)課堂教學(xué)模式應(yīng)用研究[D].杭州：浙江工業(yè)大學(xué)，2016.

[3]劉霞.“任務(wù)驅(qū)動”教學(xué)法在網(wǎng)頁制作教學(xué)中的應(yīng)用與研究[D].呼和浩特：內(nèi)蒙古師范大學(xué)，2011.