薛輝 楊小鋒

摘要：為了提高《網(wǎng)頁(yè)制作》課程的教學(xué)質(zhì)量，分析了《網(wǎng)頁(yè)制作》課程的特點(diǎn)，設(shè)計(jì)了“精講熱練”的教學(xué)模式，進(jìn)行了對(duì)比教學(xué)實(shí)驗(yàn)，結(jié)果表明該模式可以有效提高《網(wǎng)頁(yè)制作》課程的教學(xué)水平。

關(guān)鍵詞：網(wǎng)頁(yè)制作；教學(xué)；模式；設(shè)計(jì)

中圖分類(lèi)號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1009-3044（2015）31-0176-02

The Exploration and Design of the “Meticulous Teaching and Hot Training” Teaching Mode in the Course of "Web Design"

XUE Hui， YANG Xiao-feng

（The Teaching Affairs Service， Shangluo University， Shangluo 726000， China）

Abstract： In order to improve the teaching quality of the course of "Web Design"， this paper analyzed the characteristics of the course， designed the “meticulous teaching and hot training” teaching mode， made a comparison experiment of the teaching mode. The result showed that the model can effectively improve the teaching level of the course.

Key words： web design； teaching； model； design

1 《網(wǎng)頁(yè)制作》課程在計(jì)算機(jī)類(lèi)專(zhuān)業(yè)課程中的地位和作用

如今網(wǎng)絡(luò)在人們的生活中占據(jù)了越來(lái)越重要的地位，網(wǎng)頁(yè)制作技術(shù)作為建設(shè)網(wǎng)站的基礎(chǔ)技術(shù)也展現(xiàn)了越來(lái)越多的應(yīng)用，企業(yè)對(duì)網(wǎng)頁(yè)制作人才需求巨大?！毒W(wǎng)頁(yè)制作》課程是計(jì)算機(jī)類(lèi)專(zhuān)業(yè)的專(zhuān)業(yè)主干課，通過(guò)該課程的學(xué)習(xí)，使學(xué)生全面建立對(duì)網(wǎng)站的認(rèn)知，學(xué)會(huì)網(wǎng)頁(yè)制作和網(wǎng)站設(shè)計(jì)的基本方法，熟悉網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)的基本概念和理論，掌握網(wǎng)頁(yè)制作的操作方法和制作技巧，使學(xué)生具備設(shè)計(jì)、開(kāi)發(fā)、發(fā)布網(wǎng)站的能力，加強(qiáng)學(xué)生的實(shí)際動(dòng)手能力和解決問(wèn)題的能力，為以后激烈的就業(yè)競(jìng)爭(zhēng)打下堅(jiān)實(shí)的基礎(chǔ)[1]。

《網(wǎng)頁(yè)制作》課程是后續(xù)課程《交互式網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)》和《ASP.net》的前導(dǎo)課程。學(xué)生通過(guò)《網(wǎng)頁(yè)制作》課程的學(xué)習(xí)，可以解決《交互式網(wǎng)頁(yè)動(dòng)畫(huà)設(shè)計(jì)》課程中對(duì)動(dòng)畫(huà)網(wǎng)頁(yè)美術(shù)效果的設(shè)計(jì)需求，也可以解決《ASP.net》課程中對(duì)網(wǎng)站前臺(tái)界面的設(shè)計(jì)和制作需求[2]。

2 《網(wǎng)頁(yè)制作》課程具有易于掌握、難于精通的特點(diǎn)

《網(wǎng)頁(yè)制作》課程屬于操作設(shè)計(jì)類(lèi)計(jì)算機(jī)課程，和《計(jì)算機(jī)基礎(chǔ)》等課程不同的是，在簡(jiǎn)單的操作背后隱藏著許多深層次的制作技術(shù)和操作技巧，學(xué)生學(xué)完課程之后，往往只掌握一些簡(jiǎn)單的操作，只懂得一些簡(jiǎn)單的技術(shù)，對(duì)于復(fù)雜的技術(shù)和深層次的制作方法一竅不通，做出的作品只能達(dá)到實(shí)習(xí)生的水平，無(wú)法達(dá)到應(yīng)用型人才所需要的技術(shù)水準(zhǔn)，無(wú)法滿足企業(yè)對(duì)人才的需求[3]。

