臺　雯

(天津市新華職工大學(xué)，天津　300070)

?

《動態(tài)網(wǎng)頁制作》課程教學(xué)改革的探究

臺雯

(天津市新華職工大學(xué)，天津300070)

摘要：信息化教學(xué)模式提倡的是以“任務(wù)驅(qū)動”解決問題作為學(xué)生學(xué)習(xí)與研究的主線，強(qiáng)調(diào)“以學(xué)生為中心”為首要原則，充分發(fā)揮學(xué)生的主動性，注重培養(yǎng)學(xué)生的學(xué)習(xí)能力。文章主要對信息化教學(xué)模式下《動態(tài)網(wǎng)頁制作》課程的改革進(jìn)行了研究，并討論了信息化教學(xué)模式下的教學(xué)設(shè)計，包括學(xué)習(xí)目標(biāo)分析、學(xué)習(xí)情境創(chuàng)設(shè)、學(xué)習(xí)環(huán)境設(shè)計、學(xué)習(xí)活動設(shè)計及學(xué)習(xí)評價設(shè)計。

關(guān)鍵詞：動態(tài)網(wǎng)頁制作；信息化教學(xué)；任務(wù)驅(qū)動

動態(tài)網(wǎng)頁制作是計算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)、計算機(jī)信息管理專業(yè)、計算機(jī)軟件應(yīng)用、電子商務(wù)等專業(yè)學(xué)生的必修專業(yè)課。該課程是在學(xué)生學(xué)習(xí)了計算機(jī)網(wǎng)絡(luò)技術(shù)、靜態(tài)網(wǎng)頁設(shè)計、數(shù)據(jù)庫原理課程的基礎(chǔ)上開設(shè)的職業(yè)技能課程，主要講授的是基于.NET平臺下使用C#程序設(shè)計語言，利用ASP.NET技術(shù)開發(fā)WEB應(yīng)用程序的方法。該課程是一門理論與實踐相結(jié)合的課程，具有一定的深度和實踐難度。該課程主要培養(yǎng)學(xué)生實際開發(fā)WEB應(yīng)用程序的技能，要求學(xué)生能夠進(jìn)行WEB開發(fā)環(huán)境的構(gòu)建、數(shù)據(jù)庫的訪問、WEB編程、WEB安全設(shè)置和系統(tǒng)部署，掌握WEB應(yīng)用程序的開發(fā)流程、技巧和編程規(guī)范。通過課程的學(xué)習(xí)使學(xué)生具有一定的實際動手能力，具備基于.NET平臺WEB程序員崗位的專業(yè)技能和職業(yè)素養(yǎng)，為今后就業(yè)奠定基礎(chǔ)。

一、使用傳統(tǒng)教學(xué)模式存在的問題

傳統(tǒng)教學(xué)模式中，教師作為知識的傳授者是課堂的中心，在教學(xué)過程中發(fā)揮主導(dǎo)作用，而學(xué)生只是知識的被動接受者，學(xué)習(xí)的唯一內(nèi)容是教科書，教科書往往是過去知識的總結(jié)。這樣的知識灌輸是存在弊端的，它的弊端并不在于主張發(fā)揮教師的主導(dǎo)作用，而是在于如果任意夸大教師的主導(dǎo)作用，會不利于發(fā)揮學(xué)生自身的認(rèn)知主體作用，不利于提高學(xué)生學(xué)習(xí)的主動性和創(chuàng)造力。

在動態(tài)網(wǎng)頁制作課程的教學(xué)中，如果僅僅簡單的采用傳統(tǒng)的教學(xué)方法，課堂上逐個講授教材中的知識點，每個知識點是相對孤立的，只是注重理論上的講解和灌輸，學(xué)生會感到枯燥，一學(xué)期下來學(xué)生并不能系統(tǒng)地掌握建立動態(tài)網(wǎng)站的流程和方法。同時，簡單的傳統(tǒng)教學(xué)方式也不利于提高學(xué)生的編程能力、實踐動手能力、創(chuàng)新能力、解決問題的能力和合作交流的能力，不利于動態(tài)網(wǎng)頁制作課程目標(biāo)的實現(xiàn)。

二、信息化教學(xué)模式

