信息化項目教學(xué)法在網(wǎng)頁設(shè)計與制作實訓(xùn)課程中的應(yīng)用

1、<p>　　信息化項目教學(xué)法在網(wǎng)頁設(shè)計與制作實訓(xùn)課程中的應(yīng)用</p><p>　　【摘要】本文通過分析我校《網(wǎng)頁設(shè)計與制作》課程中傳統(tǒng)教學(xué)方法的不足，探索了以任務(wù)驅(qū)動為導(dǎo)向的信息化項目式教學(xué)法在此課程實訓(xùn)教學(xué)中的應(yīng)用。通過在實訓(xùn)教學(xué)中引入信息化教學(xué)手段，設(shè)置學(xué)習(xí)情景與工作任務(wù)，實現(xiàn)了學(xué)習(xí)過程可控制和學(xué)習(xí)效果可量化等成效，得出信息化項目式教學(xué)方法的應(yīng)用在提高學(xué)生實踐技能與職業(yè)素養(yǎng)方面具有重要意義。 <

2、;/p><p>　　【關(guān)鍵詞】網(wǎng)頁設(shè)計與制作，信息化，項目式教學(xué)法，實踐技能 </p><p>　　當(dāng)今社會，網(wǎng)頁已經(jīng)深入到生活的各個行業(yè)。每天上網(wǎng)瀏覽網(wǎng)頁、獲取信息已經(jīng)成為人們工作生活中的日常行為，對于企業(yè)來說，利用網(wǎng)站進行品牌宣傳、利用網(wǎng)店銷售商品也已經(jīng)成為企業(yè)的工作常態(tài)和新的途徑。對于高職院校電子商務(wù)專業(yè)的學(xué)生來說，設(shè)計和開發(fā)企業(yè)網(wǎng)站，對網(wǎng)店進行裝修和美化是他們以后工作一部分，因此他們需

3、要學(xué)習(xí)并快速掌握網(wǎng)頁設(shè)計與制作技術(shù)。 </p><p>　　1、傳統(tǒng)教學(xué)方法問題分析 </p><p>　　作為電子商務(wù)重要技術(shù)基礎(chǔ)的《網(wǎng)頁設(shè)計與制作》課程是高職類電子商務(wù)專業(yè)的必修課。 </p><p>　　它是一門實踐性極強的綜合性應(yīng)用課程。傳統(tǒng)教學(xué)方法往往注重于Dreamweaver、Photoshop等技術(shù)軟件的操作[1]，重點要求學(xué)生學(xué)習(xí)一些代碼、特效等技

4、能操作。這種傳統(tǒng)教學(xué)方法強調(diào)以課堂為中心，以教師為中心，圍繞著教材進行授課，這樣往往忽視了學(xué)生的積極性、主動性，無法培養(yǎng)學(xué)生制作網(wǎng)頁時所需的創(chuàng)造性和理解能力。通過分析，我們發(fā)現(xiàn)采用這種傳統(tǒng)教學(xué)方法存在以下問題： </p><p>　　首先，高職類電子商務(wù)專業(yè)學(xué)生學(xué)習(xí)主動性不足，技術(shù)基礎(chǔ)薄弱，同時缺少網(wǎng)頁設(shè)計與制作所需要的抽象思維能力，這種傳統(tǒng)教學(xué)方法會造成學(xué)生學(xué)習(xí)興趣不高，學(xué)習(xí)效果較差，往往經(jīng)過一個學(xué)期甚至更長的

5、時間學(xué)習(xí)后還難以學(xué)會這項技術(shù)。 </p><p>　　其次，在這種教學(xué)模式下，技能學(xué)習(xí)的過程與真實的網(wǎng)頁設(shè)計開發(fā)項目流程差別較大，學(xué)生在較短時間里可能掌握部分軟件操作技能，但無法從整體上快速把握網(wǎng)頁設(shè)計與制作全過程。 </p><p>　　同時，在教學(xué)過程中我也深刻的感受到電子商務(wù)專業(yè)的學(xué)生又對網(wǎng)頁設(shè)計技術(shù)的學(xué)習(xí)充滿期待和向往。因此，在這門課程中探索新的教學(xué)方法，幫助他們迅速掌握網(wǎng)頁設(shè)計與

