用“雙向、三段、五環(huán)”教學(xué)模式創(chuàng)設(shè)中職《網(wǎng)頁設(shè)計(jì)與制作》有效課堂

摘 要：隨著國家信息化進(jìn)程的加快，許多企業(yè)、組織機(jī)構(gòu)希望通過網(wǎng)站來展現(xiàn)形象或發(fā)布信息，他們對(duì)網(wǎng)頁設(shè)計(jì)人才的需求量逐年增大。然而，中職院校的畢業(yè)生往往無法成為其所需的專業(yè)人才。因此，筆者對(duì)網(wǎng)頁制作教學(xué)模式進(jìn)行了較為深入的探索和研究，提出了以項(xiàng)目任務(wù)為載體、以學(xué)生為主體的“雙向、三段、五環(huán)”教學(xué)模式，力求將教學(xué)從“知識(shí)傳遞型”向“知識(shí)建構(gòu)型”轉(zhuǎn)變，創(chuàng)設(shè)中職《網(wǎng)頁設(shè)計(jì)與制作》有效課堂。

關(guān)鍵詞：雙向 三段 五環(huán) 網(wǎng)頁設(shè)計(jì)與制作

中圖分類號(hào)：G420 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1674-098X（2014）05（b）-0139-02

中職《網(wǎng)頁設(shè)計(jì)與制作》的教學(xué)目標(biāo)是讓學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作的方法，從而具備從事相關(guān)崗位工作的職業(yè)能力。而當(dāng)前的教學(xué)模式有很多不足，培養(yǎng)出的學(xué)生無法勝任現(xiàn)今企業(yè)的崗位工作。

1 中職《網(wǎng)頁設(shè)計(jì)與制作》課中存在的問題

1.1 教學(xué)形式單一，課堂效率低下

近年來，中職院校的課堂“抬頭率”逐年下降。很多教師將此歸咎于學(xué)生本身。不可否認(rèn)，這的確有學(xué)生的問題，但教師也有著不可推卸的責(zé)任。傳統(tǒng)的教學(xué)，形式單一，按部就班式的“教師講，學(xué)生做”無法長(zhǎng)期維持學(xué)生的學(xué)習(xí)興趣，學(xué)生一旦遇到問題，就失去“斗志”，課堂效率急劇下降。

1.2 章節(jié)內(nèi)容不連貫，系統(tǒng)性不強(qiáng)

現(xiàn)用的教材，各章節(jié)的案例選自不同網(wǎng)站，相互無關(guān)聯(lián)性，直到最后一個(gè)章節(jié)才開始制作完整網(wǎng)站實(shí)例。學(xué)生在整個(gè)學(xué)期中學(xué)到的知識(shí)比較零碎，系統(tǒng)性不強(qiáng)，雖然掌握了一些技能，但對(duì)企業(yè)項(xiàng)目的制作過程缺乏整體認(rèn)知，面對(duì)真實(shí)項(xiàng)目時(shí)總是束手無策。

1.3 重技巧，輕設(shè)計(jì)

一個(gè)網(wǎng)站從主題確立到最終實(shí)現(xiàn)要經(jīng)歷很多階段，學(xué)生需要掌握的知識(shí)面較廣，不僅包括Dreamweaver、Photoshop、Flash等軟件，還應(yīng)掌握一定的設(shè)計(jì)技巧。傳統(tǒng)的教學(xué)將大部分精力都花在工具軟件的運(yùn)用上，導(dǎo)致大部分學(xué)生的作品缺乏設(shè)計(jì)美感，觀賞價(jià)值不夠。

1.4 學(xué)生被動(dòng)發(fā)展，脫離企業(yè)需求

學(xué)生從初中進(jìn)入中職后，學(xué)習(xí)目標(biāo)由升學(xué)轉(zhuǎn)向了就業(yè)。雖然沒有了高考的壓力，但卻面臨著就業(yè)的挑戰(zhàn)。在傳統(tǒng)的教學(xué)模式里，所有實(shí)訓(xùn)任務(wù)都有最后的效果圖，學(xué)生只需以此為目標(biāo)模仿完成即可。這導(dǎo)致學(xué)生自主創(chuàng)新能力大大受限，與企業(yè)實(shí)際需求背道而馳。

2 解決問題的方法

鑒于以上問題，筆者結(jié)合我院實(shí)際，探索出一種新型的教學(xué)模式——“雙向、三段、五環(huán)”。具體來說是從兩個(gè)方向、三個(gè)階段、五個(gè)環(huán)節(jié)來推進(jìn)課堂教學(xué)。

2.1 雙向

