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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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