中職《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》課程任務(wù)驅(qū)動(dòng)教學(xué)法初探

蔡雯云

摘 要：《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》作為職業(yè)教育網(wǎng)絡(luò)班的一門必修課程在課程教學(xué)改革方面也需要有所突破，有所創(chuàng)新。任務(wù)驅(qū)動(dòng)教學(xué)法的引入為這門課程教學(xué)提供了新鮮的血液。在任務(wù)驅(qū)動(dòng)課教學(xué)過程中突出了學(xué)生主體地位作用，學(xué)生能較好地進(jìn)行自主互助學(xué)習(xí)，配合教師完成任務(wù)操作，更加容易掌握學(xué)習(xí)內(nèi)容。

關(guān)鍵詞：中職；任務(wù)驅(qū)動(dòng)；動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)

中圖分類號(hào)：G71 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1673-9132（2017）13-0038-02

DOI：10.16657/j.cnki.issn1673-9132.2017.13.018

動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)是網(wǎng)絡(luò)班必修課程。在動(dòng)態(tài)網(wǎng)頁(yè)主題網(wǎng)站設(shè)計(jì)中，新聞發(fā)布系統(tǒng)不可或缺，而新聞列表功能是新聞發(fā)布系統(tǒng)的一個(gè)重要部分。然而，學(xué)生對(duì)這門課程的學(xué)習(xí)欲望卻不強(qiáng)烈。一串串難以理解的代碼，通篇的英文字母以及復(fù)雜的運(yùn)算符號(hào)等都很大程度上影響了學(xué)生的學(xué)習(xí)興趣。因此，在教學(xué)過程中采用任務(wù)驅(qū)動(dòng)教學(xué)法，巧妙制定任務(wù)單元逐步培養(yǎng)學(xué)生的積極性，從而提高教學(xué)效果。

一、任務(wù)驅(qū)動(dòng)教學(xué)法的定義和應(yīng)用意義

（一）任務(wù)驅(qū)動(dòng)教學(xué)法的定義

任務(wù)驅(qū)動(dòng)教學(xué)法就是在整個(gè)教學(xué)過程中，教師以完成一個(gè)個(gè)具體的任務(wù)為線索把教學(xué)內(nèi)容巧妙地設(shè)計(jì)隱含在單個(gè)的任務(wù)中，讓學(xué)生以分組完成任務(wù)，領(lǐng)會(huì)學(xué)習(xí)的核心內(nèi)容，進(jìn)而培養(yǎng)學(xué)生的創(chuàng)新意識(shí)和創(chuàng)新能力以及自主學(xué)習(xí)的習(xí)慣，引導(dǎo)學(xué)生團(tuán)結(jié)合作，擴(kuò)展思維，開拓創(chuàng)新，最終實(shí)現(xiàn)自行提出問題，分析問題，解決問題。

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

采用“任務(wù)驅(qū)動(dòng)”教學(xué)模式進(jìn)行教學(xué)，教師的教和學(xué)生的學(xué)都是圍繞如何完成一個(gè)具體的任務(wù)來進(jìn)行。教師教學(xué)思路清晰，學(xué)生目的明確，更加容易掌握學(xué)習(xí)內(nèi)容。

任務(wù)驅(qū)動(dòng)教學(xué)有助于調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力。在任務(wù)驅(qū)動(dòng)教學(xué)模式中，學(xué)生是知識(shí)意義的主動(dòng)構(gòu)建者，教師是教學(xué)過程的組織者、指導(dǎo)者、幫助者和促進(jìn)者。教材所提供的知識(shí)不再是教師傳授的內(nèi)容，而是學(xué)生主動(dòng)構(gòu)建的對(duì)象。教師在引導(dǎo)學(xué)生完成任務(wù)的同時(shí)也培養(yǎng)了學(xué)生的自主學(xué)習(xí)能力。

任務(wù)驅(qū)動(dòng)教學(xué)有助于培養(yǎng)學(xué)生提出問題、分析問題、解決問題的能力。在任務(wù)驅(qū)動(dòng)教學(xué)中，教師將教學(xué)內(nèi)容蘊(yùn)涵在任務(wù)之中，要求學(xué)生必須學(xué)會(huì)發(fā)現(xiàn)問題，提出待解決的問題，同時(shí)設(shè)想列舉解決問題的方案，并探究出解決的方法。

