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

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

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

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

引言

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

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

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

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

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

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

（三）任務(wù)驅(qū)動教學(xué)法的特點

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

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

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

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

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

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

（三）使用任務(wù)驅(qū)動教學(xué)法的有點

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

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

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

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

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

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

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

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

（四）評價反饋工作

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

四、運用任務(wù)驅(qū)動教學(xué)法注意事項

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

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

（二）做好分組工作

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

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

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

五、結(jié)語

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

參考文獻：

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

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

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

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