摘 要：《網(wǎng)頁制作技術(shù)》是高職院校開設(shè)的一門計(jì)算機(jī)專業(yè)基礎(chǔ)課，集知識(shí)和技能為一體，有很強(qiáng)的操作性和實(shí)踐性，如何才能取得良好的教學(xué)效果，提高教學(xué)質(zhì)量？筆者結(jié)合自己的教學(xué)實(shí)踐，從更新教學(xué)內(nèi)容、“任務(wù)”驅(qū)動(dòng)引領(lǐng)教學(xué)、建立學(xué)生自學(xué)習(xí)平臺(tái)網(wǎng)站、建立科學(xué)的考核制度四個(gè)方面，對(duì)如何提高網(wǎng)頁制作課程的教學(xué)質(zhì)量進(jìn)行了探討。

關(guān)鍵詞：網(wǎng)頁制作 任務(wù)驅(qū)動(dòng) 教學(xué)質(zhì)量

中圖分類號(hào)：G642.3 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1673-9795（2013）09（b）-0151-02

網(wǎng)頁制作課程是高職院校計(jì)算機(jī)專業(yè)的一門專業(yè)基礎(chǔ)課，這門課程集知識(shí)和技能于一體，有較強(qiáng)的操作性和綜合實(shí)踐性，需要有一定的前導(dǎo)課程知識(shí)基礎(chǔ)，并為后續(xù)的《Web程序設(shè)計(jì)》課程打下基礎(chǔ)，是一門承前啟后的課程，因此，該課程的重要性不言而喻。為了讓學(xué)生真正學(xué)習(xí)到實(shí)用的網(wǎng)頁制作技能，為今后從事相關(guān)工作打下良好的基礎(chǔ)，筆者結(jié)合自己多年的教學(xué)實(shí)踐，就如何提高網(wǎng)頁制作課程的教學(xué)質(zhì)量進(jìn)行了探討。

1 更新教學(xué)內(nèi)容

隨著時(shí)代發(fā)展，網(wǎng)頁制作方面的技術(shù)、標(biāo)準(zhǔn)也在不斷的涌現(xiàn)。為了適應(yīng)發(fā)展的速度，各高職院校也在不斷更新教學(xué)內(nèi)容。但大多數(shù)高職院校都只是對(duì)制作網(wǎng)頁的軟件版本進(jìn)行了升級(jí)，比如，從最初的Dream weaver，F(xiàn)ireworks，F(xiàn)lash軟件，到后來不斷升級(jí)的Dreamweaver cs4，F(xiàn)ireworks cs4，F(xiàn)lash cs4軟件，內(nèi)容卻沒有發(fā)生多大變化，在網(wǎng)頁制作方面還是HTML標(biāo)記、表格布局、JavaScript特效等，可以說是換湯不換藥。隨著網(wǎng)頁制作技術(shù)的不斷發(fā)展，Web2.0標(biāo)準(zhǔn)的到來，現(xiàn)在主流網(wǎng)站大都采用DIV+CSS的布局方式，其優(yōu)點(diǎn)在于：（1）內(nèi)容和表現(xiàn)形式相分離，網(wǎng)頁前臺(tái)只需要顯示內(nèi)容，形式上的美工交給CSS來處理。生成的HTML文件代碼精簡，更小打開更快。（2）改版網(wǎng)站更簡單容易，不用重新設(shè)計(jì)排版網(wǎng)頁，甚至于不用動(dòng)原網(wǎng)站的任何HTML和程序頁面，只需要改動(dòng)CSS文件就完成了所有改版。對(duì)于門戶網(wǎng)站來說改版就像換件衣服一樣簡單容易。（3）搜索引擎更友好，排名更容易靠前。因此，教學(xué)內(nèi)容需要適應(yīng)時(shí)代的變化，進(jìn)行更新，將CSS、DIV+CSS布局等添加進(jìn)來，并且，在版本上也要不斷更新，從XHTML1.0，CSS2.0到HTML5，CSS3.0。

2 “任務(wù)”驅(qū)動(dòng)引領(lǐng)教學(xué)

“任務(wù)驅(qū)動(dòng)教學(xué)法”是一種建立在構(gòu)建主義學(xué)習(xí)理論基礎(chǔ)上的教學(xué)法，在教學(xué)的整個(gè)過程中，以任務(wù)為線索，把教學(xué)知識(shí)點(diǎn)進(jìn)行細(xì)分，巧妙地隱含到每個(gè)具體的子任務(wù)中，這樣，摒棄了過去枯燥的講解知識(shí)點(diǎn)的方式，使學(xué)生極大的提高了學(xué)習(xí)熱情。在完成任務(wù)的同時(shí)還培養(yǎng)了學(xué)生的自主學(xué)習(xí)能力，引導(dǎo)他們?nèi)グl(fā)現(xiàn)，去思考，去尋找解決問題的辦法，最終讓學(xué)生自己提出問題，思考問題，解決問題。傳統(tǒng)教法中，大多按“提出概念—— 解釋概念—— 舉例說明”的順序進(jìn)行教學(xué)，而任務(wù)驅(qū)動(dòng)教學(xué)法，則采用“任務(wù)展示—— 示范講解—— 邊學(xué)邊做—— 評(píng)價(jià)延伸”的順序進(jìn)行。由此產(chǎn)生兩個(gè)轉(zhuǎn)變：一是由教師講授為主轉(zhuǎn)變?yōu)閷W(xué)生自學(xué)為主；二是由內(nèi)容講授為主轉(zhuǎn)變?yōu)樯蠙C(jī)實(shí)踐操作為主。

