基于工作過程的《Dreamweaver網(wǎng)頁制作》課程教學(xué)改革的探索與實踐

王 苗

（寧夏工商職業(yè)技術(shù)學(xué)院，寧夏 銀川 750021）

《Dreamweaver網(wǎng)頁制作》是一門實踐性很強的技術(shù)入門課程，兼具設(shè)計性、實操性和應(yīng)用性。本課程的主要任務(wù)是讓學(xué)生了解網(wǎng)頁制作和網(wǎng)站建設(shè)所需的基本知識，培養(yǎng)學(xué)生設(shè)計網(wǎng)頁、建立網(wǎng)站和規(guī)劃網(wǎng)站的實際技能。該課程以講解Dreamweaver、Flash、Photoshop軟件使用為主，旨在讓學(xué)生掌握網(wǎng)頁制作所必備的圖像處理、視音頻處理、網(wǎng)頁頁面制作及網(wǎng)站建設(shè)的基礎(chǔ)知識，為進(jìn)一步學(xué)習(xí)網(wǎng)絡(luò)知識打下基礎(chǔ)。

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

1 現(xiàn)狀分析

隨著計算機信息技術(shù)的飛速發(fā)展，網(wǎng)絡(luò)發(fā)展與應(yīng)用所涉及的行業(yè)越來越廣泛，網(wǎng)站在變，用戶體驗在變，網(wǎng)站設(shè)計人員的職業(yè)標(biāo)準(zhǔn)在變，對于計算機專業(yè)《Dreamweaver網(wǎng)頁制作》課程的教學(xué)要求也在變。如何適應(yīng)現(xiàn)今諸多變化完成教學(xué)并提高教學(xué)質(zhì)量已經(jīng)成為計算機專業(yè)教學(xué)改革的一大課題。

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

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

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

2 探索與實踐

2.1 優(yōu)化教材體系

“工欲善其事，必先利其器?！蓖晟票菊n程的教與學(xué)關(guān)鍵之一便是優(yōu)化教材，合適的教材在教學(xué)環(huán)節(jié)中起著舉足輕重的作用。《Dreamweaver網(wǎng)頁制作》課程以往選用的教材，對于初學(xué)者尤其是學(xué)習(xí)能力稍差的高職學(xué)生而言難度較大，以至于教學(xué)中經(jīng)常出現(xiàn)學(xué)生學(xué)習(xí)興趣降低、教師教學(xué)課時明顯不夠等問題。基于工作過程的Dreamweaver網(wǎng)頁制作課程教材，內(nèi)容應(yīng)以教授基礎(chǔ)、基礎(chǔ)與案例相結(jié)合、基于工作過程的案例分析等層層遞進(jìn)的原則進(jìn)行選擇，組織與編排方式以折衷式組織及螺旋式排列組合為優(yōu)。在選擇到合適的教材基礎(chǔ)上，教師要立足于教材，篩選基于工作過程的教學(xué)內(nèi)容，以使教學(xué)過程更接近崗位化。

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

表 “Dreamweaver網(wǎng)頁制作”工作化教學(xué)情境設(shè)計

工作化教學(xué)情境設(shè)計

情境1：學(xué)校團(tuán)委網(wǎng)站建設(shè)項目基礎(chǔ)與流程設(shè)計、效果圖設(shè)計、網(wǎng)站的后期編輯、網(wǎng)站的發(fā)布與測試

情境2：寵物網(wǎng)站建設(shè)網(wǎng)站項目策劃、主頁設(shè)計與制作、網(wǎng)站動畫的設(shè)計、網(wǎng)站的后期編輯、HTML學(xué)習(xí)、CSS應(yīng)用、項目完善

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

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

情境5：學(xué)校留言反饋系統(tǒng)網(wǎng)站建設(shè)前期策劃與效果圖設(shè)計、框架布局圖形設(shè)計、登錄系統(tǒng)的實現(xiàn)、留言系統(tǒng)的實現(xiàn)、反饋系統(tǒng)的實現(xiàn)

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

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

2.2 改革教學(xué)方法

2.2.1 采用“項目引領(lǐng)”教學(xué)法，突出“能力本位”教學(xué)目標(biāo)

引進(jìn)基于工作過程的網(wǎng)站真實案例作為實訓(xùn)教學(xué)案例，采用“案例引領(lǐng)”教學(xué)法，將工作過程的“案例”中的技能模塊進(jìn)行分拆和重構(gòu)；采用“實訓(xùn)項目”和“拓展實訓(xùn)”相結(jié)合。

2.2.2 采用“任務(wù)驅(qū)動”教學(xué)法，強調(diào)從點到面到綜合能力的培養(yǎng)

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

2.3 改革教學(xué)手段

1）充分利用信息化教學(xué)工具和軟件。根據(jù)該課程的特點，將理論課與工作過程的實訓(xùn)課融合在一起，全部都在多媒體機房上課、實訓(xùn)或?qū)嵙?xí)，因此，在教學(xué)過程中，完全利用現(xiàn)實網(wǎng)站進(jìn)行剖析講解。

2）利用數(shù)字化資源庫立體化教學(xué)平臺，實現(xiàn)網(wǎng)絡(luò)教學(xué)互動和資源共享。將課程內(nèi)容、工作過程的實訓(xùn)項目、理論題庫、實訓(xùn)題庫、證書題庫、電子教材、網(wǎng)上答疑以及視頻資源統(tǒng)一規(guī)劃建設(shè)，依托校園網(wǎng)絡(luò)平臺，構(gòu)建師生學(xué)習(xí)的數(shù)字化資源環(huán)境。

以基于工作過程為導(dǎo)向，加強實習(xí)實訓(xùn)平臺建設(shè)，強化實踐教學(xué)，教學(xué)與實訓(xùn)實現(xiàn)一地化，重視校企合作。高職教育人才培養(yǎng)模式是根據(jù)職業(yè)崗位需要來進(jìn)行，立足于企業(yè)人才需求實際，在課程中開展基于工作任務(wù)的項目教學(xué)。我們應(yīng)利用校企合作共同構(gòu)建和實施基于工作任務(wù)的項目課程體系，使學(xué)生真正做到理論聯(lián)系實踐，在獲取知識的同時充分掌握專業(yè)崗位技能，以充分體現(xiàn)出高職人才培養(yǎng)的職業(yè)性和實踐性。

2.4 基于工作過程，加強“雙師型”教師培養(yǎng)

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

3 總結(jié)

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

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

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

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

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

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

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