任務(wù)驅(qū)動(dòng)教學(xué)模式有助于培養(yǎng)學(xué)生的創(chuàng)新精神和實(shí)踐能力。利用任務(wù)驅(qū)動(dòng)進(jìn)行教學(xué)的過程，需要學(xué)生開動(dòng)腦筋，發(fā)揮想象，動(dòng)手實(shí)踐，研究探索，進(jìn)而培養(yǎng)學(xué)生的創(chuàng)新精神和實(shí)踐能力。

二、任務(wù)驅(qū)動(dòng)教學(xué)法應(yīng)用在《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》中（以《新聞列表》為例）

學(xué)生已經(jīng)掌握用戶系統(tǒng)設(shè)計(jì)，包括用戶登錄、注冊(cè)、注銷。已經(jīng)對(duì)創(chuàng)建動(dòng)態(tài)網(wǎng)站思路及方法有基本認(rèn)識(shí)。列表功能相關(guān)知識(shí)點(diǎn)都在實(shí)習(xí)指導(dǎo)手冊(cè)中體現(xiàn)。學(xué)生在完成任務(wù)過程中可以根據(jù)自身水平選擇是否需要查看任務(wù)書中的操作提示，對(duì)容易出錯(cuò)的知識(shí)點(diǎn)可借助于操作視頻演示。在任務(wù)驅(qū)動(dòng)教學(xué)中要以學(xué)生為主，教師為輔。學(xué)生可以利用指導(dǎo)手冊(cè)，以小組為單位，團(tuán)結(jié)互助共同完成任務(wù)，教師在教學(xué)中對(duì)學(xué)生及時(shí)輔導(dǎo)、講解和點(diǎn)評(píng)，提高教學(xué)效率。

第一個(gè)環(huán)節(jié)：情境導(dǎo)入，展示任務(wù)。師生共同閱讀《列表功能任務(wù)書》，以《中職信息網(wǎng)》為例，明確任務(wù)為新聞列表或文章列表功能設(shè)計(jì)。

