案例教學法在 《網頁設計》 課程中的應用

徐立波

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

關鍵詞： 案例教學法 《網頁設計》 課程應用

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

一、案例教學法

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

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

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

（3）要有導航欄。

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

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

二、《網頁設計》案例教學應用示例

1.教學案例效果

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

2.案例分析

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

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

“蝶與花”網頁要用到的知識點包括：

（1）表格的插入及屬性設置；

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

（3）圖片的插入及屬性設置；

（4）圖像合成及處理；

（5）marquee標記及屬性設置；

（6）超鏈接標記及屬性設置；

（7）表單的插入及屬性設置；

（8）控件的插入及屬性設置；

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

（10）網點的建立與管理。

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

三、結語

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

參考文獻：

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

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

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