6、制作技術(shù)，就變得非常必要和迫切。 </p><p>　　2. 信息化項目式教學(xué)模式的設(shè)計 </p><p>　　項目教學(xué)法是一種基于建構(gòu)主義的、教師指導(dǎo)下的以學(xué)生自主探索為基礎(chǔ)的教學(xué)方法，它源自于美國實用主義哲學(xué)家和教育家杜威，并由其學(xué)生不斷豐富和發(fā)展。這種教學(xué)法是以一個完整的項目為實踐教學(xué)對象，將知識點圍繞著教師所下達的項目要求，在教師指引下，以個人或小組工作方式，完成相關(guān)項目模塊，并最

7、終將一個個項目模塊“組裝”成一個完整的項目[3]，并在項目實施過程中完成相應(yīng)的教學(xué)任務(wù)，從而在教學(xué)過程中提升學(xué)生的知識、能力和素質(zhì)水平。 </p><p>　　為了解決傳統(tǒng)教學(xué)方法在技能類課程中存在的問題，提高學(xué)生的學(xué)習(xí)興趣和教學(xué)效果，在網(wǎng)頁設(shè)計與制作課程中我們引入了項目式教學(xué)方法，同時在項目式教學(xué)過程中創(chuàng)造性的使用了我們自主研發(fā)的具有人機交互特性的實訓(xùn)教學(xué)軟件，該實訓(xùn)教學(xué)軟件按照真實網(wǎng)頁開發(fā)流程，配合課程所用教

8、材和教學(xué)進度，應(yīng)用到課程實訓(xùn)教學(xué)中。信息化手段的應(yīng)用受到學(xué)生的一致好評和積極響應(yīng)，極大地提升了課程的教學(xué)效果。 </p><p>　　信息化項目式教學(xué)設(shè)計的思路是按照企業(yè)網(wǎng)頁設(shè)計與制作的基本流程和工作步驟，將網(wǎng)頁設(shè)計與制作的整個業(yè)務(wù)流程劃分成多個連續(xù)的子項目，并用信息化手段將每個子項目進行固化。學(xué)生在進行課程實訓(xùn)時，運用實訓(xùn)軟件逐步完成任務(wù)，根據(jù)教學(xué)任務(wù)安排，就可以掌握網(wǎng)頁設(shè)計與制作技術(shù)和操作方法和設(shè)計思路。信息

9、化手段的引入完整展現(xiàn)商務(wù)網(wǎng)頁設(shè)計與制作的基本原理及實現(xiàn)方法，使學(xué)生能夠在總體上快速明確網(wǎng)頁制作的過程步驟和基本方法。 </p><p>　　3. 信息化項目式教學(xué)法在課程中的實施與應(yīng)用 </p><p>　　在課程實訓(xùn)教學(xué)中，通過合理設(shè)置教學(xué)任務(wù)、實施過程控制以及教學(xué)反饋三個教學(xué)環(huán)節(jié)依次展開，最大程度上幫助學(xué)生掌握網(wǎng)頁設(shè)計與制作的基礎(chǔ)知識，提高他們的技能操作水平，培養(yǎng)其自主學(xué)習(xí)、勤于思考、

10、勇于克服困難的職業(yè)素養(yǎng)。 </p><p>　　3.1 合理設(shè)置學(xué)習(xí)情景與教學(xué)任務(wù)，明確學(xué)習(xí)目標(biāo)和重難點 </p><p>　　在每次實訓(xùn)課程開始前，教師會結(jié)合實訓(xùn)教學(xué)軟件，布置本次實訓(xùn)課程的實訓(xùn)項目，并 </p><p>　　對該項目的實訓(xùn)目標(biāo)、實訓(xùn)背景、實訓(xùn)環(huán)境和實訓(xùn)任務(wù)進行詳細的說明和分析。通過任務(wù)布置和說明，教師合理設(shè)置了學(xué)習(xí)情景，安排了相應(yīng)的教學(xué)任務(wù)，明確

