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

鄂晶晶 莊新妍

摘要：《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程是提高學(xué)生網(wǎng)站開(kāi)發(fā)能力的必修課之一，如何學(xué)好這門(mén)課程并能靈活的應(yīng)用是學(xué)生學(xué)習(xí)的重點(diǎn)和難點(diǎn)。教師在講授這門(mén)課程中使用任務(wù)驅(qū)動(dòng)教學(xué)法把創(chuàng)建網(wǎng)站分解成多個(gè)任務(wù)，再將每個(gè)任務(wù)分解成多個(gè)小任務(wù)，直到任務(wù)能執(zhí)行，這種教學(xué)法能收到更好的學(xué)習(xí)的效果。

關(guān)鍵詞：任務(wù)驅(qū)動(dòng)；網(wǎng)頁(yè)設(shè)計(jì)與制作；教學(xué)法的應(yīng)用

中圖分類(lèi)號(hào)：G642文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-3044(2012)01-0237-02

The Application of Task-driven Method in the" Web Design and Production" Course

E Jing-jing, ZHUANG Xin-yan

(Computer Science and Technology Institute of Hulunbeier College, Hulunbeier 021008, China)

Abstract: "Web design and production" course is a required subject that is to improve the site development ability of students . How to learn this course and applicate it flexibilitily is important and difficult to students. When Teachers teach this course, they use task-driven teaching method to create a site into multiple tasks and create each task into several small tasks again until tasks can be done finally. Task-driven teaching method can receive better learning results.

Key words: task-driven; web design and production; application of teaching method

《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程作為計(jì)算機(jī)專(zhuān)業(yè)學(xué)生必修的課程，它為學(xué)生進(jìn)行網(wǎng)站開(kāi)發(fā)奠定了理論和實(shí)踐基礎(chǔ)。教師想講授好這門(mén)課程需要使用很多的教學(xué)法，其中，任務(wù)驅(qū)動(dòng)教學(xué)法在授課過(guò)程中起到非常重要的作用，它能明確我們的教學(xué)目的和學(xué)習(xí)目的，它是實(shí)施探究式教學(xué)模式的一種教學(xué)方式。對(duì)于學(xué)生來(lái)講是一種學(xué)習(xí)方法，任務(wù)驅(qū)動(dòng)教學(xué)法也被稱(chēng)為“單刀直入法”或“黑箱方法”。

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

任務(wù)驅(qū)動(dòng)法就是在學(xué)習(xí)的過(guò)程中，在教師的幫助下，學(xué)生圍繞一個(gè)共同的任務(wù)活動(dòng)中心，在強(qiáng)烈的問(wèn)題動(dòng)機(jī)的驅(qū)動(dòng)下，通過(guò)對(duì)學(xué)習(xí)資源的積極主動(dòng)應(yīng)用，進(jìn)行自主探索和互動(dòng)協(xié)作的學(xué)習(xí)，并在完成既定任務(wù)的同時(shí)，引導(dǎo)學(xué)生產(chǎn)生一種學(xué)習(xí)實(shí)踐活動(dòng)。教師的教學(xué)與學(xué)生的學(xué)習(xí)都圍繞著同一個(gè)目標(biāo)、基于幾項(xiàng)任務(wù)來(lái)完成的，適于培養(yǎng)學(xué)生的自學(xué)能力和相對(duì)獨(dú)立分析問(wèn)題、解決問(wèn)題的能力，尤其適用于《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教與學(xué)。

2務(wù)驅(qū)動(dòng)教學(xué)法在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中的應(yīng)用

在講授這門(mén)課程時(shí)學(xué)生的動(dòng)手操作占重要的部分，每節(jié)課以完成教室布置的任務(wù)為目標(biāo)來(lái)學(xué)習(xí)，使用驅(qū)動(dòng)法更容易讓學(xué)生理清思路，明確學(xué)習(xí)目標(biāo)與任務(wù)，現(xiàn)將授課過(guò)程中應(yīng)用任務(wù)驅(qū)動(dòng)法的具體情況介紹給大家。

2.1創(chuàng)建學(xué)習(xí)環(huán)境，激發(fā)學(xué)生學(xué)習(xí)興趣

