案例教學法在 《網(wǎng)頁設(shè)計》 課程中的應用

徐立波

摘 要： 《網(wǎng)頁設(shè)計》是多數(shù)高校面向計算機及其他相關(guān)專業(yè)開設(shè)的一門課程，課程需要講授的內(nèi)容多，實踐性強。針對課程特點應用案例教學法，能激發(fā)學生的學習興趣，培養(yǎng)學生的實際動手能力，增強課堂教學效果。

關(guān)鍵詞： 案例教學法 《網(wǎng)頁設(shè)計》 課程應用

《網(wǎng)頁設(shè)計》是多數(shù)高校面向計算機及其他相關(guān)專業(yè)開設(shè)的一門課程，主要講授網(wǎng)站的基本知識、網(wǎng)頁開發(fā)語言、開發(fā)工具和美化工具等內(nèi)容。通過本課程學習，培養(yǎng)學生的網(wǎng)頁設(shè)計能力和計算機應用能力，解決網(wǎng)站和網(wǎng)頁設(shè)計中的一些常見問題。由于《網(wǎng)頁設(shè)計》實踐性強，采用傳統(tǒng)知識點講授法教學，學生會認為理論和實踐脫節(jié)，缺乏學習興趣，因此，應該把案例教學法引入《網(wǎng)頁設(shè)計》教學中，提高課堂效率。

一、案例教學法

案例教學法是一種以案例為基礎(chǔ)的教學法，即運用社會或身邊發(fā)生的事例激發(fā)學生的學習興趣，說明道理，給學生的行為以啟發(fā)的教學模式。在教學過程中，教師如何選擇好的案例教學是實施案例教學法的關(guān)鍵。教學案例是真實又典型且含有問題的事件。簡單地說，一個教學案例就是一個包含有疑難問題的實際情境的描述，是一個教學實踐過程中的故事，描述的是教學過程中“意料之外、情理之中的事”。對于《網(wǎng)頁設(shè)計》課程來說，好的教學案例應該包括的要素有：

（1）展示的案例頁面整體設(shè)計美觀，功能實用、易用。

（2）頁面要有標志性圖片。

（3）要有導航欄。

（4）盡可能包含更多的實用知識點。

在案例教學過程中，教師可以更多地從系統(tǒng)分析和設(shè)計角度講解軟件的功能分解，讓學生在真實的環(huán)境中學習軟件分析和設(shè)計。要通過實際網(wǎng)頁制作案例的展示讓學生加深對教學案例的理解，逐漸掌握相關(guān)知識點，并學會如何應用到實際項目中。

二、《網(wǎng)頁設(shè)計》案例教學應用示例

1.教學案例效果

在應用案例教學法之初，教師向?qū)W生演示“蝶與花”網(wǎng)頁的實際效果。這個網(wǎng)頁中包含圖片、文字、表單和控件等元素，由于布局合理，顏色搭配合理，這個網(wǎng)頁的制作很容易激發(fā)學生的學習興趣，增強學生的學習動力，產(chǎn)生趕快學習并親手制作的沖動，有利于《網(wǎng)頁設(shè)計》課程教學工作開展。圖1是“蝶與花”網(wǎng)頁的實際效果。

2.案例分析

通過分析“蝶與花”網(wǎng)頁的特征，歸納制作“蝶與花”網(wǎng)頁要用到的素材、文件和相關(guān)知識點等。

“蝶與花”網(wǎng)頁要用到的素材和文件包括：七個JPEG圖像文件和一個文本文件。

“蝶與花”網(wǎng)頁要用到的知識點包括：

（1）表格的插入及屬性設(shè)置；

（2）單元格的拆分、合并及屬性設(shè)置；

（3）圖片的插入及屬性設(shè)置；

（4）圖像合成及處理；

（5）marquee標記及屬性設(shè)置；

（6）超鏈接標記及屬性設(shè)置；

（7）表單的插入及屬性設(shè)置；

（8）控件的插入及屬性設(shè)置；

（9）行為的添加及修改；

（10）網(wǎng)點的建立與管理。

接下來教師實際演示“蝶與花”網(wǎng)頁實際制作過程，教師通過Dreamweaver軟件在真實計算機情境講中解網(wǎng)站的建立與管理，相關(guān)網(wǎng)頁標記的插入及屬性設(shè)置等，這樣學生就在真實的教學案例中體會到網(wǎng)頁制作過程及相關(guān)知識點的應用，既學習理論知識又掌握操作技能。

三、結(jié)語

由于《網(wǎng)頁設(shè)計》實踐性強，在教學過程中引入案例教學法更能激發(fā)學生的學習興趣，提高教學效率。通過合理選擇《網(wǎng)頁設(shè)計》教學案例，分析《網(wǎng)頁設(shè)計》涉及的素材、文件和相關(guān)知識點，在實際情境中演示教學案例的制作過程，學生動手能力明顯增強。今后要加強案例教學法與其他教學法的融合，這樣才能切實提高《網(wǎng)頁設(shè)計》教學質(zhì)量，培養(yǎng)出高素質(zhì)的網(wǎng)頁設(shè)計人才。

參考文獻：

[1]毛群.案例教學法在OFFICE教學中的探索[J].齊齊哈爾師范高等?？茖W校學報，2010，2（114）：119-120.

[2]http：//baike.baidu.com/link？url=Y79IWpdCsx VTAFJGEQ XxAToNFDYGfjTf7R9acDDA4UH-U_03RXsfEspiz1Ny2v LDlm 5b0zITUtT6ZE7H85vy0q.

[3]黃婷.《網(wǎng)頁設(shè)計與制作》教學方法探討[J].開封教育學院學報，2014，34（10）：59-60.