第二個(gè)環(huán)節(jié)：任務(wù)實(shí)施。從制作網(wǎng)站的五大步驟入手，層層分析，學(xué)生結(jié)合實(shí)訓(xùn)指導(dǎo)手冊(cè)操作，在操作及預(yù)覽效果中發(fā)現(xiàn)問題，分解任務(wù)，從而解決問題。每個(gè)階段任務(wù)完成后，教師都將有針對(duì)性點(diǎn)評(píng)，講解相關(guān)知識(shí)點(diǎn)。如數(shù)據(jù)表創(chuàng)建過程應(yīng)注意的字段類型相關(guān)設(shè)置。第一階段是創(chuàng)建數(shù)據(jù)表，首先進(jìn)行子任務(wù)分析。師生共同分析新聞詳細(xì)頁(yè)中的元素，從而確定xw表字段，有id、bt、nr、zz、dj、sj等。接著教師讓學(xué)生根據(jù)實(shí)訓(xùn)手冊(cè)操作創(chuàng)建表。最后，教師進(jìn)行點(diǎn)評(píng)。在操作中學(xué)生會(huì)遇到幾個(gè)問題和錯(cuò)誤：當(dāng)新聞內(nèi)容文字超過250個(gè)字符時(shí)，nr字段提示數(shù)據(jù)無法輸入，教師提示學(xué)生應(yīng)將nr字段類型設(shè)置為“備注”。有的學(xué)生時(shí)間字段沒有設(shè)置now（）默認(rèn)值，以至于時(shí)間格式輸入繁瑣甚至總是提示錯(cuò)誤。第二階段是設(shè)置頁(yè)面。列表頁(yè)面設(shè)計(jì)階段學(xué)生可以根據(jù)上學(xué)期學(xué)習(xí)知識(shí)對(duì)邊框文字等進(jìn)行美化，這部分學(xué)生通過自主完成，或小組成員間互助就可完成頁(yè)面設(shè)計(jì)。第三階段是動(dòng)態(tài)服務(wù)器行為部分。（1）教師通過分析任務(wù)，介紹從數(shù)據(jù)表中讀取數(shù)據(jù)表的方法，利用記錄集演示操作，并與學(xué)生探討排序方法。之后由學(xué)生根據(jù)實(shí)訓(xùn)指導(dǎo)手冊(cè)操作。操作完成，教師進(jìn)行評(píng)價(jià)。本環(huán)節(jié)涉及一個(gè)重要知識(shí)點(diǎn)SQL語言，考慮理論學(xué)習(xí)的必要性。教師打開DW拆分視圖，介紹select語法結(jié)構(gòu)（P58）：“select 字段或字段組合（*） from 表名 where 字段=內(nèi)容”。對(duì)于數(shù)據(jù)綁定方法學(xué)習(xí)。教師通過DW打開已完成網(wǎng)頁(yè)，讓學(xué)生觀察。問：新聞列表標(biāo)題、時(shí)間部分顯示與歡迎登陸中綁定階段變量是否相似。引出利用數(shù)據(jù)綁定顯示新聞標(biāo)題的方法。預(yù)覽網(wǎng)頁(yè)，發(fā)現(xiàn)問題：新聞列表只顯示一條新聞標(biāo)題，從中引導(dǎo)學(xué)生學(xué)習(xí)“重復(fù)區(qū)域”命令的使用。（2）在制作新聞詳細(xì)頁(yè)面時(shí)，教師帶領(lǐng)學(xué)生思考：如何判斷超鏈接，鼠標(biāo)單擊的是哪一篇文章？從而引出通過id判斷，講解URL傳參方式。教師通過完成操作后，預(yù)覽演示設(shè)置參數(shù)后鏈接效果的方法以期達(dá)到教學(xué)目的，但從后面任務(wù)完成情況，不少同學(xué)容易出錯(cuò)。在這個(gè)環(huán)節(jié)學(xué)生很容易遇到問題，教師應(yīng)積極輔導(dǎo)。新聞詳細(xì)頁(yè)面，顯示新聞列表具體內(nèi)容。教師提示主頁(yè)中新聞列表方法，引導(dǎo)學(xué)生添加記錄集xwxx，并與列表記錄集xw區(qū)別。完成綁定新聞標(biāo)題、內(nèi)容、點(diǎn)擊次數(shù)等。

第三環(huán)節(jié)：演示演示。任務(wù)完成后分別由四個(gè)小組選取最佳作品進(jìn)行演示，預(yù)覽最終效果并調(diào)試。在調(diào)試過程中，教師要及時(shí)糾正并講解出現(xiàn)的問題。預(yù)覽效果時(shí)，教師要求學(xué)生熟練掌握“未指定錯(cuò)誤”、“文件已在使用中”、IIS虛擬目錄中參數(shù)設(shè)置等常見問題。教師通過提示引導(dǎo)學(xué)生發(fā)現(xiàn)網(wǎng)站中存在不足，共同討論改進(jìn)方法。例如，點(diǎn)擊次數(shù)無法更新，時(shí)間顯示過于單一等問題。學(xué)生在任務(wù)的操作過程中雖然會(huì)經(jīng)常出現(xiàn)debug，但是通過學(xué)習(xí)、調(diào)試基本可以解決問題。

三、結(jié)語

采用任務(wù)驅(qū)動(dòng)教學(xué)要求教師教學(xué)思路清晰，學(xué)生目的明確。在任務(wù)驅(qū)動(dòng)課教學(xué)過程中，學(xué)生能較好地進(jìn)行自主互助學(xué)習(xí)，配合教師完成任務(wù)操作，教學(xué)效果好。同時(shí)，如何激發(fā)學(xué)生獨(dú)立思考的能力，提高獨(dú)立思考的積極性，這是我們接下去要解決的問題。

參考文獻(xiàn)：

[1] 張洪海，馬小山. Dreamweaver+Asp網(wǎng)頁(yè)制作實(shí)例教程（任務(wù)驅(qū)動(dòng)模式）[M].北京：機(jī)械工業(yè)出版社，2012（9）.

[2] 林曉群，柳琳. “案例任務(wù)驅(qū)動(dòng)”教學(xué)法在《網(wǎng)頁(yè)設(shè)計(jì)》課程中的應(yīng)用研究[J].軟件導(dǎo)刊， 2014（8）：195-196.

[ 責(zé)任編輯 杜建立 ]