11、了此次實訓(xùn)課程學(xué)習(xí)的重點和難點，并要求學(xué)生在規(guī)定的時間內(nèi)完成相應(yīng)的學(xué)習(xí)任務(wù)。 </p><p>　　如課程的第五章DIV+CSS網(wǎng)頁布局這個子項目，要求學(xué)生在兩個課時的實訓(xùn)課上使用實訓(xùn)教學(xué)軟件，利用DIV+CSS網(wǎng)頁布局技術(shù)，完成長沙市碧雅園花卉苗木基地公司網(wǎng)站首頁的布局設(shè)計。 </p><p>　　3.2實施項目式教學(xué)過程控制，保障教學(xué)質(zhì)量 </p><p>　　

12、在項目式教學(xué)過程中，信息化教學(xué)手段的應(yīng)用完美地解決了一般項目教學(xué)過程難以監(jiān)控的問題。在學(xué)生運用實訓(xùn)教學(xué)軟件練習(xí)的過程中，學(xué)生按照實訓(xùn)教學(xué)軟件固化的業(yè)務(wù)流程，在規(guī)定的時間內(nèi)逐步完成各個實訓(xùn)任務(wù)，同時教師在此過程中答疑解惑，從而實現(xiàn)了良好的過程控制。 </p><p>　　以上述DIV+CSS網(wǎng)頁布局這個子項目為例說明如何對學(xué)生的實訓(xùn)過程進行監(jiān)控。教師利用實訓(xùn)軟件將該子項目又細分為八個子任務(wù)，如頁面布局與規(guī)劃、寫入整

13、體層結(jié)構(gòu)、頁面頂部制作、導(dǎo)航和Banner制作、內(nèi)容區(qū)制作、資質(zhì)榮譽區(qū)制作、頁面美化等。學(xué)生需要逐步完成這些子任務(wù)，才能完成本次實訓(xùn)課程布置的所有任務(wù)。教師通過觀察學(xué)生實訓(xùn)軟件的操作情況，就可以快速了解學(xué)生實訓(xùn)進度，對實訓(xùn)過程實現(xiàn)良好的監(jiān)督和控制。 </p><p>　　3.3實施教學(xué)反饋，量化實訓(xùn)效果 </p><p>　　為了衡量項目式教學(xué)效果，量化學(xué)生實訓(xùn)質(zhì)量，實訓(xùn)教學(xué)軟件設(shè)置了多樣

14、化的任務(wù)和問題，學(xué)生在回答問題并完成某些任務(wù)后，系統(tǒng)會根據(jù)學(xué)生操作選項自動給予打分，判斷學(xué)生是否完成了該實訓(xùn)任務(wù)。如果系統(tǒng)評分顯示失敗，則需要學(xué)生重新去完成任務(wù)，才能進入下一個實訓(xùn)步驟。通過這種評價量化機制，可以評價學(xué)生的實訓(xùn)效果。教師根據(jù)學(xué)生評價得分，可以進一步完善教學(xué)活動。 　　4. 信息化項目式教學(xué)方法的成效特色 </p><p>　　通過比較項目式教學(xué)法應(yīng)用前后的效果，可以發(fā)現(xiàn)，在網(wǎng)頁設(shè)計與制作課程實訓(xùn)