考慮到新課改是“以學(xué)生為本，關(guān)注學(xué)生的全面發(fā)展”為理念，以及高職教育“面向職業(yè)能力”的需要，本著“夠用、實用”的原則，在《動態(tài)網(wǎng)頁制作》課程的實際教學(xué)中，我采用了信息化教學(xué)模式對該課程的教學(xué)方法進(jìn)行了改革。

信息化教學(xué)模式是指在先進(jìn)的教育理念(尤其是建構(gòu)主義)的指導(dǎo)下，根據(jù)時代的新特點，以多媒體和網(wǎng)絡(luò)為基本媒介，以設(shè)計“問題”情景以及促進(jìn)學(xué)生問題解決能力發(fā)展的教學(xué)策略為核心的教學(xué)規(guī)劃與準(zhǔn)備的系統(tǒng)化過程。

信息化教學(xué)設(shè)計提倡的是以“任務(wù)驅(qū)動”解決問題作為學(xué)生學(xué)習(xí)與研究的主線；強(qiáng)調(diào)“以學(xué)生為中心”為首要原則，充分發(fā)揮學(xué)生的主動性，注重培養(yǎng)學(xué)生的學(xué)習(xí)能力；教學(xué)中要創(chuàng)設(shè)問題情境，讓學(xué)生在真實的情景中來解決問題、完成任務(wù)以達(dá)到學(xué)習(xí)目標(biāo)；解決問題情境的設(shè)置和教學(xué)中可以充分利用信息技術(shù)和資源，通過新穎的學(xué)習(xí)方式，為學(xué)習(xí)者提供良好的信息化學(xué)習(xí)環(huán)境。

三、信息化教學(xué)模式在《動態(tài)網(wǎng)頁制作》課程中的應(yīng)用

經(jīng)過教學(xué)改革與實踐，本課程在教學(xué)過程中以“在線購物網(wǎng)站”作為一個大的案例，用一個完整的案例貫穿整個課程，課程結(jié)束后要求學(xué)生掌握這個案例的制作方法，通過學(xué)習(xí)這個案例可以使學(xué)生熟悉開發(fā)網(wǎng)站的流程，建立整體開發(fā)項目的思維。在日常教學(xué)組織上，將“在線購物網(wǎng)站”這個大案例分解成“用戶登錄”、“用戶注冊”、“網(wǎng)站首頁設(shè)計”、“購物車管理”、“網(wǎng)站計數(shù)器”、“商品信息管理”、“網(wǎng)站發(fā)布”等七個模塊，每個模塊又是一個相對獨立、具體的任務(wù)，學(xué)生在學(xué)習(xí)和完成每個任務(wù)模塊的過程，就是學(xué)習(xí)和掌握實際工作任務(wù)知識和技能的過程，由簡單到復(fù)雜，循序漸進(jìn)貫徹完成整個課程的教學(xué)。

在每一個模塊的教學(xué)過程中，我采用的是“任務(wù)驅(qū)動”教學(xué)法。“任務(wù)驅(qū)動”教學(xué)法是指整個教學(xué)活動應(yīng)以一個共同的任務(wù)為中心。我將課程中需要掌握的知識點分別融合在每一個任務(wù)中，讓學(xué)生通過完成任務(wù)來學(xué)習(xí)知識點，達(dá)到學(xué)習(xí)、融會、貫通每個知識點的目的。學(xué)生不再把學(xué)習(xí)當(dāng)負(fù)擔(dān)，而是根據(jù)任務(wù)需求來學(xué)習(xí)，由被動地接受知識轉(zhuǎn)變?yōu)橹鲃拥膶W(xué)習(xí)知識，真正發(fā)揮學(xué)生的主觀能動性。在完成“任務(wù)”的過程中，學(xué)生可以不斷地提高自己的分析問題、解決問題以及實踐能力。

在建構(gòu)主義思想的指導(dǎo)下，信息化教學(xué)設(shè)計的核心包括學(xué)習(xí)目標(biāo)分析、學(xué)習(xí)情境創(chuàng)設(shè)、學(xué)習(xí)環(huán)境設(shè)計、學(xué)習(xí)活動設(shè)計、學(xué)習(xí)評價設(shè)計。

下面，我以“在線購物網(wǎng)站”中的“商品信息管理”模塊為例，談?wù)剳?yīng)用信息化教學(xué)模式進(jìn)行教學(xué)設(shè)計的過程：

(一)學(xué)習(xí)目標(biāo)分析