任務(wù)驅(qū)動(dòng)法教學(xué)首先要?jiǎng)?chuàng)建學(xué)習(xí)環(huán)境，《網(wǎng)頁(yè)設(shè)計(jì)與制作》時(shí)一門(mén)操作性強(qiáng)的課程，因此教師在設(shè)計(jì)任務(wù)時(shí)從學(xué)生的實(shí)際水平出發(fā)，充分考慮學(xué)生的現(xiàn)有知識(shí)結(jié)構(gòu)，興趣，操作能力等特點(diǎn)，給學(xué)生創(chuàng)建合理的學(xué)習(xí)情境，讓學(xué)生帶著任務(wù)去學(xué)習(xí)。例如教師在講授“網(wǎng)站設(shè)計(jì)與規(guī)劃”這部分知識(shí)時(shí)可以創(chuàng)建情境如下：同學(xué)們都愛(ài)上網(wǎng)吧，喜歡登錄哪些網(wǎng)站呢？那么想不想學(xué)會(huì)自己做網(wǎng)站??？那么，從今天開(kāi)始我們就學(xué)習(xí)如何制作個(gè)人網(wǎng)站。通過(guò)這樣的情境學(xué)生們自然好奇本門(mén)課程所要學(xué)習(xí)的內(nèi)容，調(diào)動(dòng)了學(xué)生的興趣，為以后的教學(xué)工作奠定了良好的基礎(chǔ)。

2.2教師提出任務(wù)

根據(jù)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)大綱和實(shí)驗(yàn)大綱確定學(xué)生學(xué)習(xí)的目標(biāo)，任務(wù)，重點(diǎn)，難點(diǎn)，我們選擇有代表性的，合適的，可操作的內(nèi)容來(lái)進(jìn)行講解。教師把總目標(biāo)分解為一個(gè)一個(gè)的小目標(biāo)，通過(guò)這些小目標(biāo)的實(shí)現(xiàn)來(lái)完成學(xué)習(xí)任務(wù)。例如，教師提出如何制作個(gè)人網(wǎng)站的大任務(wù)讓學(xué)生來(lái)思考，根據(jù)學(xué)生的知識(shí)水平和結(jié)構(gòu)，教師把這個(gè)任務(wù)分解如下：

任務(wù)1：網(wǎng)站是由多個(gè)網(wǎng)頁(yè)組成的，那么如何制作一個(gè)網(wǎng)頁(yè)呢？例如，網(wǎng)站的首頁(yè)任務(wù)2：教師帶領(lǐng)學(xué)生瀏覽具有代表性的網(wǎng)站的首頁(yè)，提出網(wǎng)頁(yè)上都有什么呢？任務(wù)3：學(xué)生回答：有文字，圖片，動(dòng)畫(huà)，廣告，音樂(lè)，電影，教師再問(wèn)：如何把這些信息放到網(wǎng)頁(yè)中去??？

任務(wù)4：首頁(yè)做好后，子頁(yè)怎么做??？首頁(yè)和子頁(yè)是怎么聯(lián)系的呢？任務(wù)5：所有的頁(yè)面做好后由誰(shuí)來(lái)管理它們?。?/p>

2.3教師和學(xué)生分析任務(wù)，讓學(xué)生展開(kāi)學(xué)習(xí)

教師提出任務(wù)后，后面的教學(xué)過(guò)程我們分以下幾個(gè)步驟來(lái)展開(kāi)教學(xué)。1）分析任務(wù)

任務(wù)1：網(wǎng)站的首頁(yè)用Dreamweaver 8.0來(lái)創(chuàng)建HTML頁(yè)。

任務(wù)2：網(wǎng)站上需要錄入文字，搜集圖片，動(dòng)畫(huà)，廣告，音樂(lè)，電影。

任務(wù)3：在網(wǎng)頁(yè)中把保存好的圖片，動(dòng)畫(huà)，廣告，音樂(lè)，電影插入到首頁(yè)中去。

任務(wù)4：子頁(yè)是用Dreamweaver 8.0來(lái)創(chuàng)建新的HTML頁(yè)，再把首頁(yè)和子頁(yè)進(jìn)行超級(jí)鏈接。

任務(wù)5：在根文件夾中創(chuàng)建子文件夾，并創(chuàng)建站點(diǎn)來(lái)管理網(wǎng)頁(yè)。

