項(xiàng)目教學(xué)法在技工院?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》課程中的探索與實(shí)踐

張莉

摘要：項(xiàng)目教學(xué)法作為一種實(shí)踐性教學(xué)方法，在技工院校教育中得到了廣泛應(yīng)用，此教學(xué)方法在實(shí)際教學(xué)環(huán)節(jié)中的效果和質(zhì)量是顯而易見的。本文將結(jié)合本人在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中進(jìn)行的教學(xué)實(shí)踐，旨在探索如何提高學(xué)生學(xué)習(xí)的積極主動(dòng)性和加強(qiáng)學(xué)生的實(shí)際動(dòng)手操作能力，以求進(jìn)一步提高學(xué)生的專業(yè)素養(yǎng)。

關(guān)鍵字： 項(xiàng)目教學(xué)；教學(xué)方法；探索與實(shí)踐

中圖分類號(hào)：G642 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）09-0179-02

Abstract： As a practical teaching method， item teaching method has been widely used in vocational education， which results in obvious effect and quality in teaching practice. This essay， combined with my teaching practice in the "web design and making"， will explore how to improve the students' learning initiative and enhance the practical ability of students， in order to further improve the students' professional quality.

Key words： project teaching； the teaching method； exploration and practice

隨著信息技術(shù)的不斷發(fā)展與應(yīng)用，計(jì)算機(jī)網(wǎng)絡(luò)逐漸滲入到人們的生活和工作的各個(gè)領(lǐng)域，而處于核心地位的WEB技術(shù)則在各行各業(yè)中有著不可或缺的重要地位。現(xiàn)在一些網(wǎng)站不僅需要展示一些基本信息的功能，同時(shí)還需要實(shí)現(xiàn)信息的動(dòng)態(tài)更新，這就需要在原有技術(shù)的基礎(chǔ)上進(jìn)一步的使用WEB新技術(shù)。我院《網(wǎng)頁(yè)設(shè)計(jì)與制作》是計(jì)算機(jī)應(yīng)用系計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)和平面裝潢專業(yè)中的一門重要的專業(yè)基礎(chǔ)課程，通過(guò)此門課程的學(xué)習(xí)希望學(xué)生最終能自主開發(fā)一個(gè)完整的網(wǎng)站，畢業(yè)后能從事網(wǎng)站建設(shè)維護(hù)等工作，這就要求教師在進(jìn)行課程教學(xué)時(shí)，應(yīng)該以生活中的實(shí)際案例進(jìn)行教學(xué)，讓學(xué)生進(jìn)入任務(wù)角色中引發(fā)學(xué)生獨(dú)立思考，提出解決問(wèn)題的具體方法。

1 在《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程中實(shí)施研究性教學(xué)、學(xué)習(xí)模式

1.1 促進(jìn)教學(xué)觀念的轉(zhuǎn)變，提高學(xué)生學(xué)習(xí)的積極性

在我院實(shí)際的教學(xué)過(guò)程中，《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程一般分別在兩學(xué)期進(jìn)行，分為靜態(tài)網(wǎng)頁(yè)和動(dòng)態(tài)網(wǎng)頁(yè)兩個(gè)方向的專業(yè)理論講授和實(shí)踐操作，同時(shí)根據(jù)學(xué)生專業(yè)特點(diǎn)進(jìn)行美工、Photoshop、Flash等專業(yè)課程的學(xué)習(xí)，在學(xué)生在校的最后一個(gè)學(xué)年中安排《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的專業(yè)模塊化訓(xùn)練，以求將前幾學(xué)期學(xué)到的各種知識(shí)綜合運(yùn)用，以完成項(xiàng)目的方式讓學(xué)生有一個(gè)類似于畢業(yè)設(shè)計(jì)的“大作業(yè)”。在最后進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作的項(xiàng)目教學(xué)時(shí)學(xué)生所掌握的知識(shí)并不是通過(guò)教師的傳授獲得的，而應(yīng)該是學(xué)生自主學(xué)習(xí)所獲得的，然而在傳統(tǒng)的教學(xué)模式中教師一般采用學(xué)生接受式授課或案例式授課兩種方式，特別是在基礎(chǔ)知識(shí)的講解中，教師一般講解知識(shí)點(diǎn)是將書本中的操作步驟展示一遍，以便學(xué)生模仿操作，大部分學(xué)生是依葫蘆畫瓢，若給個(gè)相同知識(shí)點(diǎn)的不同案例很多學(xué)生就會(huì)束手無(wú)策。所以我認(rèn)為改變傳統(tǒng)教學(xué)有三個(gè)中心點(diǎn)：1）將教師為課堂中心的觀念轉(zhuǎn)變?yōu)橐詫W(xué)生為課堂教學(xué)的中心。2）將傳統(tǒng)的以課本為中心的觀念轉(zhuǎn)變?yōu)橐浴绊?xiàng)目”為中心。3）將傳統(tǒng)的以課堂經(jīng)驗(yàn)為中心的觀念轉(zhuǎn)變?yōu)橐詫?shí)際經(jīng)驗(yàn)為中心。讓學(xué)生在獲取知識(shí)的同時(shí)，了解這些知識(shí)能解決什么樣的問(wèn)題，在網(wǎng)頁(yè)制作過(guò)程中起到什么樣的作用，當(dāng)制作網(wǎng)頁(yè)時(shí)遇到新穎的制作理念時(shí)應(yīng)如何達(dá)到目標(biāo)等，這樣會(huì)大大提高學(xué)生學(xué)習(xí)的積極性。

