網(wǎng)站設(shè)計課程中案例教學(xué)法的實施

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)站設(shè)計課程中案例教學(xué)法的實施范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要：案例教學(xué)法是一種以案例為基礎(chǔ)的教學(xué)法，目前普遍應(yīng)用于各學(xué)科的教學(xué)中。該文將從信息與安防工程系的網(wǎng)站設(shè)計與制作課程的實際教學(xué)情況出發(fā)，來進(jìn)一步解析案例教學(xué)法的延伸，即大案例教學(xué)法在網(wǎng)站設(shè)計與制作課程中的實施原因和過程。同時，在具體實施過程的基礎(chǔ)上，探討網(wǎng)站設(shè)計與制作課程中大案例教學(xué)法如何進(jìn)一步完善、大案例教學(xué)法的優(yōu)缺點，以及還有哪些計算機類課程適合采用大案例教學(xué)法。

關(guān)鍵詞：大案例教學(xué)法；網(wǎng)站設(shè)計與制作；計算機課程；教學(xué)成果展；網(wǎng)頁制作

案例教學(xué)法是一種以案例為基礎(chǔ)的教學(xué)法，目前普遍應(yīng)用于各學(xué)科的教學(xué)中。對于計算機類課程來說，傳統(tǒng)的案例教學(xué)法，教師上課過程中通常使用的案例其教學(xué)課時往往只有1-4個課時，也就是說使用的案例都是一些小案例，其操作過程相對來說比較簡單，只是為了使學(xué)生掌握某幾個知識點而使用的案例，不同案例之間比較獨立。但是，對于一些計算機類課程來說，實際工作中遇到的案例通常需要幾天甚至幾周的時間來完成，而且也更為復(fù)雜，如果學(xué)生只是跟著老師完成一些小案例的制作的話，學(xué)生水平的提升也很有限，所以需要一些較為復(fù)雜的大案例來貫穿課程中的知識點，學(xué)生能夠系統(tǒng)性的通過大案例進(jìn)行學(xué)習(xí)，水平能得到一個較高的提升。所謂大案例教學(xué)法就是在教學(xué)過程中采用一些較為復(fù)雜的大案例進(jìn)行教學(xué)，其教學(xué)課時一般應(yīng)在10個課時以上，甚至一些課程中一個大案例往往貫穿于整個學(xué)期。

1網(wǎng)站設(shè)計與制作課程中大案例教學(xué)法的實施原因

我校以前的網(wǎng)站設(shè)計與制作課程，主要存在以下幾個問題：1)課程培養(yǎng)目標(biāo)不清晰，導(dǎo)致教學(xué)內(nèi)容散亂，沒有目的性，系統(tǒng)性。我校以前的網(wǎng)站設(shè)計與制作課程對課程的培養(yǎng)目標(biāo)沒有深入的思考，教學(xué)內(nèi)容講解過于太多，過散，沒有突出目的性，沒有對網(wǎng)頁知識系統(tǒng)性的講解，導(dǎo)致學(xué)生期末完成的網(wǎng)站作品不盡如人意。沒有明晰的教學(xué)目標(biāo)，教學(xué)內(nèi)容的散亂導(dǎo)致網(wǎng)站設(shè)計與制作課程講成了網(wǎng)頁制作課程，即沒有講解網(wǎng)站如何制作，也沒有講解網(wǎng)站如何設(shè)計的過程，課程的講解只是讓學(xué)生能做一個個獨立的網(wǎng)頁，多個網(wǎng)頁無法有機組合成一個網(wǎng)站，而且沒有講解網(wǎng)站的設(shè)計，學(xué)生完成的網(wǎng)站不夠美觀，精細(xì)。2)目前的課程教材內(nèi)容過多，多深，沒有網(wǎng)站設(shè)計與制作過程的詳細(xì)講解。目前，市面上的網(wǎng)站設(shè)計與制作教材大多數(shù)存在著講解知識點過多，過深的缺點，不適合高職學(xué)生的特點和學(xué)情。而且，這些教材沒有系統(tǒng)性的講解網(wǎng)站設(shè)計與制作的過程，有些教材只是將每個頁面的代碼直接貼了出來。所以，需要根據(jù)高職學(xué)生的特點，圍繞教學(xué)培養(yǎng)目標(biāo)來確定教學(xué)內(nèi)容，自編講義，課件，貼近學(xué)情，貼近課堂實際情況，為學(xué)生量身打造。3)以往的課程缺少若干個系統(tǒng)性講解網(wǎng)站設(shè)計與制作過程的大案例，課程案例過小，或者沒有突出網(wǎng)站設(shè)計過程。以往的網(wǎng)站設(shè)計與制作課程課堂案例過小，只有2-6個課時，這些案例很難講清楚網(wǎng)站的設(shè)計與制作過程，需要教師設(shè)計一些大案例，系統(tǒng)性講解網(wǎng)站設(shè)計與制作過程，這些案例的授課時間應(yīng)達(dá)到16個課時以上。綜上所述，以往的網(wǎng)站設(shè)計與制作課程存在的問題，導(dǎo)致最終的教學(xué)效果不盡如人意。所以，針對以上存在的問題，需要采取以下措施提升該課程的教學(xué)效果。首先，應(yīng)對以往的教學(xué)深入思考，確定適合學(xué)生學(xué)情的教學(xué)目標(biāo)。要跳出課程教材限制，圍繞教學(xué)目標(biāo)，精心設(shè)計教學(xué)內(nèi)容。在講網(wǎng)站大案例之前，要確定學(xué)生要學(xué)習(xí)那些網(wǎng)頁基礎(chǔ)知識和操作，自編該部分課件；設(shè)計制作1個網(wǎng)站大案例。在教學(xué)中，除了主要采用大案例教學(xué)法之外，研究其他合適的教學(xué)方法，提升教學(xué)效果。研究制定適合學(xué)情的考核標(biāo)準(zhǔn)。指導(dǎo)學(xué)生完成網(wǎng)站大作品，督促和鼓勵學(xué)生參加系部教學(xué)成果展，給學(xué)生一個展示的平臺，讓學(xué)生獲得成就感。

