信息化項目教學法在網頁設計與制作實訓課程中的應用

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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