網(wǎng)頁(yè)設(shè)計(jì)與制作中任務(wù)驅(qū)動(dòng)法的實(shí)踐

前言：想要寫(xiě)出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁(yè)設(shè)計(jì)與制作中任務(wù)驅(qū)動(dòng)法的實(shí)踐范文，希望能給你帶來(lái)靈感和參考，敬請(qǐng)閱讀。

摘要：本文研究了如何利用任務(wù)驅(qū)動(dòng)教學(xué)法來(lái)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)，首先研究這種教學(xué)方法的特點(diǎn)，然后分析該方法應(yīng)用在網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)中的作用。最后，研究了教師如何使用這種方法，以及在運(yùn)用時(shí)的注意事項(xiàng)。

關(guān)鍵詞：網(wǎng)頁(yè)的設(shè)計(jì)和制作；任務(wù)驅(qū)動(dòng)教學(xué)；實(shí)踐方法；研究

引言

網(wǎng)頁(yè)設(shè)計(jì)與制作是一門(mén)課實(shí)踐有很大關(guān)系的科目，但是在目前的教學(xué)工作當(dāng)中，很多教師由于使用比較傳統(tǒng)的教學(xué)方法，并沒(méi)有獲得良好的效果，為此，可以利用任務(wù)驅(qū)動(dòng)教學(xué)法，讓學(xué)生獲得足夠的實(shí)踐。

一、任務(wù)驅(qū)動(dòng)教學(xué)法概述

（一）任務(wù)驅(qū)動(dòng)教學(xué)法的內(nèi)容

任務(wù)驅(qū)動(dòng)教學(xué)法強(qiáng)調(diào)在教學(xué)的過(guò)程中以一個(gè)任務(wù)作為整個(gè)教學(xué)工作的中心，學(xué)生在學(xué)習(xí)時(shí)會(huì)接受教師的幫助，圍繞解決問(wèn)題這個(gè)動(dòng)機(jī)來(lái)學(xué)習(xí)。這種教學(xué)方法對(duì)學(xué)習(xí)有很明顯的促進(jìn)作用，通過(guò)完成任務(wù)，教師也可以同時(shí)開(kāi)展合作學(xué)習(xí)。任務(wù)教學(xué)法的好處在于充分調(diào)動(dòng)了學(xué)生的自主性和積極性，讓學(xué)習(xí)有更強(qiáng)的實(shí)踐性，學(xué)生在學(xué)習(xí)的過(guò)程中不斷進(jìn)行著探索，在學(xué)習(xí)任務(wù)完成之后，學(xué)生會(huì)具有很強(qiáng)的成就感[1]。這樣，也有利于學(xué)生的學(xué)習(xí)能夠形成一個(gè)良性循環(huán)，在學(xué)習(xí)中學(xué)生會(huì)變得有更強(qiáng)的求知欲望，逐漸形成學(xué)習(xí)的自主性。

（二）任務(wù)驅(qū)動(dòng)教學(xué)法的應(yīng)用途徑

任務(wù)驅(qū)動(dòng)教學(xué)法大致會(huì)經(jīng)歷情境創(chuàng)設(shè)、明確問(wèn)題和任務(wù)、協(xié)作學(xué)習(xí)和自主學(xué)習(xí)、以及效果評(píng)價(jià)這四個(gè)環(huán)節(jié)。教師需要針對(duì)教學(xué)的內(nèi)容創(chuàng)設(shè)出相應(yīng)的情景，讓學(xué)生融入到教學(xué)情景當(dāng)中去，之后，就要給學(xué)生分配任務(wù)，讓學(xué)生來(lái)完成。完成任務(wù)的形式可以是自主學(xué)習(xí)或者是合作學(xué)習(xí)，根據(jù)任務(wù)的難以和任務(wù)量，教師要做好調(diào)節(jié)[2]。最后，教師需要根據(jù)學(xué)生的任務(wù)完成情況和學(xué)習(xí)成果給學(xué)生進(jìn)行評(píng)價(jià)，一方面通過(guò)正面評(píng)價(jià)來(lái)鼓勵(lì)學(xué)生，同時(shí)也能夠利用評(píng)價(jià)指出學(xué)生存在的不足。