信息化學(xué)習(xí)中，學(xué)習(xí)者的學(xué)習(xí)目標(biāo)是學(xué)習(xí)者通過解決具體情景中的真實問題而實現(xiàn)的，因此確定學(xué)習(xí)問題是信息化教學(xué)設(shè)計的關(guān)鍵。這里的學(xué)習(xí)目標(biāo)分析就是要闡明學(xué)習(xí)者將要面臨的問題，問題描述的內(nèi)容可以包括通過學(xué)習(xí)這節(jié)課學(xué)生將學(xué)會什么知識、掌握什么技能、制造什么產(chǎn)品、有什么潛在的學(xué)習(xí)結(jié)果等等。

例如：通過“商品信息管理”模塊的學(xué)習(xí)要求學(xué)生達(dá)到如下能力目標(biāo)：①掌握ADO.NET操作數(shù)據(jù)庫的方法；②掌握Select、Insert、Update、Delete等SQL語句的使用；③掌握FileUploat、DataList、GridView等控件的使用。

接下來，可設(shè)計一個較真實的情境，讓學(xué)生在解決具體場景問題的過程中掌握這些能力。

(二)創(chuàng)設(shè)情境

建構(gòu)主義認(rèn)為，個體的學(xué)習(xí)總是在一定的社會文化背景(情境)中交互、交流完成的，學(xué)習(xí)者在不同的情景中會有不同的行為，會產(chǎn)生不同的學(xué)習(xí)效果。因此，創(chuàng)設(shè)情境是學(xué)習(xí)者實現(xiàn)意義建構(gòu)的一個必要前提。

創(chuàng)設(shè)情境，就是基于特定的教學(xué)目標(biāo)，將學(xué)習(xí)的內(nèi)容安排在信息技術(shù)和信息資源支持的比較真實或接近真實的活動，用來支持學(xué)校的學(xué)科教學(xué)活動。常用的情境創(chuàng)設(shè)方法有：創(chuàng)設(shè)故事情境、問題情境、模擬實驗、合作情境等。

在“商品信息管理”模塊中，我采用創(chuàng)設(shè)問題情境：假設(shè)這是一個軟件公司，老師是客戶，學(xué)生是程序員?？蛻籼岢鲂枨螅盒枰谱饕粋€網(wǎng)站可以用來展示企業(yè)的商品，可以讓用戶分類查詢、以及按銷量排名查詢商品信息，還可以對商品的信息進(jìn)行添加、修改、刪除等操作。

(三)學(xué)習(xí)環(huán)境的設(shè)計

學(xué)習(xí)環(huán)境的設(shè)計最終是為實現(xiàn)學(xué)習(xí)目標(biāo)服務(wù)的，一般是指需要什么學(xué)習(xí)資源和學(xué)習(xí)工具。在學(xué)習(xí)環(huán)境的設(shè)計中，要充分考慮學(xué)習(xí)活動，學(xué)習(xí)環(huán)境應(yīng)該能夠支持學(xué)習(xí)活動的開展，不同的學(xué)習(xí)活動要選擇不同的學(xué)習(xí)環(huán)境(學(xué)習(xí)資料和學(xué)習(xí)工具)。

在“商品信息管理”模塊中的教學(xué)環(huán)境設(shè)計如下：

1.多媒體教室

通過LanStar全屏廣播式教學(xué)，演示實例的設(shè)計過程，這樣有利于學(xué)生注意力的集中；通過角色轉(zhuǎn)換，由學(xué)生展示本小組的作品，也可以充分調(diào)動學(xué)生參與的積極性。

2.互聯(lián)網(wǎng)

在學(xué)生自學(xué)時可以用來查找、收集資料，還可以使用QQ進(jìn)行學(xué)習(xí)交流指導(dǎo)，方便學(xué)生自主學(xué)習(xí)。

3.課件

因為本課程的程序代碼量比較多，而且比較難，所以在課件的制作上應(yīng)該盡量的精心，通過類比示例、動畫演示等手段，營造輕松活潑的課堂氣氛，簡化學(xué)習(xí)難度，讓學(xué)生快速融入到課堂的學(xué)習(xí)過程，加深對課程內(nèi)容的理解。

4.在線購物網(wǎng)站使用手冊

給出了整個網(wǎng)站的一些需求說明。

5.課程實踐評價表

要求學(xué)生每節(jié)實踐課都要有一個記錄。

(四)教學(xué)活動設(shè)計