以網(wǎng)頁制作課程為例，采用任務(wù)驅(qū)動(dòng)教學(xué)法的具體做法如下：（1）創(chuàng)設(shè)情景。本課程在機(jī)房授課，在學(xué)習(xí)該課程的第一堂課上，通過和學(xué)生共同瀏覽一個(gè)個(gè)精美的網(wǎng)頁，激發(fā)學(xué)生學(xué)習(xí)興趣和求知欲。（2）提出任務(wù)。以建立一個(gè)真實(shí)的商業(yè)網(wǎng)站為任務(wù)，并將該任務(wù)細(xì)分為各個(gè)子任務(wù)，比如網(wǎng)站策劃、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作（包括布局、內(nèi)容的添加、樣式的設(shè)計(jì)等）、網(wǎng)站測試、網(wǎng)站發(fā)布等，再將子任務(wù)細(xì)分成更細(xì)的任務(wù)，直到每堂課上都有一個(gè)能完成的任務(wù)，將所有知識(shí)點(diǎn)隱含到每個(gè)子任務(wù)中。以任務(wù)為驅(qū)動(dòng)，使學(xué)生逐步在完成任務(wù)的過程中學(xué)習(xí)到本課程的知識(shí)。（3）講解示范。每堂課的任務(wù)提出后，先讓學(xué)生思考自學(xué)，然后教師進(jìn)行現(xiàn)場演示，演示過程中突出重難點(diǎn)，邊演示邊講解原理。（4）自主學(xué)習(xí)。教師演示完后，學(xué)生會(huì)有種急于嘗試的欲望，教師可以因勢利導(dǎo)，指導(dǎo)學(xué)生進(jìn)行實(shí)踐操作。在自主學(xué)習(xí)過程中，教師應(yīng)在課堂上巡回指導(dǎo)，解答疑問。并在課堂上給每個(gè)學(xué)生的任務(wù)完成情況打分，作為平時(shí)成績的一部分。（5）鞏固練習(xí)。課堂上將知識(shí)點(diǎn)，操作技能進(jìn)行歸納總結(jié)。課后通過學(xué)生自學(xué)習(xí)平臺(tái)，讓學(xué)生鞏固所學(xué)知識(shí)。（6）評(píng)價(jià)展示。每次課程結(jié)束后，布置課后作業(yè)，在下一次上課時(shí)抽調(diào)幾名學(xué)生上臺(tái)展示作品，由學(xué)生進(jìn)行評(píng)價(jià)，教師進(jìn)行綜合點(diǎn)評(píng)。也可以將優(yōu)秀作業(yè)發(fā)布到學(xué)生自學(xué)習(xí)平臺(tái)上，讓同學(xué)們欣賞評(píng)價(jià)。評(píng)價(jià)展示中要以正面引導(dǎo)為主，多肯定和鼓勵(lì)，對(duì)錯(cuò)誤之處，也應(yīng)循循善誘，肯定成績，指導(dǎo)解決問題。

3 建立學(xué)生自學(xué)習(xí)平臺(tái)網(wǎng)站

目前大部分高職院校的網(wǎng)頁制作課程采用的教學(xué)形式是課堂講授和學(xué)生上機(jī)練習(xí)相結(jié)合，但是通過筆者多年的教學(xué)實(shí)踐發(fā)現(xiàn)，學(xué)生課堂上能完成教師布置的作業(yè)，因?yàn)楫?dāng)時(shí)記得教師的操作步驟，但一段時(shí)間后再做同樣的內(nèi)容，就很多不記得該怎么做了。這說明網(wǎng)頁制作是操作性很強(qiáng)的課程，需要反復(fù)練習(xí)才能牢記并理解。但學(xué)生在課下卻很難針對(duì)教材文字描述進(jìn)行上機(jī)練習(xí)，所以開發(fā)一個(gè)學(xué)生自學(xué)習(xí)平臺(tái)網(wǎng)站很有必要，讓學(xué)生在課后復(fù)習(xí)時(shí)觀看每個(gè)任務(wù)的操作演示，熟悉操作步驟，聲像結(jié)合，更加直觀。在自學(xué)習(xí)平臺(tái)上還可以下載動(dòng)態(tài)演示所用的素材，學(xué)生觀看演示后可以重復(fù)練習(xí)，以便更好的掌握知識(shí)點(diǎn)。筆者利用學(xué)校內(nèi)網(wǎng)提供的免費(fèi)空間，發(fā)布了一個(gè)網(wǎng)頁制作自學(xué)習(xí)平臺(tái)網(wǎng)站，有在線學(xué)習(xí)、在線做題、作業(yè)發(fā)布、優(yōu)秀作品展覽、素材資源庫、討論交流，在線點(diǎn)評(píng)和打分等版塊。我將每堂課上的操作演示用軟件記錄下來，發(fā)布到在線學(xué)習(xí)版塊，學(xué)生課后可以反復(fù)觀看操作演示，熟悉操作步驟。其中用到的素材也發(fā)布到素材資源庫，供學(xué)生下載。學(xué)生做的比較好的課后作業(yè)發(fā)布到優(yōu)秀作品展覽中。這樣，極大的提高了學(xué)生的自主學(xué)習(xí)熱情，也鞏固了學(xué)生對(duì)知識(shí)點(diǎn)的掌握。今后，筆者還計(jì)劃在這個(gè)平臺(tái)上增加交互功能，學(xué)生也可以上傳素材、網(wǎng)站作品等功能，實(shí)現(xiàn)教師和學(xué)生、學(xué)生和學(xué)生從課堂到課后的互動(dòng)。