（三）任務(wù)驅(qū)動(dòng)教學(xué)法的特點(diǎn)

任務(wù)驅(qū)動(dòng)教學(xué)法是一種以學(xué)生為主體的教學(xué)方法，在學(xué)習(xí)的過(guò)程中，學(xué)生會(huì)一邊完成任務(wù)一邊進(jìn)行學(xué)習(xí)。這樣的學(xué)習(xí)模式具有很強(qiáng)的創(chuàng)新型，而且對(duì)激發(fā)學(xué)生的學(xué)習(xí)興趣也有很大的幫助，也能夠讓學(xué)生和其他人合作，鍛煉學(xué)生的合作能力。

二、網(wǎng)頁(yè)的設(shè)計(jì)與制作和任務(wù)驅(qū)動(dòng)教學(xué)方法

（一）網(wǎng)頁(yè)設(shè)計(jì)與制作的教學(xué)目標(biāo)和定位

網(wǎng)頁(yè)設(shè)計(jì)與制作的課程主要目標(biāo)是為了鍛煉學(xué)生的網(wǎng)站建設(shè)開(kāi)發(fā)能力，以及他們的多媒體應(yīng)用能力。課程會(huì)教會(huì)學(xué)生如何利用Dreamweaver軟件，進(jìn)行圖像處理，以及學(xué)習(xí)HT⁃ML-CSS-JavaScript進(jìn)行網(wǎng)頁(yè)的編程。通過(guò)學(xué)習(xí)，學(xué)生將會(huì)形成網(wǎng)站規(guī)劃和維護(hù)的能力，并且能夠?qū)π畔⑦M(jìn)行加工和，讓學(xué)生具備足夠的動(dòng)手能力。除了針對(duì)網(wǎng)頁(yè)設(shè)計(jì)和制作相關(guān)的內(nèi)容，這門(mén)課程也需要學(xué)生能夠通過(guò)實(shí)踐操作逐漸形成對(duì)客戶(hù)需要判斷，學(xué)會(huì)和客戶(hù)的交流，從而設(shè)計(jì)出合適的網(wǎng)頁(yè)。并且，目前的工作當(dāng)中，很多網(wǎng)頁(yè)制作和設(shè)計(jì)任務(wù)都是在團(tuán)隊(duì)協(xié)作中完成的，所以課程的教學(xué)也需要讓學(xué)生能夠形成團(tuán)隊(duì)協(xié)作的能力[3]。最后，由于網(wǎng)頁(yè)的技術(shù)更新很快，每年都會(huì)有全新風(fēng)格和潮流，為此學(xué)生同樣需要具備自主學(xué)習(xí)能力，以便能夠在工作中跟上時(shí)代的需要。

（二）傳統(tǒng)教學(xué)在網(wǎng)頁(yè)設(shè)計(jì)和制作課程上的不足

在傳統(tǒng)的教學(xué)模式之下，老師會(huì)按照教材的順序進(jìn)行知識(shí)點(diǎn)的講解，教會(huì)學(xué)生軟件功能的使用方法以及相關(guān)編程語(yǔ)言的作用。之后，會(huì)布置作業(yè)讓學(xué)生內(nèi)進(jìn)行練習(xí)，在完成一個(gè)階段的學(xué)習(xí)任務(wù)后，會(huì)有實(shí)例聯(lián)系。這種教學(xué)方法將不同單元的教學(xué)內(nèi)容都分解開(kāi)來(lái)，讓學(xué)生不容易構(gòu)建起連貫的知識(shí)系統(tǒng)。而且，很多學(xué)生在學(xué)習(xí)的過(guò)程中也缺少實(shí)踐，使得他們?cè)诶斫庵R(shí)的原理之后，也不容易應(yīng)用到實(shí)際當(dāng)中，而且隨著學(xué)習(xí)的深入，學(xué)生往往也會(huì)忘記前面的內(nèi)容[4]。所以，傳統(tǒng)的教學(xué)模式下，學(xué)生并不能很好的掌握網(wǎng)頁(yè)設(shè)計(jì)和制作相關(guān)的知識(shí)，而且缺少對(duì)知識(shí)的深刻理解也很容易在學(xué)習(xí)中失去興趣。