造成這種情況的原因是，《網(wǎng)頁(yè)制作》課程涵蓋內(nèi)容廣，技術(shù)層次深，制作技巧多，具有易于掌握、難于精通的特點(diǎn)?！毒W(wǎng)頁(yè)制作》課程的這個(gè)特點(diǎn)給學(xué)生掌握網(wǎng)頁(yè)制作技術(shù)造成了很大困難，要提高教學(xué)質(zhì)量，必須克服這個(gè)困難。

3 針對(duì)《網(wǎng)頁(yè)制作》課程特點(diǎn)的“精講熱練”的教學(xué)模式

3.1 針對(duì)《網(wǎng)頁(yè)制作》課程易于掌握，難于精通的困難的解決辦法

1）把寶貴的課堂時(shí)間更多的用在講授深層次的制作技巧上

《網(wǎng)頁(yè)制作》課程總的教學(xué)時(shí)數(shù)是有限的，為了讓學(xué)生在有限的時(shí)間內(nèi)掌握復(fù)雜的技術(shù)和深層次的制作技巧，就要把寶貴的課堂時(shí)間用在深層次的制作技巧上?！毒W(wǎng)頁(yè)制作》課程中許多簡(jiǎn)單的操作、簡(jiǎn)單的制作方法和《計(jì)算機(jī)基礎(chǔ)》課程是類(lèi)似的，對(duì)于簡(jiǎn)單的操作、簡(jiǎn)單的制作方法大略講一下就可以，而對(duì)于復(fù)雜的操作，學(xué)生難于掌握的技術(shù)可以使用更多的時(shí)間來(lái)教學(xué)。

2）由講授和實(shí)踐分開(kāi)上課轉(zhuǎn)變?yōu)樵跈C(jī)房統(tǒng)一上課

傳統(tǒng)的《網(wǎng)頁(yè)制作》課程的教學(xué)模式是老師先在多媒體教室通過(guò)投影儀講授，然后學(xué)生在機(jī)房上機(jī)實(shí)踐。這種教學(xué)模式由于講授和實(shí)踐操作有一定時(shí)間間隔，對(duì)于簡(jiǎn)單的操作影響不大，但對(duì)于復(fù)雜的操作，學(xué)生常常就忘記了操作步驟。課堂講授內(nèi)容較多時(shí)，學(xué)生甚至?xí)巡煌δ艿牟僮飨嗷ジ慊臁?/p>

為了使學(xué)生能夠掌握深層次的網(wǎng)頁(yè)制作技術(shù)，需要改變傳統(tǒng)的教學(xué)模式，更多地采取互動(dòng)模式，以提高學(xué)生的學(xué)習(xí)效率[4]。最好講授和上機(jī)實(shí)踐統(tǒng)一在機(jī)房進(jìn)行，教師通過(guò)機(jī)房的同步授課軟件講解、演示，講完之后學(xué)生立即練習(xí)，打破理論教學(xué)和實(shí)踐操作的時(shí)間間隔，使學(xué)生通過(guò)親自操作快速掌握相關(guān)技能。

3.2 “精講熱練”的教學(xué)模式

針對(duì)《網(wǎng)頁(yè)制作》課程易于掌握、難于精通的特點(diǎn)，本文提出“精講熱練”的教學(xué)模式，與傳統(tǒng)的教師先在多媒體教室講授，然后學(xué)生在機(jī)房上機(jī)實(shí)踐的教學(xué)模式不同，這種教學(xué)模式把講授和實(shí)踐結(jié)合在一起，統(tǒng)一在機(jī)房授課，如圖1所示。教師講授時(shí)主要講解復(fù)雜的操作和深層次的制作技巧，對(duì)于簡(jiǎn)單的操作、簡(jiǎn)單的制作方法大略講一下就可以，此為“精講”。上課時(shí)教師先通過(guò)機(jī)房的同步授課軟件講一塊知識(shí)點(diǎn)，然后學(xué)生立即練習(xí)，練完后教師再講下一塊知識(shí)點(diǎn)，講完之后學(xué)生再練，反復(fù)循環(huán)，循循善誘，使教師講授和學(xué)生實(shí)踐之間沒(méi)有時(shí)間間隔，此為“熱練”。精講熱練、趁熱打鐵，從而化復(fù)雜為簡(jiǎn)單，變被動(dòng)為主動(dòng)，使學(xué)生在教師的引導(dǎo)下逐步深入學(xué)習(xí)網(wǎng)頁(yè)制作知識(shí)，掌握深層次的網(wǎng)頁(yè)制作技巧。