2網(wǎng)站設(shè)計與制作課程中大案例教學(xué)法的實施過程

首先，通過對以往的教學(xué)深入思考，確定了教學(xué)目標(biāo)：培養(yǎng)學(xué)生能夠獨立設(shè)計與制作一個較復(fù)雜、美觀、精細(xì)的靜態(tài)網(wǎng)站的能力。此教學(xué)目標(biāo)要求教學(xué)內(nèi)容的制定要符合學(xué)生的學(xué)情，教學(xué)內(nèi)容不能太難，在課程講解中，因為受限于課時的限制及學(xué)生的學(xué)情，對于較難的DIV+CSS網(wǎng)頁排版只做簡要介紹，主要使用表格+CSS講解網(wǎng)站設(shè)計與制作。課程內(nèi)容除了要講解網(wǎng)站涉及的基本知識和操作之外，還要培養(yǎng)學(xué)生對于網(wǎng)站的審美能力。在大案例中，要講解如何將網(wǎng)站設(shè)計與制作的美觀、精細(xì)，大案例制作的網(wǎng)站要選題合理，復(fù)雜度適中。在最后的考核中，要求學(xué)生要獨立完成網(wǎng)站大作品，教師要嚴(yán)格檢查學(xué)生作品，嚴(yán)禁抄襲。智能1801區(qū)隊的網(wǎng)站設(shè)計與制作課程周課時為4節(jié)，教學(xué)運行18周。圍繞教學(xué)目標(biāo)，采用大案例教學(xué)法對網(wǎng)站設(shè)計與制作課程的教學(xué)內(nèi)容安排如下：第一部分：網(wǎng)站相關(guān)基礎(chǔ)理論的講解(4課時)。此部分主要講解網(wǎng)站、網(wǎng)頁、首頁、域名、靜態(tài)和動態(tài)網(wǎng)站的區(qū)別、網(wǎng)頁兼容性、Html和Css語言、網(wǎng)站設(shè)計與制作一般過程等相關(guān)的概念和理論知識。第二部分：精選一些對網(wǎng)站設(shè)計與制作過程中經(jīng)常使用的操作性知識點進(jìn)行講解，同時講解CSS編輯器的使用(12課時)。此部分主要講解DreamWeaver的初步認(rèn)識，網(wǎng)頁圖片、鏈接、表格、表單的相關(guān)操作及注意事項，表格嵌套，CSS編輯器的基本操作，常見CSS樣式。此部分先講解各知識點的基本操作及注意事項，然后設(shè)計一些小實例給學(xué)生講解，學(xué)生進(jìn)行練習(xí)，鞏固、拓展相關(guān)知識點。第三部分：此部分講解Html和Css的概念，語法格式，常見Html標(biāo)記、屬性以及Css常見屬性。要求學(xué)生不一定會寫代碼，但是要能看懂一些基本的代碼，方便后面修改網(wǎng)站代碼。(4課時)第四部分：網(wǎng)頁欣賞與點評課。此部分講解網(wǎng)站的首頁布局，網(wǎng)站的基本設(shè)計原則，精選一些設(shè)計較好和較差的網(wǎng)站進(jìn)行點評，課后，留作業(yè)要求學(xué)生自選一個網(wǎng)站進(jìn)行點評。(4課時)第五部分：一個初步的實例，先讓學(xué)生進(jìn)行適應(yīng)。注意這個實例的選取，要能引起學(xué)生的興趣。(4課時)第六部分：一個網(wǎng)站大案例，選擇寧夏警官職業(yè)學(xué)院優(yōu)質(zhì)校申報網(wǎng)站對網(wǎng)站的整體設(shè)計和制作過程進(jìn)行講解。本人編寫了35頁的課程講義，方便學(xué)生學(xué)習(xí)。(24課時)在此部分，選取優(yōu)質(zhì)校申報網(wǎng)站最主要的三個頁面：首頁，新聞列表頁面和新聞顯示頁面來講解如何制作靜態(tài)網(wǎng)站。在首頁的講解中，教會學(xué)生網(wǎng)站Logo、導(dǎo)航欄、Banner、版權(quán)區(qū)域該如何設(shè)計與制作，同時學(xué)習(xí)網(wǎng)站中最常用的視頻播放、焦點圖、跑馬燈、背景音樂等網(wǎng)頁特效的制作。在新聞顯示頁面，教會學(xué)生如何制作規(guī)范、美觀的圖文混排新聞內(nèi)容頁面。在此部分教學(xué)實施過程中，注重讓學(xué)生思考為什么要這樣做，而不是簡單的講解如何做。首先給學(xué)生講解如何進(jìn)行網(wǎng)站首頁規(guī)劃；要求學(xué)生要自行發(fā)揮設(shè)計制作網(wǎng)站LOGO和導(dǎo)航欄；注重講解特效代碼中一些可以進(jìn)行特效定制的代碼；對于頁面中表格制作部分，注意培養(yǎng)學(xué)生分析表格嵌套的能力；注重培養(yǎng)學(xué)生對網(wǎng)站素材的選擇和處理能力。第七部分：學(xué)生自選主題做一個網(wǎng)站，教師進(jìn)行指導(dǎo)，選取優(yōu)秀作品參加教學(xué)成果展。(20課時)在實際教學(xué)中，注重和學(xué)生形成一個融洽的教學(xué)氛圍，多和學(xué)生聊天。同時，在教學(xué)過程中，要嚴(yán)格要求學(xué)生。每段講解過程最多不要超過15分鐘。有些地方的講解可以采用討論法、提問法。講解過程中，要多注意學(xué)生的反應(yīng)。在期末，學(xué)生完成的網(wǎng)站大作品整體質(zhì)量較以往有一個較大的提高，學(xué)生作品優(yōu)秀率達(dá)到了17%，而以前學(xué)生作品優(yōu)秀率不超過6%。