（三）使用任務(wù)驅(qū)動(dòng)教學(xué)法的有點(diǎn)

從網(wǎng)頁(yè)設(shè)計(jì)與制作這門(mén)課程教學(xué)目標(biāo)就能夠發(fā)現(xiàn)，課程和實(shí)踐是密切相關(guān)的，所以學(xué)習(xí)必須要伴隨著大量的實(shí)踐，才能夠獲得良好的學(xué)習(xí)效果。而任務(wù)驅(qū)動(dòng)教學(xué)法則一直在鍛煉學(xué)生的實(shí)踐能力，學(xué)生在學(xué)習(xí)每個(gè)知識(shí)點(diǎn)的時(shí)候都需要他們真正使用全新的知識(shí)，既有利于他們實(shí)踐能力的提高，也有利于學(xué)生對(duì)知識(shí)的掌握。而且，在完成任務(wù)的過(guò)程中，學(xué)生要和其他同學(xué)協(xié)作完成很多任務(wù)，學(xué)生的團(tuán)隊(duì)合作能力也會(huì)得到鍛煉。在不斷的探索當(dāng)中，學(xué)生會(huì)形成很強(qiáng)的自主學(xué)習(xí)能力，對(duì)學(xué)生未來(lái)的發(fā)展有重要的影響。

三、網(wǎng)頁(yè)設(shè)計(jì)與制作使用任務(wù)驅(qū)動(dòng)教學(xué)法的方法

（一）情景的創(chuàng)設(shè)

為了能夠讓學(xué)生投入到學(xué)習(xí)當(dāng)中，教師需要針對(duì)課程的內(nèi)容，情景常設(shè)。比如可以在課堂上舉一些具有特性的網(wǎng)站例子，然后讓學(xué)生將這個(gè)網(wǎng)站作為他們的學(xué)習(xí)范本，激發(fā)他們的學(xué)習(xí)興趣[5]。然后結(jié)合單元和本節(jié)課的學(xué)習(xí)內(nèi)容，布置任務(wù)，促進(jìn)學(xué)生的學(xué)習(xí)。在開(kāi)始任務(wù)之前，要和學(xué)生分析網(wǎng)頁(yè)的設(shè)計(jì)方法和思路，研究各種設(shè)計(jì)的原因以及所使用的技術(shù)，拓展學(xué)生的視野，然后在領(lǐng)導(dǎo)學(xué)生進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)和制作。比如，教師可以利用實(shí)例來(lái)給學(xué)生講解庫(kù)、圖層、模板、CSS樣式等方面的內(nèi)容，并且對(duì)相關(guān)的技術(shù)進(jìn)行深入的分析，讓學(xué)生主動(dòng)參與到學(xué)習(xí)當(dāng)中。

（二）研究問(wèn)題和分析任務(wù)

在教師提出任務(wù)和問(wèn)題之后，就要給學(xué)生思考、分析和討論的時(shí)間，教師需要想辦法把學(xué)生的思維調(diào)動(dòng)起來(lái)，而不是急于完成教學(xué)任務(wù)。所提出的任務(wù)需要兼顧鞏固舊知識(shí)和學(xué)習(xí)新知識(shí)的需要，讓學(xué)生能夠把舊知識(shí)和新知識(shí)之間聯(lián)系起來(lái)，形成完整的知識(shí)系統(tǒng)[6]。同時(shí)，教師也需要激發(fā)學(xué)生的想象力，例如在講解CSS樣式時(shí)，可以把某個(gè)網(wǎng)站的文字效果展示給學(xué)生，讓學(xué)生把這種文字效果和學(xué)過(guò)的知識(shí)進(jìn)行對(duì)比，然后讓學(xué)生研究這些效果都是如何實(shí)現(xiàn)的。為了讓學(xué)生能深入的思考，教師在教學(xué)的時(shí)候只要進(jìn)行相關(guān)的引導(dǎo)工作，而不是直接給出答案，這樣才能讓學(xué)生深刻地分析問(wèn)題，并且加深對(duì)學(xué)習(xí)任務(wù)的理解。

（三）引導(dǎo)學(xué)生完成任務(wù)

