基于工作過程的《Dreamweaver網頁制作》課程教學改革的探索與實踐

王 苗

（寧夏工商職業技術學院，寧夏 銀川 750021）

《Dreamweaver網頁制作》是一門實踐性很強的技術入門課程，兼具設計性、實操性和應用性。本課程的主要任務是讓學生了解網頁制作和網站建設所需的基本知識，培養學生設計網頁、建立網站和規劃網站的實際技能。該課程以講解Dreamweaver、Flash、Photoshop軟件使用為主，旨在讓學生掌握網頁制作所必備的圖像處理、視音頻處理、網頁頁面制作及網站建設的基礎知識，為進一步學習網絡知識打下基礎。

在教學改革的探索與實踐過程中，我們應以崗位需求為導向，根據計算機應用技術的發展和職業崗位的實際需要，先分析其典型工作過程與工作任務，得出完成工作任務對應的計算機應用技術和職業要求，按照計算機應用技術和職業要求設計專業知識模塊和項目案例，分解工作任務，形成教學情境。結合職業技能鑒定要求和勞動力市場化管理需要，依托校內實訓室、校外企業，創造最佳的基于工作過程的學習環境和實訓條件，對基于工作過程的《Dreamweaver網頁制作》課程體系、教學內容、教學方法及教學手段等進行探索與實踐。

1 現狀分析

隨著計算機信息技術的飛速發展，網絡發展與應用所涉及的行業越來越廣泛，網站在變，用戶體驗在變，網站設計人員的職業標準在變，對于計算機專業《Dreamweaver網頁制作》課程的教學要求也在變。如何適應現今諸多變化完成教學并提高教學質量已經成為計算機專業教學改革的一大課題。

從教師方面來看，很多教師雖然教齡長，理論知識豐富，但長期脫離實踐，對行業新變化了解甚少。部分專業教師一畢業就來到學校，剛剛走出校園的他們，同樣是理論知識豐富，缺乏實踐經驗。教師隊伍中即便加入了新生力量，但“雙師型”教師缺乏，教學環節理論與實踐結合不夠，仍難以體現高職高專院校的職業特色。

從學生方面來看，高職高專學生與普通高校學生相比，大部分學生文化基礎差，入學成績普遍偏低，學習吃力且人生目標模糊，學習的主動性、自覺性不足，學習習慣不好，接受知識的速度相對較慢，其自身素質與高校要求不相適應。而一部分素質較高的高職高專學生，對本課程的學習也僅限于理論方面，缺乏實踐鍛煉，未能與社會需要技能無縫對接。

綜上，《Dreamweaver網頁制作》課程教與學的方式亟待解決。那么，基于工作過程導向的教學思想和方法是在學習與借鑒德國“雙元制”職業教育經驗、改革我國職業教育的過程中，逐步在我國教育界受到重視。工作過程的核心是行動導向，強調學生是學習過程的中心，教師是學習過程的組織者與協調人，教師采取“資訊、計劃、決策、實施、檢查、評估”的整體行動，在教學中與學生互動，讓學生通過“獨立地獲取信息、獨立地制定計劃、獨立地實施計劃、獨立地評估計劃”，使學生在實踐中掌握職業技能、習得專業知識，從而構建屬于自己的經驗、知識或能力體系。

2 探索與實踐

2.1 優化教材體系

“工欲善其事，必先利其器。”完善本課程的教與學關鍵之一便是優化教材，合適的教材在教學環節中起著舉足輕重的作用。《Dreamweaver網頁制作》課程以往選用的教材，對于初學者尤其是學習能力稍差的高職學生而言難度較大，以至于教學中經常出現學生學習興趣降低、教師教學課時明顯不夠等問題。基于工作過程的Dreamweaver網頁制作課程教材，內容應以教授基礎、基礎與案例相結合、基于工作過程的案例分析等層層遞進的原則進行選擇，組織與編排方式以折衷式組織及螺旋式排列組合為優。在選擇到合適的教材基礎上，教師要立足于教材，篩選基于工作過程的教學內容，以使教學過程更接近崗位化。

本人為了使教材更利于學生工作崗位化，結合我院學生及學校實際情況又編寫了《網站總體設計書》，該設計書構造了以網站欣賞、網站規劃規范、網站效果圖設計、網頁色彩與布局設計、網頁動畫設計、HTML語言基礎、網頁布局與編輯、模板與庫的應用、層疊樣式表CSS、DIV+CSS網頁布局、靜態網站動態化、動態程序開發、綜合教學案例、項目開發實訓14個模塊為主教學單元，然后將教學內容進行了重構，整理成5個典型的工作情境，編寫了基于工作過程的《網站總體設計書》，教材內容體系清晰，教學模塊符合崗位需求。如下表是結合學校及學生實際情況，制定的關于Dreamweaver網頁制作的整體工作化教學情境。

表 “Dreamweaver網頁制作”工作化教學情境設計

工作化教學情境設計

情境1：學校團委網站建設項目基礎與流程設計、效果圖設計、網站的后期編輯、網站的發布與測試

情境2：寵物網站建設網站項目策劃、主頁設計與制作、網站動畫的設計、網站的后期編輯、HTML學習、CSS應用、項目完善

情境3：喜洋洋枸杞專賣購物網站建設項目前期組織工作、效果圖與動畫設計、網站的后期編輯、代碼編輯、網站的發布與測試

情境4：《計算機組裝與維護》精品課網站建設項目前期策劃、效果圖與動畫設計、DIV+CSS布局網站、使用模板與庫完善網站