1.2 增強(qiáng)基礎(chǔ)知識(shí)和專業(yè)技能，提高動(dòng)手能力和思維能力

項(xiàng)目教學(xué)法是一項(xiàng)基于項(xiàng)目活動(dòng)的研究學(xué)習(xí)，項(xiàng)目教學(xué)法的目的主要是解決較為復(fù)雜的操作問(wèn)題。因此網(wǎng)頁(yè)設(shè)計(jì)與制作的項(xiàng)目教學(xué)法應(yīng)該更注重于實(shí)踐活動(dòng)和實(shí)際的動(dòng)手操作。例如：一個(gè)40人左右的技師班學(xué)生被分成四組，每組十人，教師是客戶，每組有一名總負(fù)責(zé)人相當(dāng)于“項(xiàng)目經(jīng)理”，由項(xiàng)目經(jīng)理根據(jù)每位同學(xué)的專業(yè)善長(zhǎng)進(jìn)行角色分配，一般一個(gè)大組中又分為三個(gè)小組：“美工組”、“靜態(tài)網(wǎng)頁(yè)組”、“動(dòng)態(tài)網(wǎng)頁(yè)組”，目的是完成“客戶”的網(wǎng)頁(yè)制作要求。教師對(duì)教學(xué)情境進(jìn)行營(yíng)造，同時(shí)對(duì)學(xué)生進(jìn)行“項(xiàng)目?jī)?nèi)容”的積極引導(dǎo)，讓學(xué)生從現(xiàn)有的生活經(jīng)驗(yàn)和知識(shí)技能方面出發(fā)，以小組討論的方式開展教學(xué)，這樣通過(guò)小組的方式完成教學(xué)活動(dòng)，在提高學(xué)生技能、增長(zhǎng)知識(shí)的同時(shí)，還能夠有效的提高學(xué)生的分析問(wèn)題和解決問(wèn)題的能力。

2 項(xiàng)目教學(xué)法在技工院校網(wǎng)頁(yè)設(shè)計(jì)與制作課程中的應(yīng)用與實(shí)踐

2.1 確定合適的設(shè)計(jì)項(xiàng)目，注重創(chuàng)建學(xué)習(xí)情境

教師能否制定出合適的教學(xué)項(xiàng)目激發(fā)學(xué)生的學(xué)習(xí)積極性與項(xiàng)目教學(xué)的教學(xué)效率、教學(xué)質(zhì)量有著緊密的聯(lián)系。但是良好的項(xiàng)目教學(xué)光有學(xué)習(xí)的積極性是明顯不夠的，教師還必須確保學(xué)生能夠完成項(xiàng)目目標(biāo)，讓學(xué)生取得一定的成就感，這就要求教師不僅要選擇難度合適的項(xiàng)目，同時(shí)還應(yīng)該給學(xué)生充分的操作時(shí)間和準(zhǔn)備時(shí)間。例如教師作為“**企業(yè)”客戶向四個(gè)小組的“項(xiàng)目經(jīng)理”提出設(shè)計(jì)網(wǎng)站的要求及條件，并提供相應(yīng)的企業(yè)資料。四位“項(xiàng)目經(jīng)理”利用課余時(shí)間與本小組的負(fù)責(zé)人進(jìn)行設(shè)計(jì)交流形成最初的網(wǎng)頁(yè)草圖，所以在課堂實(shí)施項(xiàng)目教學(xué)中會(huì)有四張不同的網(wǎng)頁(yè)草圖以便“客戶”進(jìn)行選擇。