3網(wǎng)站設(shè)計與制作課程中大案例教學(xué)法的進(jìn)一步完善

在網(wǎng)站設(shè)計與制作課程中，第一次采用大案例教學(xué)法過程中，還存在一些問題，需要進(jìn)行完善。在教學(xué)內(nèi)容上：應(yīng)對網(wǎng)站基礎(chǔ)知識部分教學(xué)內(nèi)容大幅縮減，只講解必要的網(wǎng)站理論知識，課時量控制在兩課時；對網(wǎng)站基礎(chǔ)操作部分做少量調(diào)整，重點是要讓學(xué)生熟練掌握這部分操作知識；對HTML語言和CSS語言，調(diào)整教學(xué)內(nèi)容和考核標(biāo)準(zhǔn)，重點是要讓學(xué)生能看懂常用的HTML和CSS語言；對網(wǎng)站欣賞與點評部分，調(diào)整教學(xué)內(nèi)容和方法，重點是要讓學(xué)生具有一定的網(wǎng)站審美能力；對網(wǎng)站大案例部分，優(yōu)質(zhì)校申報網(wǎng)站案例只給學(xué)生做參考，要重新編寫一個新的大案例講義，新的大案例要更加符合主流網(wǎng)站設(shè)計風(fēng)格，要引起學(xué)生的興趣，要更加美觀。在教學(xué)方法上：要研究各種形式靈活的方法，選取適當(dāng)?shù)慕虒W(xué)方法提高教學(xué)效果。

4對大案例教學(xué)法的優(yōu)點和需要克服的困難的思考

