淺談案例教學(xué)在中職《CSS樣式布局》教學(xué)中的運(yùn)用

張瑋

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

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

中圖分類(lèi)號(hào)：G71 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1673-9132（2016）29-0103-02

DOI：10.16657/j.cnki.issn1673-9132.2016.29.063

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

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

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

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

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

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

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

（三）增進(jìn)師生交流

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

（四）學(xué)以致用

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

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

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

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

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

（一）準(zhǔn)備階段

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

1.仔細(xì)地通讀教材，吃透教材，分析所選案例中運(yùn)用的主要知識(shí)點(diǎn)，利用各種資源，找出最具代表性的案例。

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

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

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

（二）實(shí)施階段

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

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

（三）總結(jié)階段

教育家蘇霍姆休斯基說(shuō)：“一堂好課并不是教師一字不差地把事先制訂好的課時(shí)計(jì)劃搬到課堂上來(lái)。一堂成功的課事先也只能由教師在心中粗略地勾畫(huà)出它的輪廓，而它的誕生只能是在課堂上。”因此，一個(gè)好教師應(yīng)當(dāng)把握課堂教學(xué)的發(fā)展邏輯，洞察學(xué)生腦力勞動(dòng)的細(xì)微變化，從而能夠?qū)τ?jì)劃作適當(dāng)變動(dòng)?！?/p>

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

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

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

[責(zé)任編輯 趙景霞]