李亞秋

摘 要：中等職業(yè)學(xué)校的目標(biāo)是為國家培養(yǎng)大量技能型人才和高素質(zhì)勞動(dòng)者，這就需要中職教師在教學(xué)方法上做相應(yīng)的改革，不斷探索和優(yōu)化能夠更好地與經(jīng)濟(jì)社會(huì)發(fā)展相適應(yīng)，促進(jìn)學(xué)生專業(yè)技能的掌握、職業(yè)綜合能力提高的教學(xué)方法。筆者經(jīng)過多年教學(xué)實(shí)踐闡述了Dreamweaver網(wǎng)頁制作課程的幾種行之有效的教學(xué)方法，結(jié)合教學(xué)實(shí)例具體闡述了控制變量教學(xué)法、任務(wù)驅(qū)動(dòng)教學(xué)法、項(xiàng)目教學(xué)法的內(nèi)涵、適用范圍和該教學(xué)方法的具體實(shí)施。

關(guān)鍵詞：網(wǎng)頁制作 控制變量法 任務(wù)驅(qū)動(dòng)教學(xué)法 項(xiàng)目教學(xué)法

中圖分類號：TP393.0 文獻(xiàn)標(biāo)識碼：A 文章編號：1672-3791（2016）12（c）-0171-02

《網(wǎng)頁設(shè)計(jì)與制作》課程是計(jì)算機(jī)多媒體技術(shù)專業(yè)的核心學(xué)習(xí)領(lǐng)域課程。對于中職學(xué)生并且又是網(wǎng)頁制作這門課程的初學(xué)者來說，傳統(tǒng)的講授法、練習(xí)法、開放式自主探究教學(xué)法顯然不能達(dá)到較好的教學(xué)效果，如何提高Dreamweaver課程的課堂教學(xué)效果，培養(yǎng)學(xué)生的實(shí)踐動(dòng)手能力，讓學(xué)生適應(yīng)社會(huì)的需求，是教師在教學(xué)中要關(guān)注的問題。筆者在幾年來的教學(xué)實(shí)踐中，總結(jié)了幾種行之有效的有針對性的教學(xué)方法，以下筆者將從這幾種教學(xué)方法的內(nèi)涵、該教學(xué)方法的適用范圍、該教學(xué)方法的具體實(shí)施幾個(gè)方面和大家做一個(gè)交流和探討。

1 控制變量教學(xué)法

1.1 控制變量教學(xué)法的內(nèi)涵

物理學(xué)中對于多因素（多變量）的問題，常常把多因素的問題變成多個(gè)單因素的問題，只改變其中的某一個(gè)因素，從而研究這個(gè)因素對事物的影響，分別加以研究，最后再綜合解決，這種方法叫控制變量法。筆者認(rèn)為可以將這種方法用于網(wǎng)頁制作的教學(xué)，因?yàn)榫W(wǎng)頁制作是可以通過改變代碼或者通過改變某一個(gè)屬性的值，從而直觀地看到頁面的變化，即可以直觀地看到效果。那么面對CSS面板中的“背景、區(qū)塊、方框、邊框、列表、定位”等眾多的屬性值，讓學(xué)生了解每一個(gè)屬性的作用，教師可采用控制其他屬性值不變，而只改變其中一個(gè)屬性，讓學(xué)生觀察相應(yīng)的頁面的變化，從而讓學(xué)生自己說出該屬性的作用，這樣的教學(xué)方法比老師直接講授效果好得多。

1.2 控制變量教學(xué)法的適用范圍

適用于《Dreamweaver網(wǎng)頁制作》課程的初期，對網(wǎng)頁制作的基本知識和Dreamweaver軟件基本操作學(xué)習(xí)的過程中。

1.3 控制變量教學(xué)法的應(yīng)用

