淺談高職院校《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)

摘要：本文結(jié)合多年教學(xué)經(jīng)驗(yàn)，就高職院?！毒W(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)方法提出了一些自己的想法，從高職院校學(xué)生的特點(diǎn)、安排教學(xué)內(nèi)容、實(shí)例講解和考核方式幾個(gè)方面做了探討，達(dá)到了很好的教學(xué)效果。

關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì) 實(shí)例教學(xué) 考核方式

隨著計(jì)算機(jī)和網(wǎng)絡(luò)信息通信的發(fā)展，越來(lái)越多的人青睞于上網(wǎng)查找信息，作為上網(wǎng)的橋梁，網(wǎng)頁(yè)被越來(lái)越多的人使用。于是，網(wǎng)頁(yè)制作就成為了高職院校計(jì)算機(jī)專業(yè)紛紛開設(shè)的主干課程，但是怎樣提高高職院校學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)的效果，就成為了高職計(jì)算機(jī)教師思考的問題。本文對(duì)高職院?！毒W(wǎng)頁(yè)設(shè)計(jì)》課程的教學(xué)方法做了一些探討。

1 高職院校學(xué)生特點(diǎn)分析

高等職業(yè)教育是培養(yǎng)適應(yīng)生產(chǎn)、建設(shè)、管理、服務(wù)第一線需要的高等技術(shù)應(yīng)用性專門人才。高等職業(yè)教育區(qū)別于普通高等教育，是一種職業(yè)教育。教育部明確提出了“以就業(yè)為導(dǎo)向”的思路，這就要求高等職業(yè)教育的畢業(yè)生必需有較強(qiáng)的實(shí)際動(dòng)手能力。所以，高職院校的學(xué)生在學(xué)習(xí)課程上面，應(yīng)該特別注重實(shí)踐環(huán)節(jié)的學(xué)習(xí)，培養(yǎng)他們很好的動(dòng)手能力。區(qū)別于普通高等學(xué)校的學(xué)生，高職的學(xué)生一般來(lái)說(shuō)具有學(xué)習(xí)的主動(dòng)性和自覺性不強(qiáng)的特點(diǎn)，另外學(xué)習(xí)和掌握知識(shí)的能力也往往有別于普通高等學(xué)校的學(xué)生，如果老師只是一味的講授一些理論知識(shí)，然后讓學(xué)生自己完成課堂上的操作作業(yè)，學(xué)生是很少會(huì)按時(shí)按質(zhì)量完成的，這樣，學(xué)生就制作不出高質(zhì)量的網(wǎng)頁(yè)。所以，針對(duì)高職學(xué)生的特點(diǎn)，教師必須采取講練結(jié)合的教學(xué)模式，隨時(shí)督促學(xué)生練習(xí)所學(xué)內(nèi)容，最好是采取邊講邊練的教學(xué)模式，這樣，學(xué)生學(xué)起來(lái)比較容易一點(diǎn)，才會(huì)很好的掌握所學(xué)知識(shí)。

2 根據(jù)教學(xué)需要安排教學(xué)內(nèi)容

2.1 根據(jù)需要安排課程順序 網(wǎng)頁(yè)制作是一門綜合性比較強(qiáng)的課程，在制作網(wǎng)頁(yè)的過(guò)程當(dāng)中，往往還用到其他課程的知識(shí)。高職計(jì)算機(jī)專業(yè)的學(xué)生在學(xué)習(xí)網(wǎng)頁(yè)制作課程之前，最好先安排學(xué)習(xí)一些其他相關(guān)的課程，比如圖片處理課程（Photoshop）、動(dòng)畫制作課程（Flash）、色彩搭配課程等。有了這些知識(shí)的儲(chǔ)備，在做網(wǎng)站的過(guò)程中，就可以很容易的制作出適合自己網(wǎng)站風(fēng)格的素材，使得整個(gè)網(wǎng)頁(yè)看起來(lái)更加協(xié)調(diào)。

