淺談案例教學在中職《CSS樣式布局》教學中的運用

張瑋

摘 要：“CSS樣式布局”是一門實踐性很強的課程，面對基礎較差，積極性低的中職生，在教學中采用案例教學法能提升教學效果，本文就如何在網頁制作中運用案例教學法進行了探索與分析。

關鍵詞：案例教學；CSS樣式布局；教學運用

中圖分類號：G71 文獻標識碼：A 文章編號：1673-9132（2016）29-0103-02

DOI：10.16657/j.cnki.issn1673-9132.2016.29.063

《CSS樣式布局》是網頁制作的基礎入門課程，制作網頁基本上均采用CSS樣式布局，但由于中職生基礎薄弱、學習能力參差不齊等原因，在傳統的教學模式中，學生僅僅停留在獲得那些固定的原理、規則的層面上，教學收獲不大。

案例教學法是一種通過分析各種案例來開展教學活動的教學方法，在教師的精心策劃和指導下，運用典型案例將學生帶入特定教學情境，精心設計各種案例，努力實現教學理念、教學模式等的根本變革，從而帶動教學效益和學生實踐能力的全面提高。

一、案例教學的好處

（一）學生真正成為課堂主人

將知識點、經驗、技巧等諸多因素融入案例教學，可以使學生在教學中獲取較大的自主權。例如，在講授項目列表時，學生原先在word中學過相應知識，所以，對此并不怎么感興趣，但采用菜單案例引入時，他們表現出了前所未有的積極性，有的學生主動借助網絡去查找方法，使課堂煥發了生機。

（二）提升教師的業務水平

“CSS樣式布局”是一門實踐性很強的課程，面對基礎較差，積極性低的中職生，在教學中必須選擇適宜的案例進行教學。這就要求教師不僅要有嫻熟的學科知識，還要“懂”學生。例如，介紹CSS盒子模型時，采用班級照片墻的案例來講授，讓每位學生都出現在案例中，課堂氣氛頓時活躍起來，原本枯燥的教學內容變得生動，學生自然樂意學。

（三）增進師生交流

學生歷來有 “畏師性”，中職生因本身學習成績不理想、自信心不足，很少主動和教師交流，而教學相長需要建立在師生充分互信和交流的基礎上，但中心話題還是要回歸到教學內容上。例如，抓住男同學喜歡玩網游的特點，選擇一些游戲網頁作為案例教學內容；女同學喜歡狂淘寶店，選擇一些作為精美布局的網店作為案例教學內容，投其所好，學生學習興趣自然濃了，授與學也在和諧的氛圍中循序漸進地升華。

（四）學以致用

隨著計算機網絡的普及，網頁布局技術的發展十分迅速，教材的滯后性就暴露出來。采用案例教學后，能很好地對這些知識內容進行延伸拓展，針對教材的不足，教師可以選擇一些實用性較強、緊跟當前主流的設計理念的典型教學案例展開教學。例如，時下比較流行的CSS滑動門技術，先進之處即背景圖像的可層疊性，并允許它們在彼此之上進行滑動，以創造一些特殊的效果。課上，教師重點討論剖析了“滑動門”技術，既讓學生開拓了眼界，又得到了充分煅練，逐步幫助學生形成自己的知識體系，以便將來更好地適應工作崗位。

（五）縮短了教學情境與實際生活的差距

讓被培訓者學會像某一特定的專業人員一樣思考，即讓學生像一個真正的網頁設計師那樣去思考問題、分析問題、解決問題，這往往是傳統的課程中所不能涵蓋的，要把一些真實的問題展現在學生面前，要求他們像一個成熟的、老練的網頁設計師那樣去做出反應，也就給他們提供了像網頁設計師一樣去思維的實踐機會，增強了他們處理實際問題的本領。同樣，由于案例來自于知識的延續，是發生在學生實際生活身邊的事情，他們就會設想可能遇到的種種障礙，解決問題的多種可能方案，這樣一旦他們走上工作崗位，就可以把這些真才實學應用其中。

二、怎樣進行案例教學案例

在案例教學中，教師首先要做的不是匆匆忙忙地去選擇若干案例，而是要確定掌握基本原理，然后再選擇出能夠說明這些原理、理論的案例來，可以充分借助網絡、各大出版社官網資料庫或借鑒他人分享的經驗。

（一）準備階段

教師課前的準備始于課程設計，在課程設計中選擇并確定案例，在完成課程設計后，教師就要著手做教學前的其他準備工作了，其中主要是教學過程的安排。

1.仔細地通讀教材，吃透教材，分析所選案例中運用的主要知識點，利用各種資源，找出最具代表性的案例。

2.課前教師要根據案例和教材內容，把握本課的教學重難點，讓學生根據案例問題去探索和思考課本知識，學會運用課本上的理論知識去解決問題；或讓學生在生動的教學情境中去發現問題、提出問題，并尋找相應的解決方法。

3.考慮案例的延續性，如何幫助學生從此案例中找出解決下一個案例（實際問題）。教師要考慮知識的完整性，一門學科不能以一個個首尾不能銜接的分散案例代替，案例高于教材，但必須源于教材，一般采用書本各章各節的重難點作為案例的重難。

4.創造特定教學情境，考慮到教學交互、學生能力培養，教師要兼顧到不同層次的學生，設計不同目標。問題的設置要切合學生的認知發展水平和思維習慣，設置問題要循序漸進，由簡單到復雜，從課本走向課外，由案例到教材內容，難度適宜，有典型性。

（二）實施階段

1.案例的選擇。教師可以適當借助優秀的案例來展開教學。例如，介紹CSS樣式規則時，教材配套光盤中的案例就非常詳細，此時就可以用它來進行教學，對介紹不詳細的部分進行適當補充。如光盤中的背景圖片的處理就過于簡單，在教學中筆者替換成“一張背景的導航欄”案例，從背景圖片的位置、重復等出發，對教材內容進行了必要的補充又很好地結合了當前主流技術。

2.案例的拓展。進行案例拓展，就是創設新的教學情境，提出問題，讓學生去思考并解決問題，它是對案例教學效果的最好檢驗。例如，介紹了“1-2-1”的網頁布局案例后，學生能解決“1-3-1”的網頁布局，那證明他們的確掌握了。

（三）總結階段

教育家蘇霍姆休斯基說：“一堂好課并不是教師一字不差地把事先制訂好的課時計劃搬到課堂上來。一堂成功的課事先也只能由教師在心中粗略地勾畫出它的輪廓，而它的誕生只能是在課堂上。”因此，一個好教師應當把握課堂教學的發展邏輯，洞察學生腦力勞動的細微變化，從而能夠對計劃作適當變動。”

1.課內總結。知識點、書本的回歸，讓學生回歸到知識體系中。例如，介紹DIV布局時，學生僅僅掌握幾個固定模式的案例是遠遠不夠的，必須要了解布局的實質，所以在案例教學中要針對出現的不足，在案例教學基礎上采用多樣的教學模式，擴充學生的認知體系，使他們能夠真正獲取知識、掌握知識、運用知識。

2.課外總結。針對教學過程中所發現的問題，教師需要進行總結，以避免問題進一步被繼承到新的案例中。而案例庫的積累也十分必要，大容量案例庫的存在將使教學本身更趨近于實際。總結案例教學的得失，不斷積累經驗也是提高案例教學水平重要途徑之一。

筆者對案例教學仍處在摸索階段，但只要學生有進步，教師就應當做更多的努力，幫助他們。教學模式并不是唯一的，而好壞的評判標準只一個：最有效的就是最好的！

[責任編輯 趙景霞]