情境5：學校留言反饋系統網站建設前期策劃與效果圖設計、框架布局圖形設計、登錄系統的實現、留言系統的實現、反饋系統的實現

工作化教學情境設計是學習領域教學內容的具體化。表中工作化教學情境的設計思路是：按照Web網站項目開發實際工作過程，將典型的工作任務融入到為這5個工作情境中，這些工作情境從個體上看，都代表了某一類網站；從整體上看，則是難度逐步加深，推動了工作進度，最終完成5種類型的網站項目、網頁設計與制作的理論知識點技能要求，分布在這些工作情境之中，它和傳統教學順序完全不同，教學內容設計完全取決于實際開發需要，從而大大激發了學生的興趣，達到了教材工作崗位化，使學生在教與學中做到了“學中做、做中學”的效果，學生的學習主觀能動性得到了發揮。

在經過2012信息管理班學生分組化試點后，我們在2012級計算機軟件技術專業學生中應用了基于工作過程導向的，將真實項目資源轉化為教學資源的任務驅動教學方法，實踐證明，在實際教學過程中，學生能夠主動發現問題，并積極主動去解決問題，特別是由于所有的情境都基于同一項目，學生在做后面的實訓時，經常能發現以前作業的不足之處，從而主動將業余時間用來做網站項目，部分同學甚至在學期末將本學期20個工作任務全部重做了一遍，大多數學生具備了學習的主動性和能動性，明確了知識模塊的聯系和課程的學習目標，為后繼課程的學習打下了堅實的基礎。

2.2 改革教學方法

2.2.1 采用“項目引領”教學法，突出“能力本位”教學目標

引進基于工作過程的網站真實案例作為實訓教學案例，采用“案例引領”教學法，將工作過程的“案例”中的技能模塊進行分拆和重構；采用“實訓項目”和“拓展實訓”相結合。

2.2.2 采用“任務驅動”教學法，強調從點到面到綜合能力的培養

任務驅動，小組協作。開展以制作工作過程的多類型網站為目標的項目教學，使得學生不僅能夠掌握《Dreamweaver網頁制作》課程的基本知識和基本技能，提高學習興趣，而且在小組學習的過程中，學會與他人合作，共同完成任務。同時，在專業課程教學中滲透多類型網站內容相關教育內容，使學生在不知不覺中學到更多學科知識。此外，還可定期舉辦技能大賽和知識競賽，以鞏固學生的學習效果。

2.3 改革教學手段

1）充分利用信息化教學工具和軟件。根據該課程的特點，將理論課與工作過程的實訓課融合在一起，全部都在多媒體機房上課、實訓或實習，因此，在教學過程中，完全利用現實網站進行剖析講解。

2）利用數字化資源庫立體化教學平臺，實現網絡教學互動和資源共享。將課程內容、工作過程的實訓項目、理論題庫、實訓題庫、證書題庫、電子教材、網上答疑以及視頻資源統一規劃建設，依托校園網絡平臺，構建師生學習的數字化資源環境。

以基于工作過程為導向，加強實習實訓平臺建設，強化實踐教學，教學與實訓實現一地化，重視校企合作。高職教育人才培養模式是根據職業崗位需要來進行，立足于企業人才需求實際，在課程中開展基于工作任務的項目教學。我們應利用校企合作共同構建和實施基于工作任務的項目課程體系，使學生真正做到理論聯系實踐，在獲取知識的同時充分掌握專業崗位技能，以充分體現出高職人才培養的職業性和實踐性。

2.4 基于工作過程，加強“雙師型”教師培養

優秀的師資是高職院校辦學的根本保證。提高計算機應用專業高職教師基于工作過程Dreamweaver網頁制作的“雙師”素質是高職教育發展的需要，也是教師個人發展的需要。高職院校應鼓勵現有計算機應用專職教師在其專業領域不斷學習，及時更新自己現有的知識結構，進行自我提升，并有針對性地將部分教師安排在企業網站制作的頂崗崗位上工作，增強其實踐經驗，提高其動手能力，使他們對行業需求變化了如指掌，以便清晰地掌握學生的培養方向。

3 總結

在實踐過程中，發現存在如下問題與不足：由于整個教學情境在邏輯上前后聯系，對于動手慢的同學前一個任務沒有完成，就失去了實現當前任務的基礎。針對這一問題，在下一步工作中，需加強過程管理和課余輔導，鼓勵同學間相互幫助與溝通，先進帶動后進；另外，需強化基礎圖象處理訓練與審美訓練，培養良好的界面設計能力，提高網站設計能力。

以工作過程為導向，將真實項目資源轉化為教學資源，調動學生的主觀能動性，在教師引導下來實施教學進程，是培養學生理論知識、實踐技能和學習能力的重要手段，是能力本位教學模式的體現。而這種教育模式也對教師的教學水平、責任意識、實踐經驗等提出了更高的要求。開發多種類型的課程模式，不斷深化高職教學改革，提高教學質量和就業質量，是一線教師義不容辭和長期艱巨的任務。

［1］胡煒.鐘衛連.高職院校計算機教學的分析與對策[J].福建電腦,2007(8).

［2］姜大源.當代世界職業教育發展趨勢研究[M].北京:電子工業出版社,2012.

［3］丁桂芝.動態網頁制作實例教程——Dreamweaver ASP與SQL[M].天津大學出版社,2008(4).

［4］張建立.Dreamweaver動態網站建設全程實錄[M].北京希望電子出版社,2009(4).

［5］何秀明,王偉光,鄭慶榮.Dreamweaver8網頁設計與熱門網站制作[M].電子工業出版社,2007(4).