Dreamweaver網頁制作教學方法探索

陶亮　秦云霞

摘 要： 隨著計算機技術的飛速發展和互聯網的廣泛應用， 網絡技術和多媒體技術也得到了更深層次的開發應用，其中網頁制作已成為熱門，Dreamweaver是網頁制作的主流軟件。在Dreamweaver課程教學中，應以培養學生實踐能力、創新能力為目的。據此，作者采用多種教學模式相結合的方法，把目標激勵教學模式、概念——實例教學模式、行為導向教學模式有機結合在一起，并輔以現代化的教學手段，取得了良好的教學效果。

關鍵詞： 教學邊界 教學領域 教學模式

作為一門計算機和平面設計交叉的學科，Dreamweaver網頁制作學科有其實用性和特殊性。在實際教學過程中，教師不應再采取傳統科目的教學方法，而應結合學科目標和當前的社會實際，進行有針對性的教學，以實現學生能力和職業要求的接軌。同時Dreamweaver網頁制作作為新興學科，其內容豐富，有許多相關科目對它進行了完善發展。故此，筆者結合多年的教學經驗，對Dreamweaver網頁制作的課程進行了優化和教學創新，以期更好地達到教書育人的目的。

1.根據職業確定教學邊界

行業行為領域分為行為過程及行為導向，它是一種綜合性任務，來源于職業生活。簡而言之，它就是“what”和“how”。具體的行業行為流程主要分為三步：一是針對網站進行大體地構想，并加以創新。二是根據平面設計的基本知識對網站進行色彩搭配、分配布局等工作。三是隨時對站點進行維護和更新。與此同時，對增加站點的訪問量也需要投入一定的精力。

2.構建教學領域

筆者認為，在Dreamweaver網頁制作的教學領域中，把網頁設計當做中心點，向四周發散地擴展是比較合適的。其中網頁設計包括以下內容：多媒體技術、網絡技術、數據庫技術、色彩搭配、版面布局等。同時再在各個方面進行學習深入，這將使學生在Dreamweaver網頁制作的技術學習上，不僅有深度，還有廣度。

3.教學難點

3.1缺乏HTML語言基礎。大多數學生在學習本課程前都沒接觸過編程，沒有一個很好的學習基礎，因此學生對于HTML語言的學習感到吃力在所難免。

3.2豐富的知識面要求。Dreamweaver網頁制作有著豐富的表現形式和多樣的技術手段，并且涵蓋了大量的知識點，它要求學生具備一定的藝術修養和審美能力，這使得頁面設計與制作比起來要耗費更多的精力與時間。在頁面構思上，學生要充分考慮頁面布局、圖文搭配及色彩搭配等平面設計方面的知識。

4.教學過程

學習前期過程主要采用的是概念——案例教學模式和目標激勵教學模式，并將這兩種模式結合起來進行教學活動，一方面通過概念——案例教學模式激發學生的興趣，對實際案例進行剖析，另一方面通過目標激勵教學模式組織實踐，以強化基本技能和知識點，從而讓學生獲得系統的知識結構和基本的實踐能力。舉例來講，在傳授如何插入一個多媒體元素時，利用多媒體教學軟件邊講解邊演示，指出需要理解的知識點和需要掌握的操作技能，用案例來講解知識點，再用目標激勵教學模式進行監督學習。同時布置若干目標任務，把在教學過程中涉及的知識點和操作技巧隱含于目標任務中。在相同的目標指引下，教師“教”，學生“學”，學生“做”。此時學生有著強烈的目標激勵，將會自發地進行學習和探索，大大提高操作層面上的能力與技巧，培養濃厚的學習興趣和學習欲望，以及自學能力。

學習后期的主要目標是對Dreamweaver網頁制作知識和技能的系統掌握和知識整合。為了達到綜合提高學生能力的目的，將采取行為導向的教學模式。在其過程中，以項目教學法為例。筆者以企業對崗位的需求為起點，把企業的實際環境引入到教學環境中，并將二者有機結合在一起。確定項目——商業網站。商業網站有著系統的開發體系，并且涉及了很多方面的知識。商業網站開發可以分為五個步驟：提出需求——整體構思——具體操作——項目檢驗——客戶點評。對具體項目的參與和剖析，非常有利于學生知識架構的整體把握。此過程中，教師和學生分別作為客戶方和項目承接方，按照客戶（教師）的引導和要求，項目承接者（學生）以小組的形式，在明確項目目標的前提下制定具體的工作流程，開始實施。不同能力的學生分別承擔相應的任務，能力強的學生可以適當地承擔核心任務的開發。項目承接方（學生）還要在項目實施中多與客戶（教師）交流。項目教學法可以充分發揮學生的主觀能動性，極大地提高具體層面的操作能力，培養團隊合作意識，同時幫助他們學會如何更好地發現、分析、解決問題。

