網(wǎng)站設計與制作課程中大案例教學法的實施和探討

索榮華

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

關鍵詞：大案例教學法;網(wǎng)站設計與制作;計算機課程;教學成果展;網(wǎng)頁制作

中圖分類號：G642 文獻標識碼：A

文章編號：1009-3044（2020）08-0148-03

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

所謂大案例教學法就是在教學過程中采用一些較為復雜的大案例進行教學，其教學課時一般應在10個課時以上，甚至一些課程中一個大案例往往貫穿于整個學期。

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

我校以前的網(wǎng)站設計與制作課程，主要存在以下幾個問題：

1）課程培養(yǎng)目標不清晰，導致教學內容散亂，沒有目的性，系統(tǒng)性。

我校以前的網(wǎng)站設計與制作課程對課程的培養(yǎng)目標沒有深入的思考，教學內容講解過于太多，過散，沒有突出目的性，沒有對網(wǎng)頁知識系統(tǒng)性的講解，導致學生期末完成的網(wǎng)站作品不盡如人意。沒有明晰的教學目標，教學內容的散亂導致網(wǎng)站設計與制作課程講成了網(wǎng)頁制作課程，即沒有講解網(wǎng)站如何制作，也沒有講解網(wǎng)站如何設計的過程，課程的講解只是讓學生能做一個個獨立的網(wǎng)頁，多個網(wǎng)頁無法有機組合成一個網(wǎng)站，而且沒有講解網(wǎng)站的設計，學生完成的網(wǎng)站不夠美觀，精細。

2）目前的課程教材內容過多，多深，沒有網(wǎng)站設計與制作過程的詳細講解。

目前，市面上的網(wǎng)站設計與制作教材大多數(shù)存在著講解知識點過多，過深的缺點，不適合高職學生的特點和學情。而且，這些教材沒有系統(tǒng)性的講解網(wǎng)站設計與制作的過程，有些教材只是將每個頁面的代碼直接貼了出來。所以，需要根據(jù)高職學生的特點，圍繞教學培養(yǎng)目標來確定教學內容，自編講義，課件，貼近學情，貼近課堂實際情況，為學生量身打造。

3）以往的課程缺少若干個系統(tǒng)性講解網(wǎng)站設計與制作過程的大案例，課程案例過小，或者沒有突出網(wǎng)站設計過程。

以往的網(wǎng)站設計與制作課程課堂案例過小，只有2-6個課時，這些案例很難講清楚網(wǎng)站的設計與制作過程，需要教師設計一些大案例，系統(tǒng)性講解網(wǎng)站設計與制作過程，這些案例的授課時間應達到16個課時以上。

綜上所述，以往的網(wǎng)站設計與制作課程存在的問題，導致最終的教學效果不盡如人意。所以，針對以上存在的問題，需要采取以下措施提升該課程的教學效果。

首先，應對以往的教學深入思考，確定適合學生學情的教學目標。

要跳出課程教材限制，圍繞教學目標，精心設計教學內容。在講網(wǎng)站大案例之前，要確定學生要學習那些網(wǎng)頁基礎知識和操作，自編該部分課件;設計制作1個網(wǎng)站大案例。

在教學中，除了主要采用大案例教學法之外，研究其他合適的教學方法，提升教學效果。研究制定適合學情的考核標準。

指導學生完成網(wǎng)站大作品，督促和鼓勵學生參加系部教學成果展，給學生一個展示的平臺，讓學生獲得成就感。

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

首先，通過對以往的教學深入思考，確定了教學目標：培養(yǎng)學生能夠獨立設計與制作一個較復雜、美觀、精細的靜態(tài)網(wǎng)站的能力。此教學目標要求教學內容的制定要符合學生的學情，教學內容不能太難，在課程講解中，因為受限于課時的限制及學生的學情，對于較難的DIV+CSS網(wǎng)頁排版只做簡要介紹，主要使用表格+css講解網(wǎng)站設計與制作。課程內容除了要講解網(wǎng)站涉及的基本知識和操作之外，還要培養(yǎng)學生對于網(wǎng)站的審美能力。在大案例中，要講解如何將網(wǎng)站設計與制作的美觀、精細，大案例制作的網(wǎng)站要選題合理，復雜度適中。在最后的考核中，要求學生要獨立完成網(wǎng)站大作品，教師要嚴格檢查學生作品，嚴禁抄襲。