15、教學(xué)中應(yīng)用信息化項目式教學(xué)方法后，學(xué)生的學(xué)習(xí)興趣大幅提高，學(xué)習(xí)效果也得到顯著改善，新的教學(xué)方法的應(yīng)用具備以下幾大特色： </p><p>　　4.1化繁為簡，提高學(xué)習(xí)興趣 </p><p>　　實訓(xùn)教學(xué)軟件根據(jù)真實的網(wǎng)頁設(shè)計與制作流程，將復(fù)雜的網(wǎng)頁設(shè)計與制作過程細分為幾個子項目，每個子項目又細化為多個簡單的步驟，將復(fù)雜的網(wǎng)頁制作過程簡化處理。同時為了提高學(xué)生的學(xué)習(xí)興趣，針對實際的教學(xué)應(yīng)用需

16、要，實訓(xùn)軟件設(shè)置了拖拽選擇、填空、排序等許多形式多樣的問題以及個性化的人機交互方式。在學(xué)生實訓(xùn)練習(xí)過程變得像打游戲一樣需要步步過關(guān)，才能進行下一步任務(wù)，這樣的情景模擬極大地提高了學(xué)生的學(xué)習(xí)興趣。 </p><p>　　4.2仿真模擬，化難為易 </p><p>　　為了方便學(xué)生學(xué)習(xí)掌握網(wǎng)頁設(shè)計與開發(fā)所必需的Dreamweaver軟件的使用，我們在實訓(xùn)軟件中運用仿真模擬的方法將Dreamwe

17、aver軟件嵌入其中，學(xué)生在實訓(xùn)過程中，可以直接在實訓(xùn)教學(xué)軟件中使用Dreamweaver軟件進行操作，避免了另外打開軟件的麻煩。 </p><p>　　4.3項目式教學(xué)過程可控制，實訓(xùn)結(jié)果可量化 </p><p>　　在信息化項目式教學(xué)方法和手段應(yīng)用以后，學(xué)生實訓(xùn)過程完全可控，實訓(xùn)結(jié)果輕松量化，從根本上保障了實訓(xùn)教學(xué)的質(zhì)量和效果。 </p><p>　　4.4信息

18、化實訓(xùn)教學(xué)軟件的使用，提升了學(xué)生自主學(xué)習(xí)能力 </p><p>　　在信息化實訓(xùn)軟件應(yīng)用到課程實訓(xùn)教學(xué)后，學(xué)生不僅可以在實訓(xùn)課堂上使用，還可以在課后進行反復(fù)練習(xí)，為學(xué)生的實訓(xùn)學(xué)習(xí)提供了極大的便利。同時，探索式的學(xué)習(xí)方法，趣味性的問答設(shè)置等多種特色，也極大的提高了學(xué)生的主動性和積極性，鍛煉了學(xué)生的自主學(xué)習(xí)能力。 </p><p><b>　　5. 總結(jié) </b><

19、/p><p>　　本文通過分析傳統(tǒng)教學(xué)方法在網(wǎng)頁設(shè)計與制作課程中存在的問題，探索了項目式教學(xué)方法的應(yīng)用，并將信息化的實訓(xùn)教學(xué)軟件融入到項目教學(xué)過程中。在這種方法應(yīng)用以后，我們發(fā)現(xiàn)學(xué)生對這門技術(shù)類課程的學(xué)習(xí)興趣和積極性顯著增強。同時，通過分析課程結(jié)束后學(xué)生上交制作的網(wǎng)站作品可以看出，學(xué)生的網(wǎng)頁設(shè)計制作技術(shù)水平明顯提高。因此，在高職院校的《網(wǎng)頁設(shè)計與制作》課程中，引入信息化教學(xué)手段，完善項目式教學(xué)方法，取得了明顯的效果，

20、可以進一步推廣應(yīng)用。 </p><p><b>　　參考文獻： </b></p><p>　　[1]方玲玉，陳煒. 商務(wù)網(wǎng)頁設(shè)計與制作[M].北京：高等教育出版社，2013年. </p><p>　　[2]魏春艷. 項目教學(xué)法在《網(wǎng)頁設(shè)計與制作》課程中的應(yīng)用[J].電子世界，2013（08）. </p><p>　　[3