要熟練掌握網(wǎng)頁設(shè)計(jì)與制作技巧，僅靠課上的學(xué)習(xí)是遠(yuǎn)遠(yuǎn)不夠的。故筆者采用了“雙向”模式，從課內(nèi)、課外兩個(gè)方向開展教學(xué)。

課內(nèi)，教師以項(xiàng)目任務(wù)為載體，循序漸進(jìn)地引導(dǎo)學(xué)生探究各個(gè)任務(wù)。教師著力培養(yǎng)學(xué)生的專業(yè)技能和職業(yè)技能，提高教學(xué)有效性。

課外，利用一切可利用的新興資源，為學(xué)生搭建自主學(xué)習(xí)平臺(tái)。筆者借助新浪微博，搭建了一個(gè)班級(jí)微群，實(shí)時(shí)發(fā)布預(yù)習(xí)、復(fù)習(xí)任務(wù)，及時(shí)更新學(xué)習(xí)資料，鼓勵(lì)學(xué)生上傳作品，供大家學(xué)習(xí)、點(diǎn)評(píng)。

“雙向”模式充分整合教材資源與網(wǎng)絡(luò)資源，課內(nèi)課外相得益彰，為學(xué)生自主學(xué)習(xí)、合作探究提供了有效平臺(tái)。

2.2 三段

《網(wǎng)頁設(shè)計(jì)與制作》一般開設(shè)一個(gè)學(xué)期，按4個(gè)月、周課時(shí)6節(jié)為例，一學(xué)期約96課時(shí)。筆者將整個(gè)學(xué)期的教學(xué)進(jìn)度劃分為三個(gè)階段，各個(gè)階段都有相應(yīng)的任務(wù)指導(dǎo)書，指引學(xué)生完成任務(wù)。

（1）專業(yè)技能形成階段（約2個(gè)月，48課時(shí)）

教師在第一堂課上無需急于傳授知識(shí)，而應(yīng)向?qū)W生展示這門課的美妙之處。筆者用紅極一時(shí)的游戲——《憤怒的小鳥》作為開場(chǎng)，提問學(xué)生：“這款游戲?yàn)槭裁茨苋绱耸軞g迎？”學(xué)生們有的認(rèn)為是形象設(shè)計(jì)可愛，有的認(rèn)為是題材新穎，有的認(rèn)為是道具豐富。接下來再請(qǐng)學(xué)生思考能否把這些成功之處應(yīng)用到網(wǎng)站的規(guī)劃中去。由此，學(xué)生在無形之中理解了規(guī)劃好一個(gè)網(wǎng)站的基本要素，同時(shí)也達(dá)到了激發(fā)學(xué)生學(xué)習(xí)興趣的目的。

接下來將學(xué)生分組，每組4～5人，并設(shè)立一位組長(zhǎng)。請(qǐng)各組上網(wǎng)搜集一個(gè)優(yōu)秀網(wǎng)站，在課上與大家分享。教師也向大家展示一些有特色的國內(nèi)外優(yōu)秀網(wǎng)站，與學(xué)生一起分析網(wǎng)站內(nèi)容、布局、色彩等相關(guān)技術(shù)。

在之后的兩個(gè)月左右的時(shí)間里，教師開始指導(dǎo)學(xué)生模仿學(xué)習(xí)制作第一個(gè)網(wǎng)站實(shí)例。教師提供全部素材，以任務(wù)驅(qū)動(dòng)法進(jìn)行專業(yè)技能的教學(xué)，將項(xiàng)目分解為一個(gè)個(gè)子項(xiàng)目，再將子項(xiàng)目分解成若干個(gè)任務(wù)，每個(gè)任務(wù)隱含一到兩個(gè)知識(shí)點(diǎn)。學(xué)生一步步地消化吸收，最終完成項(xiàng)目任務(wù)。

為了方便學(xué)生學(xué)習(xí)，教師還可錄制任務(wù)的制作視頻，上傳至班級(jí)微群，以供學(xué)生隨時(shí)下載學(xué)習(xí)。

（2）職業(yè)技能形成階段（約1個(gè)月，24課時(shí)）

前兩個(gè)月主要完成專業(yè)技能的掌握，第三個(gè)月即可進(jìn)入以培養(yǎng)學(xué)生職業(yè)技能為主的第二階段。教師結(jié)合當(dāng)前社會(huì)實(shí)際，布置一個(gè)課本以外的拓展任務(wù)——水果超市網(wǎng)站。

教師分發(fā)任務(wù)指導(dǎo)書、參考主頁及部分素材，要求學(xué)生根據(jù)指導(dǎo)書的指引，分析各任務(wù)要點(diǎn)，依次進(jìn)行網(wǎng)頁需求分析、資料搜集、布局、色彩搭配以及基本元素和各級(jí)頁面的制作等。

