淺談網(wǎng)頁(yè)設(shè)計(jì)中的案例教學(xué)

摘要：本文針對(duì)網(wǎng)頁(yè)設(shè)計(jì)中的案例教學(xué)，提出了案例設(shè)計(jì)應(yīng)注意的問(wèn)題及案例教學(xué)中的一些教學(xué)方法、考核方法，以提高網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)效果。

關(guān)鍵詞：案例教學(xué) 案例設(shè)計(jì) 課程設(shè)計(jì)

隨著社會(huì)經(jīng)濟(jì)以及科學(xué)的發(fā)展，我們的生活已離不開(kāi)計(jì)算機(jī)網(wǎng)絡(luò)及計(jì)算機(jī)通信，尤其是經(jīng)濟(jì)的全球化和電子商務(wù)的到來(lái)，更是我們覺(jué)得網(wǎng)站是生活中不可缺少的一部分。基于此種情況，各高校都開(kāi)設(shè)了網(wǎng)頁(yè)設(shè)計(jì)課程，以培養(yǎng)適應(yīng)時(shí)代發(fā)展需求的網(wǎng)頁(yè)設(shè)計(jì)人才。

網(wǎng)頁(yè)設(shè)計(jì)是一門(mén)實(shí)踐性和綜合性非常強(qiáng)的課程，要想學(xué)好這門(mén)課，做出較好的網(wǎng)頁(yè)，首先需要了解Internet的基本知識(shí)及應(yīng)用；其次需要掌握網(wǎng)頁(yè)編輯軟件（比如:Dreamweaver、Frontpage）和HTML、JSP、ASP等網(wǎng)絡(luò)編程技術(shù)這些主要的東西；第三，要掌握一定的圖像處理、圖像制作和動(dòng)畫(huà)設(shè)計(jì)的知識(shí)。要在有限的課時(shí)內(nèi)讓學(xué)生掌握如此多的知識(shí)，顯然是不可能的。那怎么辦呢？老師應(yīng)該教會(huì)學(xué)生如何觸類旁通、分析問(wèn)題、解決問(wèn)題。我個(gè)人認(rèn)為“案例教學(xué)”最有利于提高學(xué)生分析問(wèn)題和解決問(wèn)題的能力，以至于提高網(wǎng)頁(yè)制作這門(mén)課的教學(xué)效果。以下就個(gè)人教學(xué)過(guò)程中的感受談?wù)劇鞍咐虒W(xué)”。

1 什么是案例教學(xué)

“案例教學(xué)”顧名思義，就是運(yùn)用案例（實(shí)例）進(jìn)行教學(xué)的一種方法。老師根據(jù)教學(xué)大綱和本節(jié)課要講授的知識(shí)，選取案例，對(duì)案例進(jìn)行分析和講解，目的使學(xué)生通過(guò)案例系統(tǒng)的、容易的理解和接受教學(xué)內(nèi)容。

2 重要的第一堂課

第一堂課要給學(xué)生展示完整的網(wǎng)頁(yè)（網(wǎng)站）實(shí)例，實(shí)例不但要能夠吸引學(xué)生又要貼近生活（比如：淘寶上的購(gòu)物網(wǎng)站），結(jié)合實(shí)例給學(xué)生介紹網(wǎng)站的設(shè)計(jì)目標(biāo)、主題、風(fēng)格、網(wǎng)頁(yè)的實(shí)質(zhì)以及一些其他相關(guān)的概念等，這樣即能激發(fā)學(xué)生學(xué)習(xí)的興趣又利于學(xué)生接受理論知識(shí)。

3 案例教學(xué)過(guò)程

3.1教學(xué)案例的設(shè)計(jì)

教學(xué)案例的設(shè)計(jì)是建立在對(duì)本節(jié)課的理論知識(shí)充分理解的基礎(chǔ)上的，設(shè)計(jì)的案例不但要涵蓋課程內(nèi)容的絕大部分知識(shí)，而且要典型和具有針對(duì)性，最主要的是要貼近生活。比如在講解“網(wǎng)頁(yè)中使用圖像和超鏈接”這一課，可以以“西安秦嶺野生動(dòng)物園的網(wǎng)站首頁(yè)”為例。實(shí)例見(jiàn)圖1，這樣既可以學(xué)習(xí)圖像的布局，又可以學(xué)習(xí)超鏈接。

3.2 教學(xué)課堂

