網頁設計與制作中任務驅動法的實踐

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

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

關鍵詞：網頁的設計和制作；任務驅動教學；實踐方法；研究

引言

網頁設計與制作是一門課實踐有很大關系的科目，但是在目前的教學工作當中，很多教師由于使用比較傳統的教學方法，并沒有獲得良好的效果，為此，可以利用任務驅動教學法，讓學生獲得足夠的實踐。

一、任務驅動教學法概述

（一）任務驅動教學法的內容

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

（二）任務驅動教學法的應用途徑

任務驅動教學法大致會經歷情境創設、明確問題和任務、協作學習和自主學習、以及效果評價這四個環節。教師需要針對教學的內容創設出相應的情景，讓學生融入到教學情景當中去，之后，就要給學生分配任務，讓學生來完成。完成任務的形式可以是自主學習或者是合作學習，根據任務的難以和任務量，教師要做好調節[2]。最后，教師需要根據學生的任務完成情況和學習成果給學生進行評價，一方面通過正面評價來鼓勵學生，同時也能夠利用評價指出學生存在的不足。

（三）任務驅動教學法的特點

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

二、網頁的設計與制作和任務驅動教學方法

（一）網頁設計與制作的教學目標和定位

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

（二）傳統教學在網頁設計和制作課程上的不足

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

（三）使用任務驅動教學法的有點

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

三、網頁設計與制作使用任務驅動教學法的方法

（一）情景的創設

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

（二）研究問題和分析任務

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

（三）引導學生完成任務

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

（四）評價反饋工作

評價反饋工作是任務驅動教學法的關鍵環節，教師需要對這個環節予以足夠的重視，通過鼓勵和指出缺點讓學生對學習有更高的興趣，并且提高學生的學習水平。為此，教師要考慮到學生個性化的需求，指出學生存在的缺點，并且在評價的過程中和學生進行交流，研究如何針對這些優點來做出優化。教師也可以對學生的作品進行展示，讓其他的同學也參與到評價的工作當中，這樣就能讓學生能夠對此形成全面的認識。同時，教師要在評價的過程中指出學生在設計上的優點和亮點，尤其是對一些思路比較獨特的學生予以贊賞，這樣也能夠讓學生提高他們的個人理解能力，并且更敢于對網頁設計進行創新。評級工作不僅僅要針對學生完成作品情況，也需要評價學生的工作過程，幫助學生優化他們的工作流程，提高網頁的制作效率。

四、運用任務驅動教學法注意事項

（一）充分利用網絡完成教學

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

（二）做好分組工作

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

（三）做好課后總結

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

五、結語

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

參考文獻：

[1]劉星海.《網頁設計與制作》中任務驅動教學法的實踐與研究[J].才智,2017（10）.

[2]丁海燕,袁國武,林玲.網頁設計與制作教學實踐研究[J].實驗科學與技術,2015,13（02）.

[3]董賀偉.網頁制作教學中任務教學法的應用實踐探微[J].電腦知識與技術,2015,11（29）.

作者：譚琦 單位：四川工業科技學院