中職《Dreamweaver網(wǎng)頁制作》課程教學方法探究

李亞秋

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

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

中圖分類號：TP393.0 文獻標識碼：A 文章編號：1672-3791（2016）12（c）-0171-02

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

1 控制變量教學法

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

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

1.2 控制變量教學法的適用范圍

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

1.3 控制變量教學法的應用

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

2 任務驅(qū)動教學法

2.1 任務驅(qū)動教學的含義

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

2.2 任務驅(qū)動教學法的適用范圍

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

2.3 任務驅(qū)動教學法的具體實施

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

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

2.3.2 分析任務

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

2.3.3 完成任務

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

2.3.4 評價與反饋

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

3 項目教學法

3.1 項目教學法

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

3.2 項目教學法的適用范圍

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

3.3 項目教學法的具體實施

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.3.5 成果報告

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

參考文獻

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

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

[3] 李翠白，李芒.基于計算機的教學設計任務驅(qū)動式學習方法[J].中國電化教育，2001（12）：9-13.