張瑋

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

關(guān)鍵詞：案例教學(xué)；CSS樣式布局；教學(xué)運用

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

DOI：10.16657/j.cnki.issn1673-9132.2016.29.063

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

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

一、案例教學(xué)的好處

（一）學(xué)生真正成為課堂主人

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

（二）提升教師的業(yè)務(wù)水平

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

（三）增進師生交流

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

（四）學(xué)以致用

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

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

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

二、怎樣進行案例教學(xué)案例

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

（一）準備階段

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

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

2.課前教師要根據(jù)案例和教材內(nèi)容，把握本課的教學(xué)重難點，讓學(xué)生根據(jù)案例問題去探索和思考課本知識，學(xué)會運用課本上的理論知識去解決問題；或讓學(xué)生在生動的教學(xué)情境中去發(fā)現(xiàn)問題、提出問題，并尋找相應(yīng)的解決方法。

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

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

（二）實施階段

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

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

（三）總結(jié)階段

教育家蘇霍姆休斯基說：“一堂好課并不是教師一字不差地把事先制訂好的課時計劃搬到課堂上來。一堂成功的課事先也只能由教師在心中粗略地勾畫出它的輪廓，而它的誕生只能是在課堂上?！币虼?，一個好教師應(yīng)當把握課堂教學(xué)的發(fā)展邏輯，洞察學(xué)生腦力勞動的細微變化，從而能夠?qū)τ媱澴鬟m當變動。”

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

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

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

[責任編輯 趙景霞]