2.2 根據(jù)需要安排授課方式 由于網(wǎng)頁(yè)制作是一門實(shí)踐性非常強(qiáng)的課程，要求學(xué)生在學(xué)習(xí)的過(guò)程中有大量的練習(xí)。所以，授課應(yīng)該都放在機(jī)房實(shí)驗(yàn)室，這樣教師就可以很容易的控制學(xué)生的學(xué)習(xí)練習(xí)情況。這樣，教師在講授了一定的知識(shí)后，就可以讓學(xué)生同步的對(duì)教師剛剛在課堂上講過(guò)的知識(shí)進(jìn)行相關(guān)的練習(xí)。通過(guò)這種方式，學(xué)生可以及時(shí)的練習(xí)教師所講的內(nèi)容，對(duì)一些沒有聽明白做不出來(lái)效果的知識(shí)點(diǎn)，教師還可以隨時(shí)為學(xué)生做出解答，通過(guò)課堂上教與學(xué)的互動(dòng)，學(xué)生基本可以掌握課堂上所講的知識(shí)，并且完成相關(guān)的操作。然后，為了鞏固學(xué)生對(duì)課堂知識(shí)的掌握程度，教師可以布置課后作業(yè)，通過(guò)課上課下的加強(qiáng)練習(xí)，學(xué)生基本都可以很好的掌握所學(xué)知識(shí)。

3 把知識(shí)點(diǎn)融入到實(shí)例當(dāng)中講解

3.1 第一節(jié)課高度調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性 課堂上調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性非常重要。如果教師只是就知識(shí)點(diǎn)單獨(dú)的講解，學(xué)生可能覺得比較乏味，對(duì)老師所講的知識(shí)不感興趣，那么就會(huì)在課堂上處于無(wú)精打采，昏昏欲睡的狀態(tài)，課堂效果自然就很差。為了調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，教師可以把知識(shí)點(diǎn)融入到實(shí)例當(dāng)中講解。尤其是第一次課非常的重要，如果教師的第一節(jié)課不能引人入勝，不能給學(xué)生留下很好的印象，那么之后的授課過(guò)程往往就會(huì)很困難了，學(xué)生大多不會(huì)服從老師的授課。針對(duì)網(wǎng)頁(yè)制作實(shí)踐性比較強(qiáng)的課程特點(diǎn)，我們可以這樣安排課程進(jìn)程：第一節(jié)課，為了吸引學(xué)生的眼球，首先按類別找一些比較好的網(wǎng)頁(yè)讓學(xué)生欣賞，比如讓學(xué)生分別欣賞一些優(yōu)秀的個(gè)人網(wǎng)頁(yè)、企業(yè)網(wǎng)頁(yè)、Flash網(wǎng)頁(yè)、國(guó)外網(wǎng)頁(yè)、韓國(guó)的一些網(wǎng)頁(yè)等等。在欣賞這些網(wǎng)頁(yè)的過(guò)程中可以給學(xué)生介紹每種網(wǎng)頁(yè)的特點(diǎn)和結(jié)構(gòu)，重要的是告訴學(xué)生如果好好學(xué)習(xí)，我們也可以做出這種效果的網(wǎng)頁(yè)，當(dāng)然，在網(wǎng)頁(yè)當(dāng)中我們可以賦予自己的想法，自己的創(chuàng)意，可以完全賦予網(wǎng)頁(yè)我們自己的靈魂。這樣，學(xué)生學(xué)習(xí)這門課的積極性就會(huì)提到很高，因?yàn)樗麄兌枷Ｍ梢宰龀鼍哂凶约猴L(fēng)格的網(wǎng)頁(yè)，這種情況下學(xué)生就特別期待能夠做出點(diǎn)東西來(lái)，這時(shí)，教師就可以先讓學(xué)生做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)，讓他們感受一下做網(wǎng)頁(yè)的快樂。這就要求教師在備課的時(shí)候提前準(zhǔn)備一個(gè)比較容易做出效果而又有意思的網(wǎng)頁(yè)，教師操作之后讓學(xué)生自己完成，學(xué)生大多都可以很好的完成這個(gè)作品。那么這第一節(jié)課就非常的成功了，學(xué)生都會(huì)帶著極大的期待去上這門課。