2.2 根據(jù)項(xiàng)目安排教學(xué)，抓住關(guān)鍵點(diǎn)進(jìn)行設(shè)計(jì)指導(dǎo)

教師在網(wǎng)頁(yè)設(shè)計(jì)與制作課程中運(yùn)用項(xiàng)目教學(xué)法時(shí)，應(yīng)該對(duì)網(wǎng)頁(yè)設(shè)計(jì)中的關(guān)鍵知識(shí)和關(guān)鍵點(diǎn)進(jìn)行指導(dǎo)。例如：在網(wǎng)頁(yè)草圖設(shè)計(jì)結(jié)束之后，各小組確定了網(wǎng)站大致主要內(nèi)容、主題格調(diào)和網(wǎng)頁(yè)布局樣式。每個(gè)大組中的“美工組”設(shè)計(jì)網(wǎng)站的LOGO，利用Flash軟件制作網(wǎng)站的Banner，利用Photoshop軟件制作網(wǎng)站的平面效果圖?！办o態(tài)網(wǎng)頁(yè)組”根據(jù)平面效果圖利用DIV+CSS技術(shù)或表格布局方式形成靜態(tài)網(wǎng)頁(yè)?！皠?dòng)態(tài)網(wǎng)頁(yè)組”將靜態(tài)網(wǎng)頁(yè)中的部分動(dòng)態(tài)欄目用動(dòng)態(tài)代碼實(shí)現(xiàn)與數(shù)據(jù)庫(kù)的動(dòng)態(tài)交互效果。在實(shí)施教學(xué)的時(shí)候，教師應(yīng)該按照項(xiàng)目進(jìn)度進(jìn)行安排教學(xué)，扮演好“指導(dǎo)者”和“示范者”的身份。在進(jìn)行網(wǎng)頁(yè)布局的講解時(shí)，教師可以舉些網(wǎng)頁(yè)案例說(shuō)明什么叫排版布局、什么樣的布局方式適合網(wǎng)站主題等，好讓學(xué)生能夠?qū)W(wǎng)頁(yè)進(jìn)行合理布局。在教學(xué)過(guò)程中，有些學(xué)生的創(chuàng)意很好但是不符合網(wǎng)絡(luò)規(guī)范，所以需要教師指出學(xué)生們存在的問(wèn)題，幫助學(xué)生改正。只有這樣學(xué)生才能更加快速的掌握網(wǎng)頁(yè)制作的關(guān)鍵知識(shí)。

2.3 開展分工協(xié)作的教學(xué)模式，鍛煉學(xué)生的團(tuán)隊(duì)精神

在教師指導(dǎo)完畢的情況下，需要給學(xué)生們自我探究、消化知識(shí)的過(guò)程，從而讓他們更加徹底的掌握網(wǎng)頁(yè)設(shè)計(jì)與制作的技能。在這項(xiàng)過(guò)程中學(xué)生占主體，因?yàn)閷W(xué)生是這個(gè)項(xiàng)目的實(shí)施者，教師只是對(duì)其進(jìn)行適當(dāng)?shù)囊龑?dǎo)。項(xiàng)目任務(wù)確定過(guò)后，各個(gè)小組的分工協(xié)作占主要。例如：在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作項(xiàng)目實(shí)踐時(shí)，每組都會(huì)進(jìn)行小組會(huì)議，分享個(gè)人經(jīng)驗(yàn)以及介紹自己的工作進(jìn)展，其中有一個(gè)小組的“美工組”針對(duì)網(wǎng)站的色調(diào)有一定的分歧，這時(shí)教師可以參與小組會(huì)議，對(duì)于網(wǎng)站配色的知識(shí)進(jìn)行相應(yīng)的介紹，講解色彩的三原色、色相環(huán)、色彩的性質(zhì)及屬性等基礎(chǔ)知識(shí)，并建議參考其他同類網(wǎng)站的配色方案或提供一些典型的網(wǎng)頁(yè)配色方案、配色技巧幫助小組解決問(wèn)題。