使用DIV進(jìn)行頁面布局是網(wǎng)頁制作中的一個(gè)重點(diǎn)，尤其是在傳統(tǒng)的教學(xué)方法下講解填充（padding）和邊界（margin）的時(shí)候?qū)W生容易產(chǎn)生混淆，加之軟件是英文版，對于中職學(xué)生理解起來就更困難了。筆者在講解“margin-left”這一屬性值時(shí)，保持其他變量不變，把“margin-left”的值由0增加到200，發(fā)現(xiàn)DIV的方框向右移動(dòng)200像素，讓學(xué)生直觀地觀察網(wǎng)頁發(fā)生的變化，學(xué)生發(fā)現(xiàn)增大了左邊界的值，DIV向右移動(dòng)了，從而知道了margin-left的含義及如何運(yùn)用margin-left去定位DIV。然后保持其他變量不變再增大margin-left的值，由200像素增加到300像素，這時(shí)筆者提問DIV會(huì)怎么移動(dòng)，學(xué)生就可以異口同聲地回答出，div繼續(xù)向右移動(dòng)100像素。

2 任務(wù)驅(qū)動(dòng)教學(xué)法

2.1 任務(wù)驅(qū)動(dòng)教學(xué)的含義

“任務(wù)驅(qū)動(dòng)”教學(xué)法中，教師在整個(gè)教學(xué)過程中通過創(chuàng)設(shè)情境、分析任務(wù)、細(xì)化任務(wù)，讓學(xué)生帶著真實(shí)的任務(wù)在探索中學(xué)習(xí)，使學(xué)生擁有學(xué)習(xí)的主動(dòng)權(quán)，學(xué)生學(xué)習(xí)不單是知識由外到內(nèi)進(jìn)行轉(zhuǎn)移和傳遞，更是學(xué)生主動(dòng)建構(gòu)自己知識經(jīng)驗(yàn)，通過新經(jīng)驗(yàn)和原有知識經(jīng)驗(yàn)的相互作用，充實(shí)和豐富自身的知識、能力的過程。最終使學(xué)生有效地實(shí)現(xiàn)對當(dāng)前所學(xué)知識的意義建構(gòu)的目的，培養(yǎng)學(xué)生提出問題、分析問題和解決問題的綜合能力。

2.2 任務(wù)驅(qū)動(dòng)教學(xué)法的適用范圍

任務(wù)驅(qū)動(dòng)教學(xué)法是Dreamweaver網(wǎng)頁制作等操作型技能型課程普遍采用的教學(xué)方法，適用于對Dreamweaver軟件初步掌握對網(wǎng)頁制作基本知識有一定了解的學(xué)生。

2.3 任務(wù)驅(qū)動(dòng)教學(xué)法的具體實(shí)施

2.3.1 提出任務(wù)，激發(fā)興趣

在“任務(wù)驅(qū)動(dòng)”教學(xué)法中，“任務(wù)”的提出是非常重要的，它決定學(xué)生是主動(dòng)學(xué)習(xí)還是被動(dòng)學(xué)習(xí)。尤其對于中職學(xué)生，可以采用“成果展示”的方式，調(diào)動(dòng)學(xué)生渴望完成任務(wù)的動(dòng)機(jī)，激發(fā)學(xué)生的參與意識。

2.3.2 分析任務(wù)

任務(wù)提出之后，不要急于講解，教師可以把一個(gè)大任務(wù)細(xì)分為一些小任務(wù)。任務(wù)應(yīng)從易到難，小任務(wù)應(yīng)緊密圍繞總體任務(wù)去一個(gè)個(gè)地實(shí)現(xiàn)，讓學(xué)生對呈現(xiàn)的任務(wù)進(jìn)行仔細(xì)思考、分析和討論，提出完成任務(wù)需要解決哪些問題，再讓學(xué)生明確：哪一些問題是學(xué)生以前學(xué)過的，自己就可以解決；哪些問題是沒有學(xué)過的，即新知識，這部分需要學(xué)生去獲取信息獲得新技能。這里仍然以“制作家鄉(xiāng)山水”網(wǎng)頁為例，在分析任務(wù)這一環(huán)節(jié)中，老師引導(dǎo)學(xué)生要想實(shí)現(xiàn)當(dāng)鼠標(biāo)單擊一個(gè)景區(qū)時(shí)，會(huì)打開相應(yīng)的景區(qū)介紹的頁面，這說明要建立一個(gè)標(biāo)記，使得景區(qū)地圖和景區(qū)介紹有一個(gè)一一對應(yīng)的關(guān)系，接下來引入熱點(diǎn)和錨記這兩個(gè)功能。