3.2 實(shí)例講解中蘊(yùn)含知識(shí)點(diǎn) 在安排課程內(nèi)容上，不能一個(gè)知識(shí)點(diǎn)，一個(gè)工具一個(gè)工具單獨(dú)的講解，而是要把它們放在實(shí)例當(dāng)中去，讓實(shí)例成為知識(shí)講解的切入點(diǎn)。我們可以這樣安排課程內(nèi)容，整個(gè)講課過(guò)程，從易到難安排幾個(gè)完整的網(wǎng)頁(yè)，在完成網(wǎng)頁(yè)的過(guò)程中教會(huì)學(xué)生知識(shí)點(diǎn)，比如：第一個(gè)網(wǎng)頁(yè)完成一個(gè)“E—SHOP”購(gòu)物網(wǎng)站的制作。網(wǎng)站首頁(yè)采用T字形框架結(jié)構(gòu)，網(wǎng)頁(yè)的Head采用傳統(tǒng)的Logo加Banner樣式，下面安排一橫幅廣告條，把網(wǎng)頁(yè)的Head與網(wǎng)頁(yè)主要框架內(nèi)容分隔開，為了增強(qiáng)網(wǎng)頁(yè)的活潑性，橫幅的廣告條可以用學(xué)生之前學(xué)過(guò)的Flash知識(shí)制作與網(wǎng)站內(nèi)容相關(guān)的Flash動(dòng)畫。下面就是網(wǎng)站的主要內(nèi)容，網(wǎng)頁(yè)的最下面是網(wǎng)頁(yè)的Foot。因?yàn)槭堑谝粋€(gè)網(wǎng)站，學(xué)生剛接觸到這些內(nèi)容，教師要首先把做好的網(wǎng)站給學(xué)生看，然后以引導(dǎo)的方式告訴學(xué)生這樣的網(wǎng)站是怎么規(guī)劃出來(lái)的，為什么這么規(guī)劃，怎樣做出這樣的效果來(lái)。在學(xué)生明白了這些以后，教師就帶領(lǐng)學(xué)生一起完成這個(gè)網(wǎng)站的制作，在網(wǎng)站制作的過(guò)程中教會(huì)學(xué)生知識(shí)點(diǎn)。通過(guò)第一個(gè)網(wǎng)站的制作，學(xué)生已經(jīng)掌握了制作網(wǎng)站的基本知識(shí)，接下來(lái)教師就可以安排難一點(diǎn)的網(wǎng)站給學(xué)生做了。這時(shí)，教師不要給出網(wǎng)站具體的內(nèi)容和框架結(jié)構(gòu)，而是要充分發(fā)揮學(xué)生學(xué)習(xí)的主觀能動(dòng)性。教師只要告訴學(xué)生所做網(wǎng)站的標(biāo)題、要求和大致要達(dá)到的效果就可以了，然后就這個(gè)網(wǎng)站的制作在課堂上進(jìn)行討論，通過(guò)討論來(lái)確定網(wǎng)站的內(nèi)容和框架結(jié)構(gòu)，然后和學(xué)生一起布局網(wǎng)站，接下來(lái)主要由學(xué)生制作素材，完成整個(gè)網(wǎng)站的制作。比如：可以讓學(xué)生制作一個(gè)學(xué)院全國(guó)計(jì)算機(jī)等級(jí)考試的網(wǎng)站，網(wǎng)站的頁(yè)面布局與色彩風(fēng)格要與學(xué)院網(wǎng)站協(xié)調(diào)，以便于做好以后掛靠到學(xué)院網(wǎng)站上。要求：網(wǎng)站要具備注冊(cè)登錄和查詢功能；要有相應(yīng)的模擬試題可以在線或者下載做題；要有留言板，可以討論計(jì)算機(jī)等級(jí)考試相關(guān)的問題；要有在線咨詢功能方便考生咨詢問題等等。最后學(xué)生做出的網(wǎng)站基本上符合要求，質(zhì)量比較高。通過(guò)幾個(gè)完整網(wǎng)站的制作，學(xué)生已經(jīng)很好的掌握了網(wǎng)頁(yè)制作的知識(shí)。在整個(gè)學(xué)習(xí)過(guò)程中，學(xué)生都積極參與到其中，活躍了課堂氣氛，充分發(fā)揮了學(xué)生的學(xué)習(xí)積極性，真正體現(xiàn)了課堂上以學(xué)生為主的教學(xué)新理念。