2.4 師生共同進(jìn)行項(xiàng)目后評(píng)價(jià)，鞏固提升教學(xué)效果

各組的項(xiàng)目在規(guī)定的時(shí)間完成以后，教師可以邀請(qǐng)一些專業(yè)教師、業(yè)界專家或者學(xué)生們一起評(píng)判項(xiàng)目的成果。其他學(xué)生通過(guò)比較各個(gè)組的作品從而進(jìn)行評(píng)測(cè)，專業(yè)教師、業(yè)界專家從不同的角度評(píng)價(jià)，從而能夠有效的確保學(xué)生得到更專業(yè)的指導(dǎo)，同時(shí)學(xué)生也能更加清楚自己的學(xué)習(xí)現(xiàn)狀，更好的幫助學(xué)生確定今后學(xué)習(xí)和發(fā)展的方向。

綜上所述，信息技術(shù)的不斷發(fā)展讓網(wǎng)頁(yè)技術(shù)變得更加重要，為了能夠滿足社會(huì)發(fā)展的需要，技工院校應(yīng)該充分的重視網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)。在進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作教學(xué)時(shí)，應(yīng)該充分的體現(xiàn)學(xué)生課堂的主體性，注重提高學(xué)生的學(xué)習(xí)積極主動(dòng)性，注重培養(yǎng)學(xué)生的實(shí)踐操作能力，利用小組討論、分工的教學(xué)模式，有效的提高學(xué)生的動(dòng)手操作能力、團(tuán)隊(duì)協(xié)作能力，進(jìn)而有效的保證技工院校網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)效率與教學(xué)質(zhì)量。同時(shí)在進(jìn)行項(xiàng)目教學(xué)應(yīng)該注意：1）實(shí)踐性，因?yàn)轫?xiàng)目的主題多與真實(shí)世界有著緊密的聯(lián)系，因此對(duì)學(xué)生的學(xué)習(xí)有著較強(qiáng)的實(shí)用性和針對(duì)性。這就要求教師在平時(shí)善于收集和專業(yè)相關(guān)的素材，及時(shí)了解當(dāng)下流行的專業(yè)技術(shù)。2）自主性，項(xiàng)目教學(xué)法學(xué)生可以根據(jù)自己的興趣愛好選擇學(xué)習(xí)的形式和學(xué)習(xí)的內(nèi)容，學(xué)生能夠自由、自主的進(jìn)行學(xué)習(xí)，從而能夠有效的提高學(xué)生的創(chuàng)造力，前提是學(xué)生最好有扎實(shí)的專業(yè)基礎(chǔ)知識(shí)的儲(chǔ)備。3）綜合性，進(jìn)行項(xiàng)目教學(xué)能夠有效的提高學(xué)生綜合知識(shí)的運(yùn)用能力，這也要求教師個(gè)人的綜合知識(shí)和專業(yè)技能必須達(dá)到一定的水準(zhǔn)，所以教師平時(shí)與學(xué)生交流學(xué)習(xí)心得幫助學(xué)生解決問(wèn)題也是“教中學(xué)”的最好體現(xiàn)。4）開放性，進(jìn)行項(xiàng)目教學(xué)具有一定的開放性，主要體現(xiàn)在學(xué)習(xí)的方式、內(nèi)容以及評(píng)價(jià)的多樣性方面，這對(duì)教學(xué)設(shè)施也有一定的要求和限制。

參考文獻(xiàn)：

[1] 郭鋰，葉惠文. TPBIM在“廣東省高校計(jì)算機(jī)公共課教學(xué)改革”試點(diǎn)課程中的構(gòu)建與應(yīng)用——以“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程為例[J]. 中國(guó)電化教， 2012（12）：111-114，135.

[2] 陳志忠. 淺析高職院校網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)[J]. 湖北函授大學(xué)學(xué)報(bào)， 2013，26（5）：59-60.

[3] 溫淼玉. 淺談中職學(xué)校網(wǎng)頁(yè)設(shè)計(jì)與制作課程教學(xué)設(shè)計(jì)[J]. 數(shù)字化用戶， 2014（3）：126-126.