此階段以工作過程為導(dǎo)向，要求學(xué)生運(yùn)用前一階段所學(xué)專業(yè)技能設(shè)計(jì)網(wǎng)站，逐漸形成適應(yīng)崗位需求的職業(yè)技能。

（3）職業(yè)技能鞏固階段（約1個(gè)月，24課時(shí)）

最后一個(gè)階段請(qǐng)各組學(xué)生自定網(wǎng)站主題，并圍繞主題進(jìn)行網(wǎng)站開發(fā)。主題應(yīng)盡量與企業(yè)相關(guān)，如某商場(chǎng)網(wǎng)站、某旅游網(wǎng)站等。教師引導(dǎo)學(xué)生按照任務(wù)指導(dǎo)書，圍繞主題收集資料、策劃方案、設(shè)計(jì)網(wǎng)站。

這一階段，引入真實(shí)項(xiàng)目進(jìn)行案例教學(xué)，所有任務(wù)都由學(xué)生獨(dú)立完成，所有素材都由學(xué)生自己搜集、制作，教師只起輔助作用。目的是使學(xué)生能按照企業(yè)開發(fā)網(wǎng)站的流程開發(fā)網(wǎng)站，積累實(shí)戰(zhàn)經(jīng)驗(yàn)，提高綜合能力和崗位職業(yè)技能，以縮小與企業(yè)崗位需求的差距。

2.3 五環(huán)

各階段都可大致分成五個(gè)環(huán)節(jié)來實(shí)施，但階段不同，側(cè)重點(diǎn)會(huì)略有不同。下面以第三階段為例，加以闡述。

（1）明確主題，搜集資訊

根據(jù)任務(wù)指導(dǎo)書，各組學(xué)生自行選定網(wǎng)站主題，課余上網(wǎng)查詢相關(guān)主題的網(wǎng)站，收集資料，并借鑒它們的顏色搭配技巧、布局結(jié)構(gòu)等，從而確定本組網(wǎng)站的風(fēng)格及主要內(nèi)容。

此環(huán)節(jié)使學(xué)生的資料搜集、信息處理以及自主探究能力得到了充分的發(fā)揮。

（2）策劃方案，分工協(xié)作

網(wǎng)站主題確定后，各組根據(jù)任務(wù)指導(dǎo)書的指示進(jìn)行網(wǎng)站需求分析，配色方案、布局方案、網(wǎng)站結(jié)構(gòu)等規(guī)劃的討論，制定項(xiàng)目策劃書。組長(zhǎng)根據(jù)組員特長(zhǎng)分配任務(wù)，熟悉Photoshop的同學(xué)設(shè)計(jì)網(wǎng)頁美工，精通Flash的同學(xué)設(shè)計(jì)動(dòng)畫效果，其余同學(xué)負(fù)責(zé)各子頁的制作，組長(zhǎng)負(fù)責(zé)制作主頁和匯總各子頁。

在此環(huán)節(jié)，大家通過協(xié)商，推選出一個(gè)最佳組合，初步制定了策劃方案，溝通能力和團(tuán)隊(duì)協(xié)作能力得到了很好的鍛煉。

（3）決策方案，精益求精

各組學(xué)生進(jìn)一步討論、完善項(xiàng)目策劃書，并向全班展示，接受師生的意見和建議。各組互相學(xué)習(xí)，取長(zhǎng)補(bǔ)短，再對(duì)項(xiàng)目策劃書進(jìn)行進(jìn)一步修改、完善，最終確定最佳方案。

此過程中各組學(xué)生相互學(xué)習(xí)和啟發(fā)，創(chuàng)造力和協(xié)作力得到了更深層次的挖掘。

（4）自主探究，項(xiàng)目實(shí)施

學(xué)生按照任務(wù)指導(dǎo)書進(jìn)入網(wǎng)站制作環(huán)節(jié)，在此過程中，學(xué)生勢(shì)必會(huì)遇到一些問題，教師要給予適當(dāng)?shù)膸椭?，并提醒組長(zhǎng)記錄下解決對(duì)策。同時(shí)，督促學(xué)生按時(shí)按量完成各個(gè)開發(fā)環(huán)節(jié)，定期登錄班級(jí)微群，分享成果，接受大家點(diǎn)評(píng)。

該環(huán)節(jié)是本階段的核心，主要以學(xué)生自主探究和協(xié)作探究為主。教師在旁提供一定的幫助和指導(dǎo)，以保證項(xiàng)目能順利開展。