4 改革考核方式，變理論考試為創(chuàng)作作品

根據(jù)高職院校的教學(xué)需要和課程教學(xué)特點(diǎn)，課程考核形式要能全面地評(píng)價(jià)學(xué)生的綜合素質(zhì)和技能應(yīng)用能力。如果還是以傳統(tǒng)的理論考試來(lái)衡量學(xué)生學(xué)習(xí)的好壞，恐怕很難達(dá)到預(yù)期的效果。在高職網(wǎng)頁(yè)課程的考核過(guò)程中可采用多種考核方式相互補(bǔ)充的多樣化考核方式。這種考核方式更適合網(wǎng)頁(yè)課程的特點(diǎn)，更加強(qiáng)調(diào)學(xué)生學(xué)習(xí)的靈活多樣性。在期末考試當(dāng)中，我們可以大致從兩個(gè)方面去考核學(xué)生，一是考核學(xué)生平時(shí)成績(jī)，二是期末成績(jī)，對(duì)于期末成績(jī)的考核我們可以讓學(xué)生來(lái)完成大作業(yè)，把這個(gè)作為考核內(nèi)容。教師給出網(wǎng)站制作的要求，只要內(nèi)容積極向上，可以不限定題目，不限定題材，讓學(xué)生按照自己的思維方式去創(chuàng)作一個(gè)網(wǎng)站，從選題到框架設(shè)計(jì)，到制作素材，再到制作網(wǎng)站都由學(xué)生自己完成，這樣就擺脫了學(xué)生按照老師的思路，按照老師規(guī)定的框架制作，一改學(xué)生被動(dòng)學(xué)習(xí)的傳統(tǒng)習(xí)慣。當(dāng)然鼓勵(lì)團(tuán)隊(duì)協(xié)作，同學(xué)們之間可以探討問題，達(dá)到共同進(jìn)步的目的。經(jīng)過(guò)前面課程的學(xué)習(xí)，經(jīng)過(guò)自己的思考和同學(xué)之間互助互邦，學(xué)生做出來(lái)的網(wǎng)站質(zhì)量都比較高，實(shí)用性也很強(qiáng)。這種考核方式真正體現(xiàn)了學(xué)生的操作能力和運(yùn)用知識(shí)的能力。

5 結(jié)束語(yǔ)

在教學(xué)過(guò)程中，根據(jù)不同的教學(xué)對(duì)象設(shè)置不同的教學(xué)方法，從學(xué)生感興趣的知識(shí)入手，調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性，變被動(dòng)學(xué)習(xí)為主動(dòng)學(xué)習(xí)，鼓勵(lì)學(xué)生自己創(chuàng)作，從而提高學(xué)生實(shí)際操作的能力和解決問題的能力，培養(yǎng)學(xué)生成為實(shí)用性的人才。

參考文獻(xiàn)：

[1]韓陵宜.高職院?！毒W(wǎng)頁(yè)制作》課程教學(xué)的探討.電腦知識(shí)與技術(shù)，2005.

[2]張麗香.高校《網(wǎng)頁(yè)設(shè)計(jì)》課程教學(xué)探討.大眾科技，2006，5.

[3]曾哲軍.高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教改探討.番禹職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2008，6.

[4]方銳.高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)改革淺探.清遠(yuǎn)職業(yè)技術(shù)學(xué)院學(xué)報(bào)，2008，12.

[5]顧晟.高職高專《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中的幾點(diǎn)思考.科技信息，2010，5.