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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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