2）再次分解任務(wù)

任務(wù)1：如何用Dreamweaver 8.0來(lái)創(chuàng)建HTML頁(yè)。

任務(wù)2：搜集到的圖片，動(dòng)畫(huà)，廣告，音樂(lè)，電影如何保存起來(lái)。

任務(wù)3：網(wǎng)站上如何分別錄入文字，插入圖片，動(dòng)畫(huà)，廣告，音樂(lè)，電影。

任務(wù)4：如何用Dreamweaver 8.0來(lái)創(chuàng)建新的HTML頁(yè)，如何把首頁(yè)和子頁(yè)進(jìn)行超級(jí)鏈接。

任務(wù)5：如何創(chuàng)建根文件夾和子文件夾，如何創(chuàng)建站點(diǎn)。

3）執(zhí)行任務(wù)，展開(kāi)學(xué)習(xí)

任務(wù)1：?jiǎn)?dòng)Dreamweaver 8.0，選擇基本頁(yè)中的HTML。

任務(wù)2：將網(wǎng)頁(yè)中用到的圖片，動(dòng)畫(huà)，廣告，音樂(lè)，電影等對(duì)象保存到計(jì)算機(jī)中。

任務(wù)3：在網(wǎng)頁(yè)上直接打字，并通過(guò)屬性面板設(shè)置文字的格式。使用插入菜單中的圖像命令，flash命令，shockwave命令，超級(jí)鏈接命令來(lái)在網(wǎng)頁(yè)上插入圖片，動(dòng)畫(huà)，廣告，音樂(lè)，電影等對(duì)象。

任務(wù)4：文件菜單中得新建命令，選擇HTML頁(yè)作為一個(gè)子頁(yè)，選擇首頁(yè)中的文字或圖片等對(duì)象，利用插入菜單中超級(jí)鏈接命令實(shí)現(xiàn)首頁(yè)和子頁(yè)的鏈接。

任務(wù)5：在計(jì)算機(jī)的硬盤(pán)新建一個(gè)文件夾，再在其中創(chuàng)建子文件夾，在Dreamweaver 8.0中的站點(diǎn)菜單中選擇新建站點(diǎn)，根據(jù)新建站點(diǎn)的步驟來(lái)完成站點(diǎn)的創(chuàng)建。

通過(guò)這種方式，教師把問(wèn)題一級(jí)一級(jí)的簡(jiǎn)化，學(xué)生一步一步的完成任務(wù)，不但達(dá)到了教學(xué)目標(biāo)，還讓學(xué)生有了一種勝利感，覺(jué)得自己可以做一些東西，而不是原來(lái)填鴨式教學(xué)讓學(xué)生感到無(wú)趣和晦澀難懂了。學(xué)生投入到學(xué)習(xí)的氛圍中，提高了教學(xué)效率，收到了很好的學(xué)習(xí)效果。

2.4學(xué)生協(xié)作學(xué)習(xí)，相互交流

協(xié)作學(xué)習(xí)是再個(gè)人自主學(xué)習(xí)的基礎(chǔ)上，通過(guò)同學(xué)之間的交流，討論，協(xié)商，總結(jié)來(lái)進(jìn)一步深化對(duì)主題意義的建構(gòu)。通過(guò)協(xié)作和交流，學(xué)生可以看到問(wèn)題的不同方面和不同驕傲度的解決途徑，拓寬了學(xué)生的解決問(wèn)題的思路，對(duì)知識(shí)有了新的認(rèn)識(shí)和理解。難度大和復(fù)雜的綜合性任務(wù)需要更多的協(xié)作學(xué)習(xí)方式。例如，在完成任務(wù)2時(shí)，可以幾個(gè)同學(xué)一組，在完成錄入文本的基礎(chǔ)上，協(xié)作完成圖片，動(dòng)畫(huà)，音樂(lè)，視頻等對(duì)象的插入。教師在學(xué)生獨(dú)立完成自己的任務(wù)后鼓勵(lì)同學(xué)之間相互學(xué)習(xí)，討論，交流意見(jiàn)，提出建議來(lái)鞏固知識(shí)點(diǎn)。通過(guò)交流，不同的執(zhí)行步驟和方法，補(bǔ)充和說(shuō)明問(wèn)題的解決方案，來(lái)達(dá)到相互啟發(fā)，相互激勵(lì)，相互促進(jìn)，共同提高能力的目標(biāo)。