2.3.3 完成任務(wù)

這個(gè)階段教師不要直接告訴學(xué)生如何去做，而應(yīng)向?qū)W生提供解決該問題的線索，要引導(dǎo)學(xué)生利用已有的知識儲備知識結(jié)構(gòu)去構(gòu)建新知識，學(xué)生結(jié)合已有的知識自行完成任務(wù)，教師在一旁起到“引和導(dǎo)”、助教、助學(xué)的作用，學(xué)生通過自主探究或者協(xié)作開展探究活動(dòng)，在完成任務(wù)過程中掌握新知識，并將所學(xué)知識融會(huì)貫通，進(jìn)而運(yùn)用到實(shí)際中去。

2.3.4 評價(jià)與反饋

評價(jià)與反饋在整個(gè)教學(xué)環(huán)節(jié)的重要性不言而喻，就好像玩游戲做任務(wù)拿到懸賞金幣或者累積經(jīng)驗(yàn)值可以升級，如果不給予網(wǎng)頁作品優(yōu)秀的學(xué)生一定表揚(yáng)和鼓勵(lì)，恐怕他再去做任務(wù)時(shí)的獲取成功動(dòng)機(jī)會(huì)大跌。筆者在教學(xué)實(shí)踐中發(fā)現(xiàn)，在課程初期，學(xué)生完成任務(wù)的網(wǎng)頁作品都一樣，都是按照課本要求完成，只是掌握較好的學(xué)生做得快，掌握較慢的學(xué)生做得慢，出現(xiàn)優(yōu)秀生先做出來幫助后進(jìn)生做的情況。筆者采用最先完成任務(wù)的5人得10分，接下來完成的10人得8分，再接下來的10人得7分，最后完成的10人得6分的評價(jià)方式。在課程后期，學(xué)生已經(jīng)掌握網(wǎng)頁制作的基本知識，能獨(dú)立完成一個(gè)網(wǎng)頁甚至一個(gè)網(wǎng)站的制作的時(shí)候，就可以給予多元化評價(jià)，不僅僅是評價(jià)最后完成任務(wù)的結(jié)果，學(xué)生的學(xué)習(xí)能力、分析解決問題的能力、探究能力和創(chuàng)新意識都可以作為評價(jià)的方面，學(xué)生網(wǎng)頁布局是否合理、導(dǎo)航是否清晰、網(wǎng)頁是否美觀都要納入作品考核內(nèi)容。老師可以挑出較優(yōu)秀的作品，讓作者本人上臺展示自己的作品，講解自己的制作方法，達(dá)到鼓勵(lì)和激發(fā)其他同學(xué)設(shè)計(jì)熱情的效果。

3 項(xiàng)目教學(xué)法

3.1 項(xiàng)目教學(xué)法

學(xué)生在教師的指導(dǎo)下親自處理一個(gè)項(xiàng)目的全過程，在這一過程中學(xué)習(xí)掌握教學(xué)計(jì)劃內(nèi)的教學(xué)內(nèi)容。學(xué)生全部或部分獨(dú)立組織、安排學(xué)習(xí)行為，解決在處理項(xiàng)目中遇到的困難，提高了學(xué)生的興趣，自然能調(diào)動(dòng)學(xué)習(xí)的積極性。

3.2 項(xiàng)目教學(xué)法的適用范圍

在《Dreamweaver網(wǎng)頁制作》這門課程中項(xiàng)目教學(xué)法適用于課程的后期，學(xué)生已經(jīng)掌握網(wǎng)頁制作的基本操作和DIV+CSS的網(wǎng)頁布局和網(wǎng)頁美化方法，可以獨(dú)立或者分小組開始做公司網(wǎng)站或者門戶網(wǎng)站時(shí)采用此方法效果較好。

3.3 項(xiàng)目教學(xué)法的具體實(shí)施

對應(yīng)于中職學(xué)校面向職業(yè)面向技術(shù)的特點(diǎn)，“項(xiàng)目”的設(shè)置應(yīng)盡量貼近網(wǎng)站開發(fā)企業(yè)標(biāo)準(zhǔn)化的工作流程，體現(xiàn)網(wǎng)站開發(fā)橫向工作過程，結(jié)合真實(shí)網(wǎng)站開發(fā)企業(yè)從網(wǎng)站需求分析到整站制作，細(xì)化五大開發(fā)環(huán)節(jié)，進(jìn)行針對性的項(xiàng)目教學(xué)。