在經(jīng)過(guò)討論和研究之后，學(xué)生一般也形成了解決問(wèn)題的思路和方法，教師在此時(shí)需要給學(xué)生機(jī)會(huì)讓他們把自己的想法落實(shí)。在這個(gè)過(guò)程中，一些學(xué)生可能會(huì)向教師提出提問(wèn)和求助，但教師不能簡(jiǎn)單地告訴學(xué)生答案，而是應(yīng)該在思路上引導(dǎo)學(xué)生。教師需要引導(dǎo)學(xué)生更多的使用全新的技術(shù)，這樣才能夠讓他們?cè)谕瓿蓪W(xué)習(xí)任務(wù)的同時(shí)也能夠掌握好知識(shí)[7]。為了激發(fā)學(xué)生的學(xué)習(xí)興趣，教師可以讓學(xué)生個(gè)性化的進(jìn)行網(wǎng)頁(yè)的設(shè)計(jì)，并且鼓勵(lì)學(xué)生突破刻板的要求，嘗試全新的方法。完成任務(wù)的過(guò)程并不是僅僅依靠書(shū)本知識(shí)，也需要讓學(xué)生在完成任務(wù)的過(guò)程中搜索相關(guān)資料，比如分析一個(gè)公司的網(wǎng)頁(yè)設(shè)計(jì)思路，然后再根據(jù)自己的喜好進(jìn)行嘗試等等。教師需要注意到學(xué)生的個(gè)體差異，做好分組，才能夠讓學(xué)生對(duì)知識(shí)有更好的把握。

（四）評(píng)價(jià)反饋工作

評(píng)價(jià)反饋工作是任務(wù)驅(qū)動(dòng)教學(xué)法的關(guān)鍵環(huán)節(jié)，教師需要對(duì)這個(gè)環(huán)節(jié)予以足夠的重視，通過(guò)鼓勵(lì)和指出缺點(diǎn)讓學(xué)生對(duì)學(xué)習(xí)有更高的興趣，并且提高學(xué)生的學(xué)習(xí)水平。為此，教師要考慮到學(xué)生個(gè)性化的需求，指出學(xué)生存在的缺點(diǎn)，并且在評(píng)價(jià)的過(guò)程中和學(xué)生進(jìn)行交流，研究如何針對(duì)這些優(yōu)點(diǎn)來(lái)做出優(yōu)化。教師也可以對(duì)學(xué)生的作品進(jìn)行展示，讓其他的同學(xué)也參與到評(píng)價(jià)的工作當(dāng)中，這樣就能讓學(xué)生能夠?qū)Υ诵纬扇娴恼J(rèn)識(shí)。同時(shí)，教師要在評(píng)價(jià)的過(guò)程中指出學(xué)生在設(shè)計(jì)上的優(yōu)點(diǎn)和亮點(diǎn)，尤其是對(duì)一些思路比較獨(dú)特的學(xué)生予以贊賞，這樣也能夠讓學(xué)生提高他們的個(gè)人理解能力，并且更敢于對(duì)網(wǎng)頁(yè)設(shè)計(jì)進(jìn)行創(chuàng)新。評(píng)級(jí)工作不僅僅要針對(duì)學(xué)生完成作品情況，也需要評(píng)價(jià)學(xué)生的工作過(guò)程，幫助學(xué)生優(yōu)化他們的工作流程，提高網(wǎng)頁(yè)的制作效率。

四、運(yùn)用任務(wù)驅(qū)動(dòng)教學(xué)法注意事項(xiàng)

（一）充分利用網(wǎng)絡(luò)完成教學(xué)

由于教學(xué)工作適合網(wǎng)絡(luò)有關(guān)的，所以教學(xué)工作需要充分利用網(wǎng)絡(luò)。為此，教學(xué)過(guò)程中教師需要在網(wǎng)上搜索素材，同時(shí)也允許學(xué)生在完成的任務(wù)過(guò)程中從網(wǎng)上獲取素材。但是，必須要避免學(xué)生抄襲的情況，為此教師可以讓學(xué)生在展示時(shí)把借鑒的網(wǎng)站也列舉出來(lái)，克制學(xué)生抄襲的行為，使學(xué)生的設(shè)計(jì)能力得到鍛煉。