學(xué)習(xí)者是否實現(xiàn)學(xué)習(xí)目標(biāo)是通過學(xué)習(xí)者是否完成學(xué)習(xí)任務(wù)來衡量的，因此學(xué)習(xí)任務(wù)的設(shè)計是學(xué)習(xí)者學(xué)習(xí)的核心內(nèi)容。

本模塊基于任務(wù)驅(qū)動的教學(xué)設(shè)計如下：

1.引入任務(wù)

通過前面創(chuàng)設(shè)的問題情景，引入本模塊的任務(wù)，可以通過多媒體課件及已經(jīng)做好的網(wǎng)站案例進(jìn)行展示，讓學(xué)生更加直觀的感受到要學(xué)習(xí)的內(nèi)容，這樣可以更好的激發(fā)學(xué)生的學(xué)習(xí)興趣。例如：結(jié)合案例展示，提示學(xué)生若要完成客戶的需求，應(yīng)該怎樣來制作呢？這時教師先不要急于講授，要注重培養(yǎng)學(xué)生的分析問題的能力，可以引導(dǎo)學(xué)生一起討論分析需要具備哪些知識，明確學(xué)習(xí)目標(biāo)，然后教師再講授本模塊中涉及到的需要掌握的知識目標(biāo)。

2.任務(wù)分配與實施

按照構(gòu)建主義的思想，學(xué)習(xí)者的知識和能力都是通過個體主動參與學(xué)習(xí)活動構(gòu)建的，無法通過教師的講解直接傳輸給學(xué)習(xí)者。學(xué)習(xí)者參與的學(xué)習(xí)活動可以是個體自主學(xué)習(xí)也可以是合作學(xué)習(xí)。

在教學(xué)活動中，要根據(jù)任務(wù)的難易程度安排好學(xué)習(xí)形式。比較簡單的任務(wù)適合安排學(xué)習(xí)者自主完成，可以鍛煉學(xué)習(xí)者的自主學(xué)習(xí)的能力。合作學(xué)習(xí)去完成簡單的任務(wù)，會使合作變成聊天，流于形式。合作學(xué)習(xí)適合綜合難度較大的任務(wù)，它是建立在自主學(xué)習(xí)的基礎(chǔ)之上的，通過小組的討論、協(xié)商，學(xué)習(xí)者能夠進(jìn)一步理解學(xué)習(xí)內(nèi)容的意義。合作學(xué)習(xí)中，通過與其它學(xué)習(xí)者的溝通協(xié)作，可以使學(xué)習(xí)者看到問題的不同角度和解決方法，開闊學(xué)習(xí)者的思路，提升學(xué)習(xí)者對知識的認(rèn)識和理解，鍛煉學(xué)習(xí)者的合作精神。

在本例中，對于連接數(shù)據(jù)庫，對數(shù)據(jù)庫進(jìn)行添加、刪除、修改、查詢，數(shù)據(jù)綁定控件等這些基本的操作要求學(xué)生先自主學(xué)習(xí)完成。對于“商品信息管理”網(wǎng)站的設(shè)計要求學(xué)生分組合作完成，學(xué)生每5人分成一組，各組選出組長，并確定每人的分工，每組要制定學(xué)習(xí)計劃、確定工作方案，教師要對每組的方案可行性進(jìn)行檢查指導(dǎo)。要求每組完成以下任務(wù)：①網(wǎng)站要能夠展示所有商品；②可以分類查詢、按銷量排名查詢商品信息；③完成對商品的添加、刪除、修改等功能。每一組在制定計劃、方案時，可通過網(wǎng)絡(luò)觀察、體驗與本模塊相關(guān)的各種優(yōu)秀購物網(wǎng)站，如：淘寶網(wǎng)、當(dāng)當(dāng)網(wǎng)、京東網(wǎng)等大型電子商務(wù)網(wǎng)站，確定出自己制作那類商品的展示網(wǎng)站(服裝、圖書、化妝品)，并下載圖片資料。最后，每組制作完成模塊后，每組組長負(fù)責(zé)展示各自的制作成果。

(五)教學(xué)評價設(shè)計

信息化模式的教學(xué)設(shè)計中，不但要關(guān)注學(xué)習(xí)者的教學(xué)活動成果，而更要注重對學(xué)習(xí)者的激勵。應(yīng)該允許學(xué)生對自己的作品進(jìn)行合理的評價，這時教師應(yīng)作為一個引導(dǎo)者，鼓勵學(xué)生的創(chuàng)造力，尊重學(xué)生的不同見解，這樣不但可以培養(yǎng)學(xué)生的創(chuàng)新能力，而且可以促進(jìn)學(xué)生獨立人格的形成。