這種模式的特點(diǎn)是以教師為中心，以學(xué)生為主體，把教師講授和學(xué)生練習(xí)緊密結(jié)合在一起，變學(xué)生被動(dòng)聽(tīng)講為學(xué)生主動(dòng)參與，創(chuàng)建交互式協(xié)作學(xué)習(xí)環(huán)境，加強(qiáng)師生交流和學(xué)習(xí)[5]，使學(xué)生在教師的引導(dǎo)下成為課堂的主人，從而有效提高教學(xué)質(zhì)量。

圖1 “精講熱練”教學(xué)模式與傳統(tǒng)教學(xué)模式對(duì)比圖

3.3 “精講熱練”教學(xué)模式的優(yōu)點(diǎn)

“精講熱練”的教學(xué)模式具有以下幾個(gè)優(yōu)點(diǎn)：

1）“精講熱練”的教學(xué)模式克服了《網(wǎng)頁(yè)制作》課程易于掌握，難于精通的困難，集中有限的課堂時(shí)間用于深層次網(wǎng)頁(yè)制作技術(shù)的教學(xué)，能有效提高教學(xué)質(zhì)量，使學(xué)生的制作水平和制作技巧達(dá)到較高的高度。

2）“精講熱練”的教學(xué)模式使教師講授和學(xué)生練習(xí)相結(jié)合，能夠充分營(yíng)造學(xué)生積極參與的學(xué)習(xí)氛圍，有效活躍課堂氣氛，增進(jìn)學(xué)生和教師之間的交流[6]，讓學(xué)生在教師的引導(dǎo)下快速掌握網(wǎng)頁(yè)制作技術(shù)。

3）“精講熱練”的教學(xué)模式由于把傳統(tǒng)的多媒體講授轉(zhuǎn)變?yōu)榱藱C(jī)房講授，不僅增強(qiáng)了對(duì)學(xué)生的視覺(jué)沖擊，而且學(xué)生可以及時(shí)動(dòng)手實(shí)踐操作，便于和任務(wù)驅(qū)動(dòng)教學(xué)[7]、項(xiàng)目化教學(xué)[8]、案例教學(xué)[9]、層次化教學(xué)[10]等教學(xué)方法相結(jié)合，形成立體化教學(xué)體系[11]。

3.4 “精講熱練”教學(xué)模式的教學(xué)效果

筆者在自己所在學(xué)校同一年級(jí)計(jì)算機(jī)專(zhuān)業(yè)的兩個(gè)班進(jìn)行了對(duì)比教學(xué)實(shí)驗(yàn)，一個(gè)班采用傳統(tǒng)教學(xué)模式，另一個(gè)班采用“精講熱練”教學(xué)模式，課堂教學(xué)效果對(duì)比如表1所示。從表中可以看出，“精講熱練”教學(xué)模式的課堂教學(xué)效果明顯優(yōu)于傳統(tǒng)模式。

期末進(jìn)行了總評(píng)成績(jī)核定，總評(píng)成績(jī)由平時(shí)成績(jī)、實(shí)踐作品成績(jī)和期末考試成績(jī)?nèi)糠纸M成，其中平時(shí)成績(jī)占10%，實(shí)踐作品成績(jī)占40%，期末考試成績(jī)占50%，總評(píng)成績(jī)對(duì)比如圖2所示。從圖中可以看到，“精講熱練”教學(xué)模式的總評(píng)成績(jī)也明顯優(yōu)于傳統(tǒng)模式。