（5）總結(jié)檢查，小組答辯

各組完成項(xiàng)目后，組織一場(chǎng)作品答辯會(huì)，由各組長(zhǎng)向全班介紹本組設(shè)計(jì)的網(wǎng)站，說明設(shè)計(jì)理念、遇到過的問題及解決方案。闡述完后，教師和其他組的同學(xué)可提出問題，要求設(shè)計(jì)者回答。然后，教師對(duì)各小組的作品進(jìn)行綜合評(píng)價(jià)，指出不足，給出改進(jìn)意見。最后，進(jìn)行微博投票，評(píng)選出最佳創(chuàng)作團(tuán)隊(duì)、最佳作品、最佳創(chuàng)意等獎(jiǎng)項(xiàng)，以資鼓勵(lì)。

如此以“評(píng)”促“學(xué)”的評(píng)價(jià)形式，可以使學(xué)生了解自己的不足，學(xué)習(xí)別人的特長(zhǎng)，相互促進(jìn)，共同提高。

3 教學(xué)模式嘗試反思

實(shí)踐證明，“雙向、三段、五環(huán)”教學(xué)模式在中職《網(wǎng)頁設(shè)計(jì)與制作》課中是行之有效的，而要真正實(shí)現(xiàn)其價(jià)值還有很多方面需要努力。

3.1 更科學(xué)的環(huán)節(jié)設(shè)置

五個(gè)環(huán)節(jié)在各階段中的設(shè)置并不是一成不變的，教師應(yīng)根據(jù)具體情況，科學(xué)地設(shè)置各個(gè)階段環(huán)節(jié)。第一階段，學(xué)生尚未掌握基礎(chǔ)技能，故將重點(diǎn)放在第四個(gè)環(huán)節(jié)——項(xiàng)目實(shí)施，其他環(huán)節(jié)可相對(duì)簡(jiǎn)化；而第二階段，則逐漸放手讓學(xué)生探索，故重點(diǎn)可向第二、三、五環(huán)節(jié)傾斜；到了第三階段，學(xué)生各方面技能都相對(duì)成熟，可較獨(dú)立地完成各環(huán)節(jié)任務(wù)，切身體會(huì)工作流程。

3.2 更符合學(xué)情的任務(wù)分配

各階段的實(shí)訓(xùn)項(xiàng)目應(yīng)根據(jù)學(xué)生實(shí)際情況合理設(shè)置難度。各環(huán)節(jié)的子任務(wù)也應(yīng)由易到難，由簡(jiǎn)到繁，循序漸進(jìn)。如果教師布置的任務(wù)過難或過易，都將不利于學(xué)生的成功體驗(yàn)。

3.3 更富有價(jià)值的實(shí)訓(xùn)任務(wù)

本教學(xué)模式以項(xiàng)目任務(wù)為載體，以工作過程為核心構(gòu)建教學(xué)內(nèi)容。各實(shí)訓(xùn)項(xiàng)目應(yīng)以具備實(shí)際應(yīng)用價(jià)值的任務(wù)為主，適應(yīng)企業(yè)生產(chǎn)的需要。雖不能完全實(shí)現(xiàn)零距離上崗，但應(yīng)盡量縮小與企業(yè)之間的差距。

4 結(jié)語

中職教育強(qiáng)調(diào)以就業(yè)為導(dǎo)向，重視職業(yè)能力的培養(yǎng)。以“雙向、三段、五環(huán)”教學(xué)模式改進(jìn)《網(wǎng)頁設(shè)計(jì)與制作》教學(xué)，很大程度上激發(fā)了學(xué)生的學(xué)習(xí)興趣，培養(yǎng)了學(xué)生的自主探究能力和創(chuàng)新精神，學(xué)生的網(wǎng)頁設(shè)計(jì)能力有了明顯的加強(qiáng)，畢業(yè)生的就業(yè)競(jìng)爭(zhēng)力也有了明顯的提升。相信只要不斷地進(jìn)行改革和探索，該模式將會(huì)更加完善，能更大程度地提高學(xué)生的專業(yè)技能和職業(yè)技能。

參考文獻(xiàn)

[1]莫秀錦.項(xiàng)目教學(xué)法在《網(wǎng)頁制作》課程中的應(yīng)用于研究[J].現(xiàn)代企業(yè)教育，2011（8）：142-143.

[2]周德藩，李一寧.現(xiàn)代教育技術(shù)[M].蘇州大學(xué)出版社，1999.

[3]劉慶.“四環(huán)、六步、雙向”課堂教學(xué)模式在信息技術(shù)課中的運(yùn)用[J].多媒體教學(xué)，2013（9）：137.