（二）做好分組工作

為了讓任務(wù)驅(qū)動(dòng)教學(xué)法得到充分的應(yīng)用，教師需要設(shè)置好分組，才能夠讓教學(xué)有獲得合適的效果。比如，需要考慮到學(xué)生的性格問(wèn)題，減少他們?cè)趯W(xué)習(xí)過(guò)程中的沖突，讓討論研究可以在是順利的環(huán)境下進(jìn)行。比如在制作個(gè)人博客的時(shí)候，根據(jù)難度可以將班級(jí)的學(xué)生分成四人一組，讓學(xué)生分組討論，分析網(wǎng)頁(yè)的布局，研究在這種布局下要使用怎樣的CSS控件；將博客網(wǎng)頁(yè)的內(nèi)容分解成不同的模塊，并且研究不同頁(yè)面和結(jié)構(gòu)之間又怎樣的關(guān)系，最后確定網(wǎng)頁(yè)中的動(dòng)畫(huà)等元素。學(xué)生需要做好分工，最初，教師可以明確小組內(nèi)不同的任務(wù)內(nèi)容，隨著課程的深入，再允許學(xué)生根據(jù)組員的情況進(jìn)行靈活調(diào)整[8]。比如可以將資料的收集工作分為收集網(wǎng)頁(yè)素材和訪問(wèn)素材兩個(gè)工作內(nèi)容，由不同的人員負(fù)責(zé)，然后組員也需要和其他的小組交流，避免出現(xiàn)雷同的情況。

（三）做好課后總結(jié)

在完成對(duì)所有學(xué)生作品的評(píng)價(jià)工作之后，教師也要做好學(xué)生學(xué)習(xí)情況的總結(jié)工作，分析學(xué)生在完成任務(wù)的過(guò)程中，那些知識(shí)點(diǎn)被充分利用，而那些知識(shí)并沒(méi)有得到學(xué)生的使用。由此可以研究學(xué)生對(duì)知識(shí)的掌握情況，在今后的課程中，教師也能針對(duì)學(xué)生的薄弱點(diǎn)重點(diǎn)講解，并且不止相應(yīng)的學(xué)習(xí)任務(wù)，讓學(xué)生得到對(duì)應(yīng)的訓(xùn)練。

五、結(jié)語(yǔ)

網(wǎng)頁(yè)設(shè)計(jì)和制作是一項(xiàng)和實(shí)踐有著很大關(guān)系的課程，為了取得良好的教學(xué)效果，需要使用任務(wù)驅(qū)動(dòng)教學(xué)法。在教學(xué)的過(guò)程中，教師需要利用其它網(wǎng)站設(shè)計(jì)的是例子來(lái)創(chuàng)設(shè)教學(xué)情景，并且充分利用網(wǎng)絡(luò)進(jìn)行教學(xué)。另一方面，教學(xué)工作需要給學(xué)生足夠的自主性，為此，教師需要給學(xué)生足夠的空間去討論和思考，還要鼓勵(lì)學(xué)生設(shè)計(jì)出自己個(gè)性的網(wǎng)頁(yè)，提高學(xué)生的設(shè)計(jì)水平。最后，教師要做好對(duì)學(xué)生作品的評(píng)價(jià)工作，并且在評(píng)價(jià)之后對(duì)學(xué)生的薄弱點(diǎn)做好總結(jié)，在未來(lái)的教學(xué)工作中加強(qiáng)講解和訓(xùn)練。

參考文獻(xiàn)：

[1]劉星海.《網(wǎng)頁(yè)設(shè)計(jì)與制作》中任務(wù)驅(qū)動(dòng)教學(xué)法的實(shí)踐與研究[J].才智,2017（10）.

[2]丁海燕,袁國(guó)武,林玲.網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)實(shí)踐研究[J].實(shí)驗(yàn)科學(xué)與技術(shù),2015,13（02）.

[3]董賀偉.網(wǎng)頁(yè)制作教學(xué)中任務(wù)教學(xué)法的應(yīng)用實(shí)踐探微[J].電腦知識(shí)與技術(shù),2015,11（29）.

作者：譚琦 單位：四川工業(yè)科技學(xué)院