智能1801區(qū)隊的網(wǎng)站設計與制作課程周課時為4節(jié)，教學運行18周。圍繞教學目標，采用大案例教學法對網(wǎng)站設計與制作課程的教學內容安排如下：

第一部分：網(wǎng)站相關基礎理論的講解（4課時）。此部分主要講解網(wǎng)站、網(wǎng)頁、首頁、域名、靜態(tài)和動態(tài)網(wǎng)站的區(qū)別、網(wǎng)頁兼容性、Html和Css語言、網(wǎng)站設計與制作一般過程等相關的概念和理論知識。

第二部分：精選一些對網(wǎng)站設計與制作過程中經(jīng)常使用的操作性知識點進行講解，同時講解css編輯器的使用（12課時）。此部分主要講解DreamWeaver的初步認識，網(wǎng)頁圖片、鏈接、表格、表單的相關操作及注意事項，表格嵌套，CSS編輯器的基本操作，常見css樣式。此部分先講解各知識點的基本操作及注意事項，然后設計一些小實例給學生講解，學生進行練習，鞏固、拓展相關知識點。

第三部分：此部分講解Html和Css的概念，語法格式，常見Html標記、屬性以及Css常見屬性。要求學生不一定會寫代碼，但是要能看懂一些基本的代碼，方便后面修改網(wǎng)站代碼。（4課時）

第四部分：網(wǎng)頁欣賞與點評課。此部分講解網(wǎng)站的首頁布局，網(wǎng)站的基本設計原則，精選一些設計較好和較差的網(wǎng)站進行點評，課后，留作業(yè)要求學生自選一個網(wǎng)站進行點評。（4課時）

第五部分：一個初步的實例，先讓學生進行適應。注意這個實例的選取，要能引起學生的興趣。（4課時）

第六部分：一個網(wǎng)站大案例，選擇寧夏警官職業(yè)學院優(yōu)質校申報網(wǎng)站對網(wǎng)站的整體設計和制作過程進行講解。本人編寫了35頁的課程講義，方便學生學習。（24課時）

在此部分，選取優(yōu)質校申報網(wǎng)站最主要的三個頁面：首頁，新聞列表頁面和新聞顯示頁面來講解如何制作靜態(tài)網(wǎng)站。在首頁的講解中，教會學生網(wǎng)站Logo、導航欄、Banner、版權區(qū)域該如何設計與制作，同時學習網(wǎng)站中最常用的視頻播放、焦點圖、跑馬燈、背景音樂等網(wǎng)頁特效的制作。在新聞顯示頁面，教會學生如何制作規(guī)范、美觀的圖文混排新聞內容頁面。

在此部分教學實施過程中，注重讓學生思考為什么要這樣做，而不是簡單的講解如何做。首先給學生講解如何進行網(wǎng)站首頁規(guī)劃;要求學生要自行發(fā)揮設計制作網(wǎng)站LOGO和導航欄;注重講解特效代碼中一些可以進行特效定制的代碼;對于頁面中表格制作部分，注意培養(yǎng)學生分析表格嵌套的能力;注重培養(yǎng)學生對網(wǎng)站素材的選擇和處理能力。

第七部分：學生自選主題做一個網(wǎng)站，教師進行指導，選取優(yōu)秀作品參加教學成果展。（20課時）

在實際教學中，注重和學生形成一個融洽的教學氛圍，多和學生聊天。同時，在教學過程中，要嚴格要求學生。每段講解過程最多不要超過15分鐘。有些地方的講解可以采用討論法、提問法。講解過程中，要多注意學生的反應。

在期末，學生完成的網(wǎng)站大作品整體質量較以往有一個較大的提高，學生作品優(yōu)秀率達到了17%，而以前學生作品優(yōu)秀率不超過6%。

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

在網(wǎng)站設計與制作課程中，第一次采用大案例教學法過程中，還存在一些問題，需要進行完善。

在教學內容上：應對網(wǎng)站基礎知識部分教學內容大幅縮減，只講解必要的網(wǎng)站理論知識，課時量控制在兩課時;對網(wǎng)站基礎操作部分做少量調整，重點是要讓學生熟練掌握這部分操作知識;對HTML語言和CSS語言，調整教學內容和考核標準，重點是要讓學生能看懂常用的HTML和css語言;對網(wǎng)站欣賞與點評部分，調整教學內容和方法，重點是要讓學生具有一定的網(wǎng)站審美能力;對網(wǎng)站大案例部分，優(yōu)質校申報網(wǎng)站案例只給學生做參考，要重新編寫一個新的大案例講義，新的大案例要更加符合主流網(wǎng)站設計風格，要引起學生的興趣，要更加美觀。