在教學(xué)活動(dòng)中，學(xué)生的活動(dòng)處于主要地位，老師則起引導(dǎo)作用；在教學(xué)方法上，以學(xué)生的獨(dú)立分析研究為主，教師的傳授、指導(dǎo)為輔，配合學(xué)生進(jìn)行。因此，我認(rèn)為：課堂案例教學(xué)應(yīng)該分為兩大部分：老師講解和學(xué)生練習(xí)。所以，網(wǎng)頁(yè)設(shè)計(jì)課最好安排在機(jī)房上。老師在講解實(shí)例之前先讓學(xué)生看一看“實(shí)例”的整體效果，然后說(shuō)明這樣的效果都用了本節(jié)課的那些知識(shí)點(diǎn)，接下來(lái)用拆分實(shí)例的“小例子”分別講解各知識(shí)點(diǎn)，在知識(shí)點(diǎn)講解的過(guò)程中要讓學(xué)生明白為什么這樣做，這樣學(xué)生以后才能靈活應(yīng)用，各知識(shí)點(diǎn)講解完之后，為了培養(yǎng)學(xué)生獨(dú)立思考問(wèn)題和解決問(wèn)題的能力，讓學(xué)生自己來(lái)“組裝”“實(shí)例”。為了鍛煉學(xué)生靈活應(yīng)用知識(shí)的能力和鞏固知識(shí)，在學(xué)生完成“實(shí)例”之后，再給學(xué)生分析一個(gè)稍做變通的例子，讓學(xué)生自己完成。當(dāng)學(xué)生不能“組裝”實(shí)例或不能完成變通過(guò)的例子時(shí)，老師要操作演示一遍，再讓學(xué)生做，如果例子的難度確實(shí)大，學(xué)生還是不能完成，老師就要帶著學(xué)生一步一步的做。

3.3 實(shí)踐課堂

這里所說(shuō)的實(shí)踐課堂是85%交給學(xué)生的課堂，老師僅做指導(dǎo)。在一個(gè)章節(jié)完成后，留出4個(gè)課時(shí)（如果課時(shí)不夠，讓學(xué)生自己課后完成）讓學(xué)生做作品（要求是：應(yīng)用學(xué)過(guò)的知識(shí)做一個(gè)作品，作品內(nèi)容不限，但重要的知識(shí)點(diǎn)要求出現(xiàn)在作品中）。在作品制作過(guò)程中遇到的問(wèn)題，鼓勵(lì)學(xué)生自己查閱資料解決。學(xué)生上交的作品，要講評(píng)。優(yōu)秀的作品鼓勵(lì)學(xué)生自己講解；有問(wèn)題的作品，要給學(xué)生指出不足。也可以讓學(xué)生相互瀏覽作品。如果存在個(gè)別交不上來(lái)作品的，或是應(yīng)付差事的作品，應(yīng)該先了解一下情況，根據(jù)情況給于解決（比如：對(duì)于那些不知道做什么的，讓他們多看看例子；懶的不想動(dòng)手做的，要嚴(yán)肅批評(píng)）。

4 錦上添花

如果想讓學(xué)生在制作網(wǎng)頁(yè)方面有更大的進(jìn)步，除了教學(xué)、實(shí)踐外，我想一學(xué)期應(yīng)該專門(mén)抽出幾個(gè)課時(shí)讓學(xué)生欣賞優(yōu)秀的網(wǎng)站，比如：http://www.yahoo.com；http://www.microsoft.com；http://ww

w.edu.cn；http://www.flashsky.com；http://www.dangdang.com，當(dāng)學(xué)生欣賞網(wǎng)站時(shí)，老師應(yīng)該告訴學(xué)生：體會(huì)各網(wǎng)站的差別、色彩、導(dǎo)航、動(dòng)畫(huà)效果等。鼓勵(lì)學(xué)生相互交流瀏覽網(wǎng)頁(yè)的感受。

5 課程設(shè)計(jì)

由于網(wǎng)頁(yè)設(shè)計(jì)課程是一門(mén)實(shí)踐性和綜合性非常強(qiáng)的課，所以網(wǎng)頁(yè)設(shè)計(jì)課的考核應(yīng)以課程設(shè)計(jì)為主。做課程設(shè)計(jì)之前，老師應(yīng)該給出學(xué)生任務(wù)書(shū)。任務(wù)書(shū)中的任務(wù)要涵蓋絕大部分教學(xué)內(nèi)容，要將理論和實(shí)踐結(jié)合在一起，而且要體現(xiàn)出啟發(fā)性。

為了提高學(xué)生自我認(rèn)識(shí)的能力，課程設(shè)計(jì)的評(píng)分應(yīng)該讓學(xué)生參與。給出如下評(píng)分表(表1)：

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

總之，我個(gè)人認(rèn)為：在網(wǎng)頁(yè)設(shè)計(jì)中合理的使用案例教學(xué)，有利于學(xué)生深刻的理解、掌握理論知識(shí)和提高動(dòng)手能力，提高教學(xué)質(zhì)量。

參考文獻(xiàn)：

[1]鄧偉.對(duì)高校案例教學(xué)若干問(wèn)題的探討[J]，江西省團(tuán)校學(xué)報(bào)，2002，（04）.

[2]胡波.網(wǎng)頁(yè)制作課程教學(xué)方法探討[J]，電腦知識(shí)與技術(shù)，2006年23期.

[3]謝良辰.對(duì)《網(wǎng)頁(yè)制作技術(shù)》課程實(shí)驗(yàn)教學(xué)設(shè)計(jì)探討[J]，教學(xué)與管理，2006(7):104.