通過深入分析大案例教學(xué)法，大案例教學(xué)法有其最大的優(yōu)點，但是也有一些困難需要去克服。大案例教學(xué)法最大的優(yōu)點就是可以顯著提高大部分學(xué)生相應(yīng)課程的實踐水平，學(xué)生完成的大作品能有一個質(zhì)的提升，能涌現(xiàn)出一批優(yōu)秀作品，較以往的教學(xué)效果有一個很大的提升。要讓學(xué)生完成一個大作品，就要讓學(xué)生先跟著教師完成一個大作品的制作過程，否則沒有相應(yīng)的指導(dǎo)，學(xué)生的作品水平會較差，優(yōu)秀作品往往很少。教師通過一個或多個合適的大案例，融會貫通多個知識點，在講解中不僅強調(diào)實踐操作，也要加入必要的理論知識，使學(xué)生明白完成一個大作品應(yīng)該一步步怎么去做，而不是由著學(xué)生自己去琢磨，效率不高而且作品最終可能比較粗糙，不美觀，不專業(yè)。大案例教學(xué)法第一個需要克服的困難就是課時過長。傳統(tǒng)的教學(xué)要求一個案例不要有過長的課時，一個案例過長的課時很容易引起學(xué)生的疲勞，而且由于大案例本身的復(fù)雜度，部分學(xué)生可能會出現(xiàn)跟不上進(jìn)度，最終自暴自棄。針對這種情況，首先大案例的選擇應(yīng)該比較有趣，符合學(xué)生的心理特點。然后，在講課過程中，一次不要講得時間過長，應(yīng)嚴(yán)格控制在15分鐘以內(nèi)，就讓學(xué)生開始做練習(xí)。另外，大案例的制作過程應(yīng)該寫一個講義，讓學(xué)生能夠按著講義來操作，但是講義也不能寫得太細(xì)，否則學(xué)生只是簡單地按照講義來操作，缺少自己琢磨的環(huán)節(jié)。最后，在講解過程中，能穿插一些課堂討論，提問等其他環(huán)節(jié)從而引起學(xué)生的興趣和注意力。總之，要多關(guān)注學(xué)生，要多鼓勵學(xué)生，要激勵學(xué)生，要讓學(xué)生感覺完成一個精良的大作品有自豪感，成就感。大案例教學(xué)法第二個需要克服的困難就是對教師的要求比較高。首先教師對當(dāng)前授課的課程要有一個比較高的學(xué)識水平，教師要不斷鉆研，提高自己的技術(shù)水平，而不是滿足于只是完成授課內(nèi)容。在學(xué)生完成大作品的時候，教師需要進(jìn)行輔導(dǎo)，由于大作品本身的復(fù)雜度，教師要有較高的水平才能進(jìn)行輔導(dǎo)。另外，由于采用大案例教學(xué)法的教材極少，教師可能需要重新設(shè)計教學(xué)內(nèi)容，要打破教材的限制，對教材的教學(xué)內(nèi)容做一個很大的改動，所以以往的教學(xué)資料可能大部分都不適用了，教師要花大量精力重新設(shè)計制作案例，編寫教案、講義。最后，大案例教學(xué)法由于大案例本身的復(fù)雜，對教師的教學(xué)水平也提出了更高的要求，要求教師要更加關(guān)注學(xué)生，最好能夠和學(xué)生形成一個融洽的教學(xué)氛圍。大案例教學(xué)法第三個需要克服的困難是對學(xué)生的要求比較高。要求學(xué)生能夠?qū)Ｐ纳险n，能跟上教師的節(jié)奏，認(rèn)真完成相應(yīng)的案例，對相應(yīng)的知識點能夠不懂的就問，要多思考，注重對知識點的理解。在完成大作品時，能夠精益求精，多思考，多嘗試。

5適合進(jìn)行大案例教學(xué)法的課程

根據(jù)大案例教學(xué)法的性質(zhì)，適合此教學(xué)法的課程應(yīng)該是那些學(xué)生在期末需要完成一個大作品的實踐性課程。適合大案例教學(xué)法的課程有：網(wǎng)站設(shè)計與制作、PS、移動UI設(shè)計、Pre⁃miere、工程制圖、自助建站、微信公眾平臺開發(fā)、AE等。當(dāng)然，這些課程如果采用大案例教學(xué)法，不同課程性質(zhì)不同，還需要一個不斷探索實踐的過程。綜上所述，通過在網(wǎng)站設(shè)計與制作課程中采用大案例教學(xué)法實施教學(xué)，教學(xué)效果取得了顯著的提升。同時，大案例教學(xué)法還需要不斷完善。大案例教學(xué)法既有顯著的優(yōu)點，也有一些缺點需要采取措施去克服。最后，一些其他計算機課程也適合采用大案例教學(xué)法進(jìn)行教學(xué)，具有一定的推廣價值。

參考文獻(xiàn)：

[1]林青.大案例教學(xué)法在《動態(tài)網(wǎng)站設(shè)計與開發(fā)》課程教學(xué)中的應(yīng)用[J].科技風(fēng),2017(6).

[2]姚志良.大案例教學(xué)法在《SQLServer數(shù)據(jù)庫》課程教學(xué)中的應(yīng)用研究[J].職業(yè)教育研究，2007(4).

作者：索榮華 單位：寧夏警官職業(yè)學(xué)院