5.《Dreamweaver》教學模式優化

5.1概念—實例教學模式。

概念是學習每一門課程的根基，任何一個學科都要有概念作為其強有力的支撐，Dreamweaver網頁制作作為一門學科，亦如此。考慮到學生的學習主動性、學習積極性，以及對略顯枯燥的理論知識的興趣，教師通過鮮活生動的例子引出概念就顯得比較重要，同時引導學生將理論應用于實踐，加強理解，方便消化吸收。

5.2目標激勵教學模式。

通過目標的激勵，借助別人的幫忙，利用手頭的學習資源，以自學的方式獲得知識的教學模式稱為目標激勵的教學模式。即在教學過程中，向學生分配一定量的具體任務，教師從旁指導，引導學生采取手段方法，并輔助教學資源，最終完成任務。這類似于幾何證明中的“反證法”。

因為教師的能力是有限的，對于要授課的知識不可能面面俱到，所以教師引導學生抓住重點和主線非常必要。并且“紙上得來終覺淺，絕知此事要躬行”，只有在實踐過程中，學生才會對授課內容有著更深層次的理解和印象，才能真正掌握知識。在這個教學模式中，直接影響學生學習興趣的就是任務的選擇，好的任務能夠在無形中激發學生的學習興趣，而不好的任務則不利于學生學習的積極性。所以教師應根據Dreamweaver網頁制作的靈活性、綜合性、實踐性等特點布置任務。

5.3行為導向教學模式。

在教學過程中，教師模擬實際工作環境營造教學氣氛，與學生一起商定學習目標及學習任務，通過各種手段指導學生學習，以期培養學生的學習興趣，提高實際操作的能力。在學習過程中以小組的形式增強學生的團隊協作能力的教學模式稱為行為導向教學模式。該教學模式以人的發展為本，以提高職業技能為導向，以項目教學法、案例教學法、頭腦風暴、角色扮演為新的教學方法，是比較先進的教學模式，其中又以項目教學法為主。

6.充分利用現代科學技術

為了給學生提供一個與因特網相似的學習環境，讓學生充分體驗Dreamweaver課程是基于網頁制作的課程，通過該課程的學習，學生將學會獨立發布網頁和制作網站。為了學生真實地參加項目設計，參與網站項目開發的全過程，參加網頁制作和網站建立的工作流程，建立模擬開發環境是必要的，可使每一位學生都可以進行網站開發、網站建立、網站管理和網絡發布。同時教師可以查看學生制作的網站，并進行成績評定及學生通過互相訪問進行互相學習觀摩，讓學生真實地體會工作過程，鍛煉實際工作能力。此外，筆者還將自己研發的《Dreamweaver網頁制作》課程教學網站放在教師機上，以便在教學過程中講解、演示教案網頁，進行授課。課程教學網站還提供了一些教學功能，如實驗習題、資源下載、教學課件和討論區等，并向學生開放，學生可在課程教學網站上獲得授課教案、教學課件、討論區、實驗習題等內容，同時教師對教學過程進行全程管理。先進教學技術的利用，大大提高了教學質量和效率，實現了教學管理的網絡化。

總之，計算機專業的課程可以有多種教學方法，集綜合性與實踐性于一身的Dreamweaver網頁制作課程亦如此，為了更好地滿足將來工作崗位的要求，教師要結合具體實際，進行有針對性的教學，不可千篇一律，要不斷反思、總結、探索。同時，將“教”、“學”有機結合起來，做到教中有學，學中有教，讓學生體會研究探索的樂趣，培養學生的團隊協作能力，激發學生的學習興趣，培養學生的實際操作能力、創新能力及自主學習能力，從根本上提升學生的綜合素質，為社會輸送高層次的技術人才。

參考文獻：

[1]萬良.黃錦祝.網頁制作技術課程改革探索[J].中國職業技術教育，2007（7）.

[2]杜麗軍.行動導向在中職《網頁制作》課程教學中的探索[J].職教論壇，2007（20）.

[3]丁海燕.網頁設計與制作[J].課程教學的探討與實踐，云南農業大學學報，2009（3）.

[4]呂慧娟.網頁設計課程教學的創新與實踐[J].電腦知識與技術，2007（13）.

[5]肖海慧.案例導學與任務督學相結合的《動畫設計》課程的教學模式[J].職業教育研究（天津），2007（12）.