4 建立科學(xué)的考核制度

改變過去教師一人評(píng)價(jià)的一言堂制度，建立以學(xué)生為中心的綜合評(píng)價(jià)模式，包括自我評(píng)價(jià)、成果呈現(xiàn)、學(xué)生互評(píng)、師生互評(píng)等多種形式?？己朔譃槠綍r(shí)成績、期末考試成績、實(shí)訓(xùn)成績?nèi)糠?。其中，平時(shí)成績占總成績的30%，主要考察學(xué)生出勤、學(xué)習(xí)態(tài)度、平時(shí)作業(yè)等情況，由教師評(píng)價(jià)；期末考試成績占總成績的40%，采用機(jī)考的方式，在特定的時(shí)間和地點(diǎn)，給定學(xué)生某一主題，并提供素材，進(jìn)行網(wǎng)頁制作。主要考察學(xué)生對(duì)所學(xué)知識(shí)點(diǎn)的掌握和靈活運(yùn)用的能力，由教師評(píng)價(jià)；實(shí)訓(xùn)成績占總成績的30%，給學(xué)生一個(gè)星期的時(shí)間，進(jìn)行自由選題，策劃設(shè)計(jì)，尋找素材、網(wǎng)站制作、網(wǎng)站發(fā)布。主要考察學(xué)生對(duì)相對(duì)復(fù)雜網(wǎng)站的策劃、設(shè)計(jì)和制作的能力。由學(xué)生自我評(píng)價(jià)、學(xué)生互評(píng)、教師評(píng)價(jià)等形式組成。具體做法如下：學(xué)生把作品上傳到學(xué)校內(nèi)網(wǎng)的免費(fèi)空間中（這種做法的優(yōu)點(diǎn)是通過網(wǎng)站發(fā)布發(fā)現(xiàn)存在的問題，如網(wǎng)頁的布局是否合理，是否能很好的兼容各版本的瀏覽器，網(wǎng)站的瀏覽速度如何等），學(xué)生和教師一起對(duì)每個(gè)學(xué)生的網(wǎng)站進(jìn)行在線評(píng)估，并按表1標(biāo)準(zhǔn)進(jìn)行在線打分。取平均分為該生的實(shí)訓(xùn)成績。本門課程的總評(píng)分=平時(shí)成績×30%+期末考試成績×40%+實(shí)訓(xùn)成績×30%。

5 結(jié)語

網(wǎng)頁制作課程的教學(xué)涉及到諸多因素，我們需要不斷地探索新的教學(xué)方法和教學(xué)模式，更新教學(xué)內(nèi)容，改進(jìn)評(píng)價(jià)機(jī)制，以便更好的提高教學(xué)質(zhì)量，真正把學(xué)生培養(yǎng)成滿足社會(huì)需要的應(yīng)用型技能人才。

參考文獻(xiàn)

[1] 劉繼華.淺析任務(wù)驅(qū)動(dòng)教學(xué)法在網(wǎng)頁設(shè)計(jì)教學(xué)中的應(yīng)用[J].呂梁高等?？茖W(xué)校學(xué)報(bào)，2008（6）.

[2] 盧亮.淺析如何提高網(wǎng)頁設(shè)計(jì)課程的教學(xué)質(zhì)量[J].中國科教創(chuàng)新導(dǎo)刊，2013（10）：219.

[3] 劉志中.高職計(jì)算機(jī)類專業(yè)實(shí)訓(xùn)教學(xué)質(zhì)量管理研究[J].現(xiàn)代閱讀，2012（5）.

[4] 吳建梅.“任務(wù)驅(qū)動(dòng)”教學(xué)法在高職《網(wǎng)頁設(shè)計(jì)》課程的應(yīng)用[J].科技廣場，2007（8）：210-211.

[5] 洪穎.網(wǎng)頁設(shè)計(jì)課程教學(xué)中若干問題的思考和探索[J].信息與電腦，2013（1）.