在教學方法上：要研究各種形式靈活的方法，選取適當?shù)慕虒W方法提高教學效果。

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

通過深入分析大案例教學法，大案例教學法有其最大的優(yōu)點，但是也有一些困難需要去克服。

大案例教學法最大的優(yōu)點就是可以顯著提高大部分學生相應課程的實踐水平，學生完成的大作品能有一個質的提升，能涌現(xiàn)出一批優(yōu)秀作品，較以往的教學效果有一個很大的提升。要讓學生完成一個大作品，就要讓學生先跟著教師完成一個大作品的制作過程，否則沒有相應的指導，學生的作品水平會較差，優(yōu)秀作品往往很少。教師通過一個或多個合適的大案例，融會貫通多個知識點，在講解中不僅強調實踐操作，也要加入必要的理論知識，使學生明白完成一個大作品應該一步步怎么去做，而不是由著學生自己去琢磨，效率不高而且作品最終可能比較粗糙，不美觀，不專業(yè)。

大案例教學法第一個需要克服的困難就是課時過長。傳統(tǒng)的教學要求一個案例不要有過長的課時，一個案例過長的課時很容易引起學生的疲勞，而且由于大案例本身的復雜度，部分學生可能會出現(xiàn)跟不上進度，最終自暴自棄。針對這種情況，首先大案例的選擇應該比較有趣，符合學生的心理特點。然后，在講課過程中，一次不要講得時間過長，應嚴格控制在15分鐘以內，就讓學生開始做練習。另外，大案例的制作過程應該寫一個講義，讓學生能夠按著講義來操作，但是講義也不能寫得太細，否則學生只是簡單地按照講義來操作，缺少自己琢磨的環(huán)節(jié)。最后，在講解過程中，能穿插一些課堂討論，提問等其他環(huán)節(jié)從而引起學生的興趣和注意力?？傊嚓P注學生，要多鼓勵學生，要激勵學生，要讓學生感覺完成一個精良的大作品有自豪感，成就感。

大案例教學法第二個需要克服的困難就是對教師的要求比較高。首先教師對當前授課的課程要有一個比較高的學識水平，教師要不斷鉆研，提高自己的技術水平，而不是滿足于只是完成授課內容。在學生完成大作品的時候，教師需要進行輔導，由于大作品本身的復雜度，教師要有較高的水平才能進行輔導。另外，由于采用大案例教學法的教材極少，教師可能需要重新設計教學內容，要打破教材的限制，對教材的教學內容做一個很大的改動，所以以往的教學資料可能大部分都不適用了，教師要花大量精力重新設計制作案例，編寫教案、講義。最后，大案例教學法由于大案例本身的復雜，對教師的教學水平也提出了更高的要求，要求教師要更加關注學生，最好能夠和學生形成一個融洽的教學氛圍。

大案例教學法第三個需要克服的困難是對學生的要求比較高。要求學生能夠專心上課，能跟上教師的節(jié)奏，認真完成相應的案例，對相應的知識點能夠不懂的就問，要多思考，注重對知識點的理解。在完成大作品時，能夠精益求精，多思考，多嘗試。

5 適合進行大案例教學法的課程

根據(jù)大案例教學法的性質，適合此教學法的課程應該是那些學生在期末需要完成一個大作品的實踐性課程。適合大案例教學法的課程有：網(wǎng)站設計與制作、PS、移動UI設計、Pre-miere、工程制圖、自助建站、微信公眾平臺開發(fā)、AE等。當然，這些課程如果采用大案例教學法，不同課程性質不同，還需要一個不斷探索實踐的過程。

綜上所述，通過在網(wǎng)站設計與制作課程中采用大案例教學法實施教學，教學效果取得了顯著的提升。同時，大案例教學法還需要不斷完善。大案例教學法既有顯著的優(yōu)點，也有一些缺點需要采取措施去克服。最后，一些其他計算機課程也適合采用大案例教學法進行教學，具有一定的推廣價值。

參考文獻：

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

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

【通聯(lián)編輯：王力】