下面筆者以制作企業(yè)網(wǎng)站為例闡述項(xiàng)目教學(xué)法在網(wǎng)頁制作課程中的具體實(shí)施過程。

3.3.1 根據(jù)需求分析確定網(wǎng)站主題和網(wǎng)站結(jié)構(gòu)

教師模擬企業(yè)真實(shí)項(xiàng)目，給出甲方的需求分析，把班上的學(xué)生分成不同的小組，每一個(gè)小組要根據(jù)需要設(shè)計(jì)出網(wǎng)站導(dǎo)航。如圖1是學(xué)生設(shè)計(jì)出的導(dǎo)航結(jié)構(gòu)（A Watch艾特表業(yè)網(wǎng)站導(dǎo)航圖）。

3.3.2 素材收集和確定網(wǎng)站風(fēng)格

網(wǎng)頁制作過程中，素材的收集是非常重要的，素材的來源通常有以下幾方面。

（1）客戶提供的素材：主要是與產(chǎn)品或企業(yè)相關(guān)的圖片和文字，例如產(chǎn)品外觀圖像等。

（2）網(wǎng)上收集的素材：主要是一些與網(wǎng)站主題相關(guān)的輔助性圖像，這些圖像的裝飾性較強(qiáng)，例如背景圖片、按鈕圖片等。

（3）獨(dú)自創(chuàng)作的素材：利用相關(guān)軟件自行設(shè)計(jì)制作。

小組討論確定網(wǎng)站的主色調(diào)，主體文字顏色、大小，顯示內(nèi)容寬度，以保證各個(gè)頁面風(fēng)格一致。

3.3.3 網(wǎng)頁制作過程

在這一步驟中，小組分工合作，遇到困難可以參考有關(guān)書目自主學(xué)習(xí)，解決問題或者求助網(wǎng)絡(luò)，借助網(wǎng)絡(luò)資源。整個(gè)過程是開放式的，學(xué)生遇到問題可以求助于老師，老師在這個(gè)過程中注意觀察記錄每一個(gè)同學(xué)的表現(xiàn)，在團(tuán)隊(duì)中屬于主力還是協(xié)助者，遇到不會(huì)的問題是積極解決還是放棄。同時(shí)老師還要起到督促、管理的作用。

3.3.4 網(wǎng)站項(xiàng)目的評估

網(wǎng)頁制作的項(xiàng)目評估是為了檢驗(yàn)學(xué)生實(shí)現(xiàn)項(xiàng)目的成果，教師可設(shè)計(jì)一個(gè)項(xiàng)目評估表格，對學(xué)生作品從總體設(shè)計(jì)、樣式美觀度、導(dǎo)航結(jié)構(gòu)是否清晰、內(nèi)容完整度等幾個(gè)方面進(jìn)行綜合評價(jià)。

3.3.5 成果報(bào)告

每個(gè)小組最后均要上交項(xiàng)目報(bào)告單，每一小組同學(xué)上來介紹本小組設(shè)計(jì)的網(wǎng)站，并說明自己在整個(gè)項(xiàng)目中做了什么。老師結(jié)合平時(shí)的觀察記錄和對展示同學(xué)針對自己做的部分的提問給出他在這個(gè)項(xiàng)目中的成績。

參考文獻(xiàn)

[1] 徐嫻.元認(rèn)知策略對中職網(wǎng)頁制作項(xiàng)目教學(xué)的啟示[J].教科文匯旬刊，2010（18）：79.

[2] 王君學(xué)，孫海倫，金哲.網(wǎng)頁設(shè)計(jì)與制作（項(xiàng)目教學(xué)）[M].人民郵電出版社，2013.

[3] 李翠白，李芒.基于計(jì)算機(jī)的教學(xué)設(shè)計(jì)任務(wù)驅(qū)動(dòng)式學(xué)習(xí)方法[J].中國電化教育，2001（12）：9-13.