3任務(wù)評(píng)價(jià)

任務(wù)評(píng)價(jià)是任務(wù)驅(qū)動(dòng)的一個(gè)重要環(huán)節(jié)，在評(píng)價(jià)這個(gè)環(huán)節(jié)中，評(píng)價(jià)對(duì)象從面相知識(shí)轉(zhuǎn)向面相能力，學(xué)生能確定自己的學(xué)習(xí)情況，分析問(wèn)題和解決問(wèn)題的能力和不足，進(jìn)一步啟發(fā)學(xué)生學(xué)習(xí)的側(cè)重點(diǎn)，完善學(xué)習(xí)的知識(shí)結(jié)構(gòu)體系，彌補(bǔ)自己的不足，提高自己的處理問(wèn)題的綜合能力。在“制作個(gè)人網(wǎng)站”評(píng)價(jià)環(huán)節(jié)中，采用教師評(píng)價(jià)，學(xué)生自評(píng)，學(xué)生互評(píng)想結(jié)合的方式，當(dāng)學(xué)生完成任務(wù)后，根據(jù)教師公布的評(píng)價(jià)量規(guī)（如表1所示），對(duì)自己制作的網(wǎng)站的進(jìn)行自我評(píng)價(jià)，學(xué)生互評(píng)，教師評(píng)價(jià)。

4總結(jié)

任務(wù)驅(qū)動(dòng)教學(xué)法是教師與學(xué)生都參加的學(xué)習(xí)活動(dòng)，教師設(shè)計(jì)情境，提出任務(wù)，師生分析任務(wù)，學(xué)生完成任務(wù)。通過(guò)這中方式學(xué)生明確了學(xué)習(xí)的目的，理清了學(xué)習(xí)的思路，完成了學(xué)習(xí)的任務(wù)，師生互動(dòng)達(dá)到了教與學(xué)的目標(biāo)，體現(xiàn)了學(xué)生的操作技能，提高了學(xué)生的處理問(wèn)題的能力，培養(yǎng)了學(xué)生的進(jìn)取心和成就感。

任務(wù)驅(qū)動(dòng)教學(xué)模式時(shí)計(jì)算機(jī)教學(xué)中得新型模式，有效的應(yīng)用該教學(xué)法就愛(ài)那個(gè)有利于教師圍繞教學(xué)目標(biāo)進(jìn)行教學(xué)，有利于培養(yǎng)學(xué)生的創(chuàng)新能力和創(chuàng)新思維，更有利于完成《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的講授。當(dāng)然，實(shí)施“任務(wù)驅(qū)動(dòng)”教學(xué)法還需要特定的教學(xué)環(huán)境，教學(xué)設(shè)備，教學(xué)資源，切實(shí)做好這些準(zhǔn)備為“任務(wù)驅(qū)動(dòng)”教學(xué)法的應(yīng)用提供了物質(zhì)保障。

參考文獻(xiàn):

[1]王洪.計(jì)算機(jī)與現(xiàn)代教育[M].北京:電子工業(yè)出版社,2005.

[2]陳建平.數(shù)據(jù)庫(kù)金傲雪選材與教學(xué)策略[J].肇慶學(xué)院學(xué)報(bào),2005(2).

[3]吳秀蘭.任務(wù)驅(qū)動(dòng)教學(xué)牧師的構(gòu)建及英語(yǔ)教學(xué)實(shí)踐[J].喝衡學(xué)院學(xué)報(bào),2006(3).

[4]黃欣.計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)課程中應(yīng)用任務(wù)驅(qū)動(dòng)法教學(xué)[J].軟件導(dǎo)刊,2009(3).

[5]韓獻(xiàn)芬.談快樂(lè)教學(xué)法[J].科技信息,2009(12).

[6]莊巴朗.<計(jì)算機(jī)應(yīng)用基礎(chǔ)>任務(wù)驅(qū)動(dòng)教學(xué)與實(shí)踐[J].廣西教育學(xué)院學(xué)報(bào),2011(3).