表1 課堂教學(xué)效果對(duì)比表

[教學(xué)模式＼&課堂氣氛＼&互動(dòng)性＼&學(xué)生興趣＼&逃課人數(shù)＼&傳統(tǒng)模式＼&一般＼&弱＼&低＼&較少＼&“精講熱練”模式＼&活躍＼&強(qiáng)＼&高＼&極少＼&]

圖2 總評(píng)成績(jī)對(duì)比圖

4 總結(jié)

“精講熱練”的教學(xué)模式可以有效克服《網(wǎng)頁(yè)制作》課程易于掌握，難于精通的困難，帶動(dòng)課堂氣氛，提高學(xué)生參與學(xué)習(xí)的主動(dòng)性，幫助學(xué)生掌握深層次的操作方法和制作技巧，能夠有效提高《網(wǎng)頁(yè)制作》課程的教學(xué)水平。該模式也可以推廣到其他計(jì)算機(jī)操作設(shè)計(jì)類(lèi)課程，在課堂教學(xué)上起到示范帶動(dòng)作用，改善計(jì)算機(jī)教學(xué)的教學(xué)氛圍和教學(xué)效果，慧及更多教師及學(xué)生。

參考文獻(xiàn)：

[1] 劉述，杜世友. 就業(yè)導(dǎo)向的網(wǎng)頁(yè)制作課程設(shè)計(jì)及其成效[J]. 中國(guó)電化教育， 2009（11）.

[2] 劉銘. 高職《網(wǎng)頁(yè)設(shè)計(jì)》課程的教學(xué)模式設(shè)計(jì)[J]. 職教論壇， 2010（35）.

[3] 張輝. 網(wǎng)頁(yè)制作類(lèi)課程的教學(xué)改革與實(shí)踐——"先整體、后切分、再拼合"的新型教學(xué)法[J]. 佳木斯教育學(xué)院學(xué)報(bào)， 2010（5）.

[4] 黃宇建. 任務(wù)教學(xué)法在網(wǎng)頁(yè)制作教學(xué)中的實(shí)施過(guò)程和優(yōu)勢(shì)[J]. 中國(guó)信息技術(shù)教育， 2014（14）.

[5] 劉楠. 網(wǎng)頁(yè)制作在教學(xué)中的設(shè)計(jì)應(yīng)用[J]. 黑龍江教育學(xué)院學(xué)報(bào)， 2010，29（9）.

[6] 張洪星，褚建立. 高職高專(zhuān)《網(wǎng)頁(yè)設(shè)計(jì)》課程考核方式的研究與探索[J]. 教育與職業(yè)， 2007（2）. （下轉(zhuǎn)第179頁(yè)）

（上接第177頁(yè)）

[7] 薛巧梅. 任務(wù)驅(qū)動(dòng)教學(xué)法在網(wǎng)頁(yè)制作教學(xué)設(shè)計(jì)中的應(yīng)用[J]. 武漢船舶職業(yè)技術(shù)學(xué)院學(xué)報(bào)， 2013（5）.

[8] 鄭丹青. 項(xiàng)目教學(xué)法在動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程中的教學(xué)應(yīng)用[J]. 中央民族大學(xué)學(xué)報(bào)（自然科學(xué)版）， 2014，23（2）.

[9] 韓勇. 案例驅(qū)動(dòng)教學(xué)法在《網(wǎng)頁(yè)制作》課程分階段教學(xué)中的運(yùn)用[J]. 電腦與信息技術(shù)， 2010，18（4）.

[10] 葉仕通，萬(wàn)智萍. 網(wǎng)頁(yè)設(shè)計(jì)應(yīng)用型人才層次化培養(yǎng)的探討[J]. 長(zhǎng)春大學(xué)學(xué)報(bào)（自然科學(xué)版）， 2012 （6）.

[11] 楊尚森，李福華. 網(wǎng)頁(yè)制作課程立體化教學(xué)體系建設(shè)的研究[J]. 洛陽(yáng)理工學(xué)院學(xué)報(bào)（自然科學(xué)版）， 2010，20（1）.