本課程的教學(xué)評價由教師評價、小組評價和各組互評三部分組成。

在以前的教學(xué)中，學(xué)生做完操作后，只是由老師檢查后給出成績。這種只有教師給出的單向評價，不能綜合的反映學(xué)生的發(fā)展程度。因此，這里加入了小組評價和各組互評。

小組評價中包括學(xué)生個人的自我評價和小組對個人的評價，學(xué)生的自我評價可以讓學(xué)生充分認(rèn)識自己的長處和不足，發(fā)展學(xué)生的自我意識。通過小組對個人的評價可以看出每一個人在進(jìn)行小組合作時的參與交流程度、工作態(tài)度、合作學(xué)習(xí)的能力。

各組互評：通過展示每個小組的制作成果后，各個小組之間相互給出成績。互相評價是學(xué)生橫向比較的過程，在這個過程中學(xué)生可以了解別人的特點，明確自己的優(yōu)劣。

四、結(jié)論

信息化教學(xué)設(shè)計提倡以“任務(wù)驅(qū)動”解決問題作為學(xué)生學(xué)習(xí)與研究的主線，強(qiáng)調(diào)“以學(xué)生為中心”為首要原則，注重充分發(fā)揮學(xué)生的主動性和培養(yǎng)學(xué)生的學(xué)習(xí)能力。在《動態(tài)網(wǎng)頁制作》課程中應(yīng)用信息化教學(xué)模式進(jìn)行教學(xué)改革，課程以一個大案例貫穿整個教學(xué)過程，日常教學(xué)中將大案例分為七個模塊，每個模塊是一個相對獨立、具體的任務(wù)，將課程需要掌握的知識點融入到每一個任務(wù)中，讓學(xué)生通過完成任務(wù)來學(xué)習(xí)知識，實現(xiàn)了“教、學(xué)、做”一體化的教學(xué)，更加注重了學(xué)生的實際參與，充分體現(xiàn)了“以學(xué)生為中心”的教學(xué)理念，更好的培養(yǎng)了學(xué)生的信息能力、團(tuán)隊協(xié)作能力、思考能力、解決問題和創(chuàng)新能力。

參考文獻(xiàn)：

[1]楊九民.教學(xué)系統(tǒng)設(shè)計理論與實踐[M].北京：北京大學(xué)出版社,2014.

[2]周樹林.互聯(lián)網(wǎng)時代的計算機(jī)信息化教學(xué)研討[J].信息與電腦,2009,(07).

[3]劉薇.信息化教學(xué)在計算機(jī)應(yīng)用基礎(chǔ)課程中的應(yīng)用[J].天津職業(yè)院校聯(lián)合學(xué)報,2012,(02).

[4]高潔.我國信息化教學(xué)設(shè)計研究的發(fā)展現(xiàn)狀分析[J].現(xiàn)代遠(yuǎn)程教育研究,2008，(05).

[5]王蘭芬.任務(wù)驅(qū)動教學(xué)法在稿紙院校課堂教學(xué)的應(yīng)用研究[J].職教論壇,2013，(06).

Exploration and Research on “Dynamic Webpage Designing” Course Reform

TAI Wen

(TianjinXinhuaStaffUniversity,Tianjin, 300052)

Abstract:information-based teaching mode promotes “task-oriented” problem solving as the main line in students’ learning and research, and it emphasizes “student centered” as chief principle to give full play to a student’s initiative and focusing on promoting students’ learning ability. This article mainly conducts research on reform of “Dynamic Webpage Designing” course under the information-based teaching mode, and it discusses the teaching design under information-based teaching mode, including learning target analysis, learning scene creation, learning environment design, learning activity design and learning appraisal design.

Key words:dynamic webpage designing; information-based teaching; task-oriented

中圖分類號：G712

文獻(xiàn)標(biāo)識碼：A

文章編號：1673-582X(2016)02-0085-05

作者簡介：臺雯(1980-)，女，天津人，天津市和平區(qū)新華職工大學(xué)，講師，從事計算機(jī)應(yīng)用技術(shù)領(lǐng)域的教學(xué)與研究。

收稿日期：2015-10-16