時間：2023-08-12 09:06:54
引言：易發表網憑借豐富的文秘實踐，為您精心挑選了九篇網頁設計教學教案范例。如需獲取更多原創內容，可隨時聯系我們的客服老師。
眾所周知，計算機網頁設計課程具有很強的綜合性和操作性等特點，若想制作效果良好的網頁，需要具備文字版面處理、動畫制作及圖像處理等相關知識。設計計算機網頁時，通常使用Flash、Firework和Dreamweaver三種網頁設計軟件?，F階段，很多技術學校依然采用傳統的網頁設計教學模式，即利用實踐和理論的方式組織教學過程，具體地說，按照教學大綱要求，有針對性的對學生實施章節教學，若知識點不同，則會分兩次進行理論和實驗教學，這就導致學生無法靈活運用所學知識，一味的照搬課本內容，不會融會貫通和相互聯系，以致無法培養學生的創新意識及能力。傳統教學模式雖然同樣重視實踐教學，而其實際教學效果常常達不到預期目標，這主要是因為學生在熟練掌握網頁制作技術及技巧的情況下，未能有效掌控網站、圖片制作和內容排版編排的規劃和布局造成的。
2、案例教學模式的內涵
所謂的案例教學模式，是指學生熟練掌握基礎部分相關知識辨別、知識分析及知識理解的前提下，教師精心設計教學案例，進而為學生展示課程內容，同時，根據課程大綱和教學目標的教學內容和要求，指引學生通過教學案例的有效運用，分析、討論相關知識，并以獨立思考和團隊合作有機結合的方式進行分析，促使學生進一步辨別和分析所學知識，進而提高其解決問題的能力。除此以外，教師還應重視培養學生的協調溝通能力、工作作風以及管理理念。
3、案例教學模式的特點
我們認為，案例教學方式的實施基礎是實例，實際的案例教學過程中，教師往往利用形象、生動的教學案例，有效激發學生學習網頁設計課程的興趣，并在網頁制作的學習中貫穿教學案例中的相關知識點，進而使學生在學好相關知識的基礎上，不斷提高自身的問題解決能力。教師在整個案例教學過程中，始終充當著激勵者和設計者的重要角色，以促使學生積極參與案例討論。
二、案例教學的具體實施方法
一般情況下，案例教學的教學方式多種多樣、不斷變化，因而只有高度重視各教學流程，才能有效實施案例教學，進而達到事半功倍的教學效果。我們認為，案例教學流程包括教學案例的設計、組織學生討論教學案例、總結和實現教學案例三部分，具體實施過程為:
1、教學案例的設計
通常來講，有效實施案例教學的前提和基礎是設計教學案例，因而教師一定要按照教學規劃和教學要求，充分準備授課內容，并討論教學案例的相關理論和技能，同時還要分析案例教學過程中可能發生的問題。此外，設計教學案例時還應注意:第一，確保教學案例具有較強的實踐性，即保證設計的教學案例符合教材及現實案例的相關要求，以便學生更好的理解;第二，確保教學案例具有較強的典型性，也就是說，教學案例可以涵蓋大部分課程知識點;第三，確保教學案例具有較強的系統性，具體地說，設計的教學案例之間應具有前后貫穿的關系，并按照由易及難的順序進行排列;第四，確保教學案例具有較強的針對性，這就要求教師根據學生實際的接收能力選擇或設計教學案例。另外，學生還要在分析教學案例的基礎上，不斷思考和探索其實際應用，并有效、及時的促使教學案例理論知識逐漸轉變為實踐應用，進而實現理論結合實踐的教學目標，同時不斷拓寬學生的視野。例如，網頁設計教學過程中，教師可讓學生根據實際題目設計求職網站，因而學生需要結合網頁制作的相關知識，根據實際情況，具體分析相關的求職素材，進而獨立設計求職網站，這不僅激發了學生對理論知識的學習興趣，還提高了其實踐動手能力。
2、組織學生討論教學案例
實際上，組織學生討論教學案例的目的在于分析分體，進而提出合理、有效的辦法和思路。每個學生實現同一教學案例方法以及分析結果各不相同，雖然部分學生能找到容易、簡單的實現方法，卻無法充分理解;部分學生雖然找到了容易理解的實現方法，其實現過程卻非常復雜。所以，教師應有效指導學生果斷刪除不重要的案例細節，同時尋找教學案例的結構與理論知識之間的聯系。此外，討論教學案例的核心是學生和教師共同努力，進而將教學案例的理論知識和教學內容有機相連，這就要求教師充分發揮引導者的作用，并為學生創造自由、和諧的討論氛圍，同時讓學生成為教學案例討論的主角。一般來講，案例教學模式著重強調教師教學過程中的交往情境，而學生在這一情境中，也能主動參與到學習及互動交流活動中，進而反復學習。與傳統教學模式不同是，案例教學拋棄了教師為主的舊觀念，將學生作為教學主體，且不強迫學生進行記憶，只要求其積極思考提出的相關問題，并反復訓練，從而達到提高學生解決及分析問題的能力，最終實現培養學生積極動手能力的教育目標。例如，計算機網頁設計案例教學中，教師應根據實際教學內容選擇合理、有效的教學方式，如介紹網頁制作工具時，由于學生對其比較陌生，因而教師可通過討論案例實施教學活動。
3、總結和實現教學案例
學生結束教學案例討論后，教師應恰當評價討論結果，以便去除錯誤觀點。同時，教師還要分析、講解教學案例分析的相關技巧及知識技能，進而在學生通過計算機進行操作時，根據課堂討論內容具體實現教學案例，以利于學生牢固掌握相關知識點。
三、案例教學在計算機網頁設計教學中的具體應用
1、營造輕松、和諧的學習氛圍
計算機網頁設計的案例教學中，教師應注重為學生營造活躍、融洽的學習氛圍，促使學生在心理上產生安全、自由的感覺，進而激發其敢做、敢說的勇氣。此外，教師在計算機網頁設計的案例教學中，始終扮演著指導者和組織者的重要角色。所以，學生要獨自完成整個案例教學過程，且學生在這一過程中表現出的極大的積極性和主動性，直接影響著教學效果和教學質量。
2、提高教師素質，構建良好的師生關系
若想保證計算機網頁設計案例教學順利進行，需要教師具備知識淵博、經驗豐富的特點，這也是教師為學生傳遞經驗和知識的基本條件。因此，教師必須要不斷的學習，以便為學生提供豐富的信息。因為只有這樣，才能提高教師的影響力和威信，進而提高教學質量和教學效果。除此以外，教師還應全面、多角度的愛護和關心學生，同時融入學生中間，以便更好的感受和體會其內心世界，進而在做好教師的同時，努力成為學生的朋友。
3、建立科學合理的知識體系，選擇合適的教學案例
一般來講，學生學習必備、認識事物和適應環境的基本條件是認知結構，且其學習過程是不斷平衡同化和順應機能的過程，也是不斷構建認知結構的過程。因此，教師若在教學過程中引入相關背景知識和展示新知識點，都要密切結合教學大綱。此外，教師選擇教學案例時，應保證案例具有較強的針對性，且能充分反映教學大綱中的相關知識點。例如，為網頁頁面進行布局時，可通過表格、框架和層的方式進行，如為食品網站做簡圖時:為確定網頁的主色調，應將背景圖片插在第一層中;為給網頁增添活力和生機，可將flas插在第二層中;將精美食品插在第三層中;為體現飲食文化，可在第四層中搭配相關歌曲;為增強網頁的立體感，可在第五層中添加浮動物體。此外，教師應先鼓勵學生使用表格布局解決相關問題，爾后引出層的內涵，進而逐步解決問題，直至完成學習任務。
四、結語
1案例教學模式內涵以及特點
案例的教學，美其名曰就是以實際的案例作為依托，然后實習網頁設計教學，這樣的教學形式可以幫助學生能夠爆出扎實的基礎知識與實際實踐操作的要點，按照教學大綱上的需要，對于教學的目標加以確認之后，教師帶著學生工程完善實踐的學習，同時采用小組合作和探索研究的方式，積極的對知識予以進一步的解析與研究，從而不斷對學生處理問題的能力加以提升，另外，教師還需要積極的調動起學生進行溝通的能力和從工作作風等多個方面去進行教學計劃，從整體上去對學生的網頁設計整體水平加以提升，在很多的實踐調查分析之后我們能夠看出，案例教學可以充分的調動起學生進行學習的積極性，并且還可以對網頁課堂教學氣氛進行活躍，從而提升學生進行學習的積極性。
2案例教學在計算機網頁設計中的具體應用
2.1案例教學設計
案例名稱：某旅游公司“一日游”的專題網頁設計（1）企業概況。本次進行的案例教學，以某旅游公司的專題設計為內容，該公司從事旅游資源開發工作，是一家具有民營性質的合法公司，在廬山腳下，四通八達，以“廬山”為景點的一日游獨具特色，價格合理，是針對各個群體要求定制的套餐服務，該公司具有自己的宣傳網站，屬于“三星級”旅游公司。（2）“廬山一日游”的主題介紹。人們生活節奏加快，身心俱疲，在周末或者是閑暇的時候，去廬山欣賞自然風光，緩解身心疲勞，通過體驗大好的自然風光，喚醒人們對祖國打好河山的熱愛，
2.2主要教學內容
（1）準備階段。在準備階段，教師應選擇適當的情況，提供給學生，學生根據教師提供的情況，設計主題，進行相關數據收集，教師應該考慮學生的興趣，興趣和學習特點作為基礎，選擇當前的熱點問題，以及學生關心的問題，善于解決問題，從而保護案例教學的成功。（2）明確的設計主題。教師將成為向課堂上所有學生分發的第一種材料，根據教學目標和公司情況，清晰的設計主題，要求學生設計具有風格特點，可以對互動功能頁面產生市場影響。（3）練習分組。在班上有45名學生，9人分為5組，每組選擇一組組長，組內容分配書面報告寫，數據收集任務，調查時間為半天，討論研究時間是長時間。在整個實施階段，教師需要參與整個過程，為學生解決各種問題，教師積極與各個小組保持聯系，檢查他們的網頁制作情況，發現問題及時解決。（4）結束的過程。這一階段是總結網絡生產情況，分析問題，總結過程中的經驗，案例評估可以是學生自我評價，教師評價和群體相互評價三種方法。
3案例教學落實過程中應該注意的問題
在案例教學過程中，和諧學習分為良好的師生關系和科學知識體系，這是促進案例教學成功的重要因素。因此，教師應更加注重這些方面，并為案例教學提供更多良好的條件。
3.1營造輕松、和諧的學習氛圍
網頁設計教學，和諧氣氛，學生的思維能更加積極，心理會產生安全感和自由感，網頁設計，數據分析與分析的時間，可大膽的想象力，教師在案例教學實現，記住他只是一個指導，在適當的時候給予學生輔導，但不能取代學生的思維和設計，教師應該充分發揮學生的主動性，讓學生獨立完成案例教學過程。
3.2提高教師素質，構建良好的師生關系
如你想確保計算機網頁設計案例教學的順利進行，教師需要有博潮知識，有經驗的特點，這是老師為學生傳授的基本條件的經驗和知識。因此，教師必須繼續學習，以便為學生提供豐富的信息。因為唯一的辦法是提高教師的影響力和威望，從而提高教學質量和教學效果。此外，老師應該全面，多角度關心和關心學生，而學生在中間，為了更好地感受和體驗內心世界，然后做好老師，努力成為學生朋友。
3.3建立科學合理的知識體系，選擇合適的教學案例
良好的認知系統是幫助學生掌握快速消化知識的關鍵，學生有基本的條件來理解和適應環境，在學習中可以繼續實現知識的同化適應，遵守功能也是更優秀。但是良好的認知系統不是從一開始的，老師應該引導學生建立內在知識和新知識點之間的聯系，以大綱為基礎，案例教學，應該確保案例有很強的針對性，可以充分反映相關知識點的大綱。例如，當布置網頁時，可以通過使用表，框架和層來完成。例如，當你為一個食物網站制作圖表：要確定頁面的主要顏色，將背景圖像放在第一層：添加活力和活力，可以插入第二層哈希動畫：食物將入到第三層：為了反映食物文化，可以與第四層的歌曲相關聯：增強頁面三維，將浮動對象添加到第五層。此外，教師應鼓勵學生使用表單布局來解決問題，然后是層的內涵，然后逐漸解決問題直到完成學習任務。
結束語
案例教學是網頁設計教學中最有效的教學方法。它的應用突破了傳統的無聊和單一教學模式，釋放了學生的思維，教學更相關，學生成為學習主體。設計本身非常實用，教學必須結合理論與實踐兩個方面，案例教學符合教學理論與實踐的要求，提升網頁設計教學質量和效率。本文從幾個方面分析案例教學在網頁設計教學中的應用，希望為相關教育工作者提供一些建議和參考。
引用：
[1]陳思聰.淺析電子商務案例教學模式[J].教育現代化，2016（10）.
[2]林麗釵.案例教學在高職教育學中的實際運用[J].科學中國人，2016（15）.
關鍵詞：案例教學法；網頁設計教學；應用研究
前言：
二十一世紀是一個信息化時代，社會對于信息技術型人才需要越來越高，傳統填鴨式的教學方法已經無法滿足現代教育需求，只有引入新型教學法與新型教學理論才能培養應用型信息技術人才，而案例式教學法以具體案例分析為主，以學生為主體，可以有效的培養學生的網頁設計與網頁制作能力，是網頁設計教學中可以應用L試的一種教學方法。
1案例教學法的基本概述
案例式教學法在19世紀末期由美國哈弗大學蘭德爾教授提出，是一種建立在構建主義教學理論基礎上的教學方法，其以“拋錨式教學”為原型，讓學生從真實的案例和事件出發去分析問題、解決問題，可以更加直觀的加深學生對于知識的體驗，因此案例式教學法又被稱之為“實例式教學法”以及“基于問題教學法”。通常情況下，案例式教學法可以分為兩種，即案例講解法和案例分析法，首先案例講解法就是在課堂教學中運用一些針對性很強的案例，教師放棄以往的邏輯性講解，采用案例直切主題。而案例分析法又被稱之為“案例討論法”在這一過程中以學生為主體，注重學生的課程參與性，以討論或者分析的方式，來培養學生的思辨能力和問題解決能力[1]。但是值得注意的是在應用案例式教學法進行教學時，一定要注意兩個問題，第一在不同的學科教學中，應用案例式教學法的應用策略各有不同，如在網絡設計教學中，應用案例教學法最常見的一種方式就是進行典型網站設計，讓學生對典型網站進行分析規劃點評，從而進行創造設計。第二案例教學法與案例分析有所不同，案例教學法強調的是案例、理論、案例這一過程，既以案例為出發點又以案例為落腳點，這樣學生既可以實現理論知識的提升，也可以實現實踐操作能力的提升，這就是案例式教學的特點。
2案例教學法在網頁設計教學中應用的可行性
案例式教學法作為一種新型教學概念，在網頁設計教學中應用案例式教學法是具有一定可行性的，首先網頁設計教學注重的就是學生的實踐操作，以及各種計算機技術的熟練應用，如Photoshop圖片制作、Fals、Dreamweaver等小型網站開發，在這個過程中涉及到的計算機技術有很多，由此可以看出網頁設計教學是一門操作性和綜合性都比較強的學科，為此學生在學習的過程中必定會產生各種困難，但若是采用案例式教學法通過一些特殊的網頁與案例進行講解，學生就可以更加直觀的去理解這些概念，這就攻克了以往教學中的難題[2]。其次應用案例式教學法可以更大程度的調動學生學習的積極性，在案例教學活動中，學生與教師占有者同等的教學分量，體現出了“教”與“學”的平衡，學生可以自由的表達自己的觀點，同時也可以通過案例抒發自己的意見，這從某種程度上是強調學生主體作用的，所以學生有了更多展示自己的空間，這就可以大幅度的提升學生學習的積極性，有利于教學目標的實現。最后案例式教學法打破了以往有條不紊的教學組織模式，整個教學更加突出學生的實踐操作能力與知識運用能力，是一種理論與實踐相結合的新型教學模式。
3案例教學法在網頁設計教學中的應用策略
3.1合理選取案例內容，發揮案例教學價值
在應用案例式教學法進行網頁設計教學時，教師能夠選擇合理的案例內容，是發揮案例式教學法應用價值的前提條件，同時也是培養學生實踐操作能力的關鍵。為此筆者認為教師在選擇案例內容時，必須要體現出以下幾個方面的原則，首先要具有真實性原則，教師選用的教學案例最好是實際生活中真實存在的案例，切記不可使用華而不實的虛擬案例，同時案例的選擇要具有一定的典型性和普遍性，能夠讓學生通過案例的分析給予自身啟迪和收獲，如京東、聚美優品的網頁設計就是符合以上幾點原則的案例內容，教師在教學中可以有針對性的進行選擇[3]。其次要具有關聯性，也就是案例內容與學生訓練的課程知識具有關聯，例如在學習“網頁標題欄設計”這節課程時，教師就可以利用百度網頁標題欄，騰訊網頁標題欄作為案例，向學生講解網頁標題欄的設計樣式與方法，從而達到預期的培訓目標，實現良好的培訓效果。最后選取的案例內容要具有實時性，網頁設計是一個與時俱進的教學內容，如果不能讓學生時刻學習最新的知識，學生就會被社會所淘汰，因此選擇的案例內容也是如此，必須要將現在最新的網頁案例與設計方法傳授給學生，才能讓學生時刻保持創新思維。
3.2明確案例教學步驟，養成思維習慣
通過上文的介紹可以知道，案例式教學法與案例分析有著本質的不同，案例式教學法強調案例、理論、案例這一過程，以案例出發又以案例落腳，整個教學過程中具有很強的嚴謹性和協調性，因此教師在應用案例式教學法進行網頁設計教學時，必須要明確案例教學步驟，有針對性的進行教學，才能為學生良好的網頁設計學習思維習慣，具體而言，在進行案例式教學時，整個教學可以分為四個階段，即案例選擇、學生收集資料、小組討論、案例評析，案例教學組織貫穿一條主線，即發生了何種問題、問題因何而起、問題如何解決、日后采取何種對策，這就是案例式教學的實質，在教學過程中，教師一定要明確案例式教學的這四個步驟，才能從本質上提升學生網頁設計能力。
3.3注重學生討論分析，加深知識認知
案例式教學法是一種以問題談論為線索，通過學生自身對案例的分析，加深知識認知的一種新型教學形式，因此在這個過程中分組談論是案例式教學法應用的一個核心環節，為此在這個教學過程中教師一定要強化學生的主體地位，給予學生更多發表意見的機會，并且搖要將案例問題面向全體，集思廣益、共同解決問題。同時由于網頁設計中所涉及到的知識點比較多，因此教師無法對知識進行逐一解釋，為此在進行案例點撥時，教師可以采用聚焦式的啟發方式，對案例中的一些關鍵問題進行點撥談論，然后選派小組代表提出本組的解決策略，其他學生傾聽發言者講解，最后教師在進行適當的補充說明，通過這樣的案例式教學訓練，不但可以為學生養成積極思考的學習習慣，也可以加深學生對于知識的認知。
總結：
在網頁設計教學中，最重要的就是培養學生的實踐操作能力，而案例式教學法以學生為主體，以教師為主導，注重的正是學動手操作能力的培養，由此可見案例式教學法與網頁設計教學十分契合，在今后的教學中教師要注重對案例式教學法的運用。
參考文獻：
[1]黃丹丹.網頁設計教學中激發中職生的創造潛能[J].科教文匯（上旬刊）.2015（01）
一、主旨
旨在建立一個全新的社交網站，利用人們對他人給予自己評價的好奇心來設計的網站。通過好友之間的匿名互評，匿名建議，達到最終共同進步的目的，這也是在此起名為“進步網”的原因。
本網站的初步構思靈感來源于1月18號所報道的新聞，關于一周之前美國的“立方決斗”的上線與迅速擴張的信息。“立方決斗”是一個建立在同事關系之上，讓同事之間匿名評價，利用了同事之間微妙關系，即不愿在公開自己信息的情況下給他人積極或消極評價的心理的網站。
而“進步網”建立在此匿名評價基礎上，在評分之外增設功能，主題在于促進共同進步。
二、目標客戶群
可以借鑒校內網經驗，從大學生群體入手，逐漸擴展到校園之外，工作群體，甚至最后擴展到鄰里關系群體。
三、優勢分析
“進步網”需要一個自己的獨立平臺。
雖然在一個一般性的社交網站上面，同樣可以設置此發起調查與評價功能，但是如果該社交網站的主營業務不是評價的話，也就是說，該網站上不是所有的人都會去參與評價的話，人就會有部分顧慮心理。因為你正在做的評價是可以被其他任何一個不做這件事情的人看到的。這時候，就多少會影響這個功能的擴展。因此，獨立設置評價網絡平臺是有自己的優勢的，他不受其他社交網絡的影響，目前為止，國內還沒有類似評價系統網絡。
盡管校內上面設有調查問卷活動，qq上面設有好友評價，但是不能呈規模性、專業性擴張。
四、功能設置
(一)主要功能是設置匿名評價系統。
用戶的個人主頁上面設三個版塊：
第一、始終置頂顯示的版塊是“xxx正在進行的調查”。
該調查由用戶自行設置調查內容，可以同時發起多項調查，提供備選答案供大家選擇，并由用戶自行設置隱私權限，設有保留或刪除功能。同時設置發起問卷的結束時間。
調查最后給出各答案選項的人數，同時在結果下方設置兩個匿名留言版塊，一個設為對該調查人的評價，一個設為給調查發起人提出意見。
舉例：我發起評價“你認為我是一個有思想的人嗎?”選項1.非常有思想2.有點兒思想3.還行一般人4.只有那么一點兒思想5.一點思想都沒有。下方設置留言板快一“對于這個調查你還想說”，版塊二“你認為我怎樣可以進步”。然后供大家留言。當然都是匿名進行的。
第二、在上述板塊下方重疊顯示兩個板塊。
一個是“xxx的好友對她的評價”。其實就是如上類似的已經結束的調查結果。
條形柱顯示“xxx的好友認為xxx：非常有思想###人，有點兒思想###人，還行一般人###人，只有那么一點兒思想###人，一點兒思想都沒有###人。”
關鍵字：網頁設計 開發 案例教學法
近年來，隨著IT行業的迅速發展，特別是電子商務網站的發展與成熟，《網頁設計與開發》課程已經成為了計算機、電子商務等專業的必修課程之一。網站的發展帶來了專業人才的需求空間，也相應的提高了學生對課程教學的要求。通過案例教學法，讓所教學生更加了解網頁設計的內容，同時適應企業對人才的要求。
一、案例教學法概論
案例教學始于哈佛商學院，從十九世紀末開始至今，在法學、管理學等學科領域應用廣泛[1]。案例教學比較傳統型教學更加具有開放性和雙向性，能在一定程度上提高學生的思維能力和創新能力。從某種意義上說，案例教學法的主體不僅僅是教師，它更加注重教與學的結合，同時具有啟迪性，通過分析讓學生舉一反三靈活應用，從而讓學生學習到與未來職業接近的工作方式和解決問題的實際能力。由于案例教學法中采用的教學案例來自于工作中所遇到的實際問題，也能提高學生的學習興趣和職業能力。
二、采用案例教學法的原則
（一）符合課程特點的原則
網頁設計與開發是一門實踐性很強的課程，通過學習這門課程能夠培養學生解決實際工作問題的能力。案例的選擇必須是與現實工作相關的內容，讓學生能夠充分了解工作的實質和學習解決實際問題的方法。
（二）符合學生特點的原則
對于學生應采用因材施教的原則，在學習案例的同時，要不斷的啟迪學生，讓學生能夠將所學的只是融會貫通。
（三）符合課程體系特點的原則
《網頁設計與開發》是一門結合多種軟件制作工具的課程，其中包括：Dreamweaver、Flash、Fireworks、Photoshop等，加上HTML技術以及有關的數據庫，可見學生要掌握和了解的知識點相當多，容易造成知識之間的干擾，不利于吸收知識，因此應該以Dreamweaver為主線，結合相關案例讓學生能夠將所學的各項內容有機的結合起來。
三、案例教學法的具體應用
（一）課程引導階段
此階段主要在于培養學生的興趣，激發學生的好奇心。通過演示一些經典的網頁案例來啟發學生的積極性，例如新浪網、淘寶網、百度等一些優秀的具有不同功能的網站讓學生進行觀看。在演示的同時，讓學生思考例如商業網站和個人網站的不同與特點，綜合性網站和商業網站的不同于特點等等。同時講解站點的設計理念、標志的設計、色彩的應用、信息的組合、超鏈接的層次等等。在這個階段需要對網頁設計的知識點講解透徹，讓學生對于如何制作網頁與網站有清晰的條理，為學生制作網頁打下好的基礎。
（二）學習制作階段
例如在進行Dreamweaver教學時，可以講教學內容與實際案例相結合，在講到表格時，可以舉表格布局網頁的例子，在說到層時可以通過彈出菜單的例子來進行分析講解；在說到“行為”時，可以掩飾單機播放輔導能夠廣告漂浮欄的實例。在進行Photoshop教學時，可以將各大網站的LOGO截圖給學生進行觀看，讓學生了解網站LOGO的制作對網站的重要性，再引入PS教學。在進行Flash教學時，可以下載網上大量的素材，在制作蝴蝶花叢飛的動畫時，先播放一段蝴蝶翩翩起舞的影片，制作獵豹奔跑的動畫，可以讓學生在網上分別尋找獵豹和森林的背景圖片，通過素材的收集和應用，不僅可以提高學生的審美能力、想象力和興趣，還可以制作出更加生動的動畫作品。
（三）綜合項目合作階段
通過一段時間的基本技能的學生后，讓學生分組完成網站的制作。要求學生在課余時間去學校附近聯系自己的客戶，客戶可以是物流公司、小商鋪、學校、企業等，為客戶制作一個小型的宣傳網站。通過這種方式一方面可以為我們搭建一個學習的平臺，使學生在學習的過程中也能體會到制作網站的整個流程；同時也可以培養學生在網站制作過程中能及時與客戶進行交流溝通的能力，為以后從事這方面的工作打基礎。
四、結束語
實踐證明，通過在《網頁設計與開發》課程中采用案例教學法，同時利用好實踐教學環節，可以有效的將理論教學與能力應用相結合，通過自己分析、制作、合作大多數學生都可以自己或者與團隊一起完成完整的網頁作品。不同的環節采用的不同案例，讓學生能夠學會主動研究問題、分析問題、解決問題。俗話說“授人與魚不如授人與漁”。學生本身也很愿意接受這種教學方式，且在課后也能夠積極主動的完成教學任務。希望通過更多的實踐與探討，給計算機教學帶來新的啟示。
參考文獻：
關鍵詞：技工院校；網頁設計
案例教學在信息時代快速發展的今天，各行各業對技術型人才的要求普遍提高。技術院校捕捉到市場對人才的新要求，也在積極地進行教學改革。將全新的教學方法與網頁設計教學結合起來，是促進網頁設計教學目標實現的重要手段。案例教學法與網頁設計課程的操作性與實踐性特點相符，以此來打破傳統教學模式對網頁設計教學的限制，能夠讓學生的發展需求得到滿足。
一、做好內容選擇工作
選擇案例教學法內容，是實施案例教學活動的第一步。在選擇案例教學內容時，教師要堅持兩點原則。第一，教學案例要具有真實性與典型性。教師選擇教學案例時，需要查找社會生活中真實存在的網頁設計案例，杜絕一切不真實的案例走進課堂。教學所用案例要具有典型性，不僅與生活密切相關，更要能夠啟發學生的網頁設計思維，促進學生找到切入點去討論。實事求是的教學，才能促進學生網頁設計能力的提升。第二，教學案例內容要與教學內容相關。之所以將案例教學法引入技工院校的網頁設計課堂中，就是為了促進網頁設計教學目標的快速實現，讓學生通過網頁設計知識的學習，提高自己的實踐能力。因此，教師需要在教學目標的引導下選擇案例教學的內容，本著提高全體學生網頁設計技巧的目的選擇有針對性的案例教學內容。
二、出示任務書
出示任務書是利用案例教學法實施教學的重要環節。任務書中包括案例學習的內容以及具體要求，教師要重視任務書的設計工作，將學生要掌握的理論知識與實踐技巧明確地整理在任務書中，讓學生以任務書為引導實施開展學習。換言之，如果學生掌握了任務書中的知識點，達到了任務書中的目標，就等于完成了課本相關內容的學習。值得注意的是，教師要重視技工院校學生創造力的培養，在任務書中設置的任務要具有啟發性，設置任務的難度不宜太大，要給學生完成任務的信心。例如，在講解制作文本網頁知識時，教師可以設計這樣一個任務書：掌握網頁文本格式的設置技巧，如空格、對齊、項目列表、標題、字體字號的設置等。這部分內容學習難度不大，教師可以選擇學生所在城市的一個旅游景點，讓學生為這個旅游景點設計一個文本網頁。這樣讓學生參與到真實的案例中，可以鍛煉學生的網頁設計技巧，有利于提高專業技能。
三、組織學生討論
讓學生在案例學習活動中發揮自己的主觀能動性，是提升學生學習效果的重要手段。在案例教學中，教師要組織學生就難以解決的問題進行討論，讓學生在互幫互助中成長起來。討論活動的實施要有標準，教師要求小組內的每一位成員都表達自己的看法，分析自己的網頁設計工作，為小組成員的學習貢獻自己的力量。在所有觀點都擺上臺面上之后，再針對關鍵問題進行討論。例如，在旅游景點文本網站的設計中，一些學生對旅游景點的特色列表持有不同見解，教師要鼓勵學生分析網頁服務對象以及受眾，討論出最佳方案，讓學生在自主探究中實現個人能力的提升。
四、總結點撥，提高案例教學成效
學生的學習能力再強，也需要教師的引導。在技工院校的網頁設計教學中，教師要積極發揮在課堂教學中的主導作用。教師通過案例教學法實施教學，給學生創造了更加自由與多元化的學習、探究與討論的空間，也讓教學內容更加開放，從而使教師的教學行為更加輕松。在學生的討論過程中，教師要巡回指導，避免使學生的學習走入歧途，浪費時間。例如，在學習網頁設計的知識時，教師引入城市現代化進程網頁的案例組織學生討論。討論中，一些小組在特效功能上產生了分歧，教師要及時指導，幫助學生明晰每一種特效的視覺作用與情感作用，并引導學生開發特效的設計方法，保證案例學習的質量。
五、小結
綜上所述，網頁設計知識的應用性與綜合性較強，教師要重視專業理論知識的講解，也要針對企業對人才的需求、學生的個人能力等加強對操作方法的指導。選擇科學合理的案例教學內容，突出學生在案例學習中的主體地位，讓問題討論更加深入，鼓勵學生說出自己的疑惑?？茖W應用案例教學法，是推動技工院校教學改革的重要環節。
參考文獻：
[1]王哲.項目教學法在技工院校《網頁設計與制作》課程中的探索與實踐[D].南昌:南昌大學,2012.
[2]盛志燕.案例教學法在中職《網頁設計與制作》課程中的應用分析[J].信息與電腦(理論版),2015(16).
關鍵詞：案例教學法 網頁設計 應用
目前，許多中、高級職業院校都開設了網頁設計與制作相關課程，它已成為計算機應用、電子商務和計算機網絡等專業的必修課，同時也是其他專業選修率較高的一門課程。筆者學院計算機教研室教師在多年教學實踐的基礎上，本著知識系統、全面、夠用、實用的原則，在重視實踐能力培養的方針指導下，引入案例驅動法開展教學，幫助學生在最短的時間內快速掌握最實用的網頁設計與制作知識。
一、案例驅動法的內涵
隨著教學改革的不斷深入，案例教學法、任務驅動教學法、項目教學法等等各種新穎的教學方法引入到日常的教學工作之中。在教學實踐中，采用單一的教學方法往往無法發揮其最大功效。而案例驅動法是構建于案例教學法與任務驅動法兩者之上的教學模式。它是指教師在課堂教學以及實訓教學中以實踐案例為引導，激發學生學習的主動性與自覺性，充分發揮其在教學過程中的主體地位，從而真正體現職業院校計算機教學系統、全面、夠用、實用的原則。
二、學情分析
以往職業院校在開展計算機教學時，盲目照搬照抄普通中、高等學校的教學模式，導致課堂教學“水土不服”。要真正搞好職業院校的計算機教學，首先必須做好學生的學情分析。每到新學年的開學之時，筆者就采用問卷調查的方式對所任教班級的學生進行摸底評測，通過調查結果發現，隨著普通高中的擴招，職業院校的生源素質逐年下降，偏遠農村的生源比例越來越高，但他們的文化素質卻逐年降低。以筆者所任教班級為例，在初中階段系統接受過計算機基礎知識系統教育的不到10%，接觸過計算機的占50%，能夠熟練操作的不到5%，還有30%的學生從未接觸過計算機。因此，教師在教學過程中應因材施教，合理安排教學內容，靈活運用教學方法。
三、案例驅動法的實施
1.情境激發
許多學生由于計算機基礎較差，導致其在教學中無法跟上教學進度，進而產生怕學、厭學的現象。因此，在教學中應采用情境激發的方法在第一時間集中學生的注意力。所謂情境就是為學生創設一種使之身臨其境的學習意境，以此強化感性認識，激發學生興趣。為更好地激境，筆者根據新的教學理念，注重審美體驗，在新課引入時，采用了多媒體教學的方式。
2.案例驅動
新的職業院校計算機教學鼓勵學生在感受、體驗、參與、探究、思考和合作等學習活動的基礎上，進一步學習基本的計算機知識與技能，體驗計算機學習的過程和方法。為此，在案例設置這個環節要充分考慮學生的基本素質，由淺入深、循序漸進。如在講解編輯矢量對象時，以汽車標志的繪制為案例，引導學生首先新建一個Fireworks文檔，畫布大小為300*150，分辨率為72像素/英寸，顏色為白色（#FFFFFFF）。選擇“橢圓”工具，在文檔編輯區域內按住【shift】鍵畫一正圓，顏色為黑色（#000000）；然后選擇“編輯”“復制”命令，在同一位置復制出相同的圖形，修改其顏色為白色（#FFFFFFF）；選擇“修改”“變形”“數值變形”命令，將克隆出的白色圓形縮放至原始大小的85%；再選擇“視圖”“標尺”命令，在文檔編輯區顯示標尺；選擇“視圖”“輔助線”“顯示輔助線”命令，并從上標尺和左標尺中各拖出一條輔助線，用于定位兩個同心圓的圓心；再選擇“多邊形”工具，先在“屬性”面板中將其改為3邊的星形，然后從輔助線的中心交點直接向外繪制星形直至內圓邊界處，顏色為黑色（#000000）；最后選擇“部分選定”工具，對三角星形的各個控點分別進行調整，產生最終的圖形效果。
3.總結評價
關鍵詞： 網頁型電子教案 制作 優化
一、前言
隨著計算機技術及網頁設計技術的發展與應用，教育界正在利用計算機制作電子教案，以取代傳統的紙質教案。而在制作各種電子教案的過程中，最優的方法是利用網頁設計技術制作，再輔以其它應用工具對其進行優化。
教育部在《面向21世紀教育振興行動》中提出“形成開放式教育網絡，構建終身學習體系”，分三步逐步推進我國信息化教育：第一步是計算機多媒體為核心的教育技術在學校的普及運用；第二步是組織上網，利用網上資料；第三步是開展遠程教育，提供廣泛的學習資料，不斷滿足社會終身教育的需求。
隨著計算機技術的廣泛應用，在中國教育教學信息化的今天，各級各類學校全面要求教師完成信息化的第一步，即以多媒體教學為核心的教育技術應用于教學中。第二步與第三步也在廣泛開展，廣大教師都在廣泛開發各種各樣的多媒體課件，各類的教材出版社也都為各自所出版的教材增加競爭的砝碼，在出版教材的同時，80%的教材都有增值服務：如配送電子教案，網上在線學習卡，教學及學生自學光盤和其它類似服務。這些正是教育部在《面向21世紀教育振興行動》中提出的推進我國信息化教育的具體體現。
二、電子教案概念、重要性及常見的制作技術
所謂電子教案就是指利用計算機技術，將教學過程中的大部分內容存儲在計算機中，教學過程通過投影儀或網頁瀏覽進行教學或讓學生自學。
電子教案在現代信息化教育的今天，具有非常大的重要性，主要體現在如下幾個方面。
1.便于電子教案中的各種資源隨時更新與修改。
2.便于教學中的各種教學資源如：文字、圖片、動畫、影片、音樂的高效組合。
3.便于學生復制到家后自我學習，如果將其放在網頁上可供學生瀏覽學習，及其他教師參考。
4.是響應國家創建節約節性社會的需要，可以大量節約紙張。
5.減少教師的重復勞動，提高教師的備課效率，及授課效率。
6.減少教師課堂板書及粉筆使用，還可以減少粉筆灰對教師與學生身心健康危害。
將計算機技術廣泛應用于教學中是在Windows95與Office95以后，從而利用計算機技術取代傳統的電教方法：幻燈片、錄音機、錄像帶的播放。而廣泛采用Word文檔和PowerPoint幻燈片的方法，也開始逐步取代紙質教案，而后又開始出現各種動畫技術、視屏技術應用于教學中。這一類可以說是計算機多媒體課件。這種可以稱之為傳統的多媒體技術，是在以教師為主導的教學模式中，借助多媒體的特有表現形式，對教學內容中的重難點部分展開，以發揮傳統媒體所不能發揮的作用。教師可利用學校的投影教室，播放的教學軟件、圖片、視屏、聲音、動畫、多媒體光盤，用Word電子教案、以PowerPoint制作的幻燈片進行授課。
隨著網絡技術及網頁設計與編程技術的推廣使用，網絡課件，也可以說是網絡型電子教案應運而生，但網頁設計技術沒有普及，所以90%教師都是用PowerPoint制作的課件，同樣，很多教材出版社出版的教材，也有約85%所提供的配套課件是PowerPoint課件，有約10%是教學光盤，只有約5%是網頁形式的電子課件。
三、網頁設計制作電子教案的優點
網頁型電子教案，就是利用網頁設計技術及網頁編程技術，將教學所用的各種資源融合于一體的電子教案。它是教育信息化的實踐前沿、學法教法改革的試驗，是網絡學習的小型集約化活動平臺，不同于PowerPoint一類的課件，優點主要表現在如下幾個方面。
1.利于提高教師的教學水平，減少重復勞動。
教師制作網頁型電子教案，可以將各種教學資源有效地、有序地整合在一起。網頁型電子教案是教師的移動教案，是教師的教學資源庫，有利于教師進行教學；有利于教師對教學資源進行修改與補充，進而提高自己的教學水平與能力。
2.有利于學生學習效率的提高。
其一，教師豐富的教學內容、全新的教學形式可以提高教學的質量和學生的學習興趣。
其二，教師可以將網頁型電子教案放到學校的網站上，供學生學習相關的知識；可以將QQ在線代碼寫在網頁中，這樣學生就可以在網上與老師進行在線交流，將第一課堂延伸到第二課堂。
其三，學生自學。放在網站上的電子教案，學生可以自學，而這種自學模式則突破了看書或翻閱筆記獲取知識的唯一渠道，他們根據自己的需要，在合適的時間、合適的地點、合適的條件下，反復利用網絡點播、觀看多種資源，包括教師的教案、參考資料等豐富的背景資源，建立一種綜合性、創造性、靈活性極強的學習模式。
3.有利于教師同行資源共享。
網頁型電子教案放在網站有利于教師同行之間的交流，有利于教學資源的共享，教師可相互促進、相互學習，從而全面地提高教師整體的教學水平。
4.有利于提升院校形象，可作為開發精品課程的基礎階段。
現在高等學校都要求開發自己的精品課程。通過多個院校網上查尋，做得好的精品課程都采用網頁形式，這是網頁型電子教案的最高形式，所以教師制作網型電子表教案正是精品課程的源泉。
四、網頁電子教案的制作基本技術及要求
網頁電子教案的主要內容是文字、圖片、動畫，只有通過超級鏈接到其它素材上，豐富的內容才可以提高教案的視聽效果和教學效果。在制作與設計網頁電子教案時要注意如下方法與技巧。
1.網頁制作的工具選擇。
（1）FrontPage簡單易學易用，功能強大，基本操作命令同于Word的操作，有利于廣大教師學習與應用。
（2）Macromedia公司的網頁三劍客：Dreamweaver具有強大的網頁設計功能，是用于專業制作網頁的工具軟件、但不易精通；Flash用于制作一些網頁動畫及網頁，也可以制作Flash課件；Fireworks用于網頁圖片進行優化處理。
（3）其它工具。利用相關的工具軟件和網頁特效。
（4）動態網頁技術。可以利用ASP、PHP、JSP等語言編程和用Access、MS SQL、MySQL數據庫技術編制動態網頁，從而實現交互功能。
2.網頁電子教案的組織與規劃。
一個成功的網頁電子教案，教師的規劃能力有相當程度的影響力。網頁規劃包含的內容很多，如網頁的結構、項目的設定、網頁顏色搭配、頁面版面布局、文字圖片的運用等。
3.網頁內容的布局。
網頁的具體內容可以用表格結構、框架結構表示，Dreamweaver用“層”來進行網頁的布局。最好的是用框架結構。用框架結構組織的網頁型教案，學生易于瀏覽，教師易于維護、更新。
4.用網頁模板來建立網頁。
在網頁建立過程中，可以將相同的內容建立網頁模板，從而有利于網頁編輯與修改。
5.用站點的方式來管理電子教案。
在設計制作網頁電子教案的過程中，必須用站點的方式來管理，如文件的移動、更名等操作，否則超級鏈接的屬性就會發生變化。
6.網頁交互式設計。
交互式設計可以作為網頁電子教案的高級應用，有利于師生、同行教師之間交流，還有利于學生自學與自測。
五、網頁電子教案的優化
網頁電子教案的優化主要體現在它的高級應用。很多人認為電子教案就是用于教師教學，但作用信息化的今天，教育部在《面向21世紀教育振興行動》提出推進我國信息化教育進程。網頁電子教案的優點就是在于將教案融于網頁之中，網頁更有利于信息的供享。所以對網頁電子教案的優化處理是網頁電子教案的重要體現。
1.將網頁電子教案上傳到院校的網站上，供學生自我學習。
2.通過電子書制作工具，這些工具可通過網絡下載。如：eBook workshop，eBook Edit Pro等軟件，將電子教案制作成電子書，可以讓學生復制到手機中，從而自由地學習。
3.通過網頁制作的電子教案，加入一定的網頁特效，如在網頁中，禁止復制，禁止另存為，這些特效可以從網上搜索，并輔以框架結構，實現一定的版權保護。這種優化處理，特別有利于教材出版社，可以保護版權，也有利于教師教學成果的保護。
4.在上述2、3點的基礎之上，還可以對網頁電子教案進行打包格式為“EXE”文件，再輔以制作安裝程序軟件，如安裝程序制作專家，可以實現網頁電子教案的軟件化處理，可以加入安裝序列號，制作成需要安裝的學習軟件程序。
5.教師每一年都可以通過對網頁電子教案進行修改補充，制作成程序軟件和升級版本，從而取得一定的商業利益，這也是對教師制作優秀電子教案努力的回報。
六、結語
總之，網頁型電子教案是一種很好的電子教案制作方法，是推進我國信息化教育改革的必要手段，是一種非常值得廣大教師、各級教學管理者、教材開發者及精品課程的開發者進一步探索的制作方法與理念。
參考文獻：
《網頁設計與制作》是我院計算機各專業及電子商務類專業的必修課程，自開設以來深受學生的喜愛。因本課程教學內容及教學資源較多，學生很難在課程中完全掌握所學知識，為更好地補充和輔助學生進行課外學習，更加開放的網絡教學成為本課程的有益補充和良好的學習途徑。
二、課程分析與設計
《網頁設計與制作》課程是高職高專計算機專業的一門技能課程，結合職位崗位對人才的需求，我們收集了網頁設計、平面設計、動畫設計、動態網頁開發等課程的相關知識，對本課程的教學內容、知識結構、信息資源的選取、教學策略的使用進行了精心的策劃和設計。我們將學生熟練的網頁設計與開發的操作技能作為培養重點，在課程教學設計中，以“高素質、技能型”人才為培養目標，采取“小組協作學習”的學習方式完成整個課程的教學，并注重對小組的考核評價。
（一）學習需求分析
對于高職高專的學生，學習的主動性和積極性不夠強，但對于操作性比較強的課程，往往有強烈的學習愿望，針對學生的特點，并根據《網頁設計與制作》這門課程的性質特征，在教學中我們主要采用任務驅動的教學方法，實施項目教學，讓學生的學習和工作的內容緊密相聯，這樣不僅能夠吸引學生的注意力，并且能夠提高學生的學習興趣，同時達到“工學結合”的教學理念。
（二）學習內容分析
我們分析了多門與網頁設計與制作相關的教材，從課程的實際應用與培養需求出發，對教學內容進行了重新安排。從本課程的教學實際出發設定的學習目標是：培養學生具有一定的藝術素養，較強的網頁鑒賞能力，熟悉網頁設計創意的原理和方法，熟悉HTML、CSS、JavaScript和網頁制作工具，熟悉網頁的制作和流程。能夠根據客戶需求進行網頁設計與制作以及進行網站的維護和管理工作等?？紤]到學生的層次不同，大家可以根據自己的實際情況有選擇的學習適合自己的模塊，自學能力較強的學生可以通過我們的網絡平臺得到進一步的提高和知識的拓展。
（三）知識結構體系
網頁設計與制作融合了平面設計、網頁制作、動態程序、數據庫等知識，作為一門綜合性強的課程.。把核心知識以最快、最有效的方式傳遞給學生，而又要能使學生容易掌握，所以本課程以“表格式”布局作為教學的主線，把Photoshop平面設計、Flas設計融入其中，同時適當引入“div+css”網頁布局的內容。而在動態網頁設計中，簡單介紹Asp+Aceess動態網頁設計知識。據此，在學習內容的組織上，以“用表格進行頁面布局”和“網頁與數據庫”這兩個知識點為主線，將其它知識串聯起來，可幫助學生迅速建立起知識的體系結構。
三、信息資源的選擇
在《網頁設計與制作》網絡課程的設計中，以課內項目、課外項目和教學專題的形式進行信息資源的規劃與整合，選擇合適的形式來展現信息資源是非常重要的。如在網頁的中文排版教學模塊中，網頁文字材料應以文本為主，而涉及的圖片只需提供原始圖片即可，增強學生對資源的應用與處理。而在“實驗演示”、“動態網頁的原理”模塊中，以動畫的形式形象地展示出來，激發學生的想象力。而在課外拓展模塊中，信息資源應以視頻的形式展現，使學生方便參照與模仿。信息資源總體結構見圖1。
四、教學策略的設計
（一）任務驅動的教學模式
“任務驅動教學”就是將要學習的新知識隱含在一個或幾個任務中，學生通過對任務進行分析和討論，明確該任務所涉及的課程知識，并找出其中的新知識，然后在老師的指導和幫助下找出解決問題的方法，繼而完成相應任務?！毒W頁設計與制作》課程在教學中使用“任務驅動教學法”的具體做法是：教師先給學生呈現一個具體的網頁效果，接著與學生共同分析該網頁需要如何去處理，然后在老師的指導下師生共同完成網頁，形成“階梯式螺旋化”教學模式。這樣做的好處是：通過一個任務的完成，培養學生發現問題、分析問題、解決問題的能力，激發學生的學習興趣，同時能夠提高學生的實際動手能力；而且將新知識點融入任務中進行學習，所學知識具有一定的針對性與目的性，學生的學習就會認為學的有價值，且通過一項任務的完成，學生同時可以體會到一種成就感。
（二）開放式自主學習模式
本課程建立的網絡教學平臺中包含本課程的教學資源、教學課件、課程教案、教學指導等模塊。通過網絡提供10大類、45000多個文件的立體化教學資源，所有的教學資源可在網上瀏覽和下載，任何學生在任何時候、任何地方都能借助網絡學習。同時開發了在線答疑系統，提供了QQ和TQ兩種訪問途徑，在線訪問和離線留言兩種方式。在“學習資源區”針對不同層次的學習者設計了豐富的學習資源。通過電子教案，學習者可以了解教師課堂上講授的知識要點，并可下載素材進行相應的訓練；如果在學習中遇到了困難，一般通過“學習資源區”中的“你問我答”即可解決，確需教師幫助的，也可在網絡的“教師答疑”中給教師留言。專題學習板塊基本上覆蓋了較高層次學習者所要了解的知識。
（三）課外小組協作學習模式
在課外作業環境，采用基于構建主義學習理論的協作學習模式。一方面教師在網絡教學平臺創建學習主題和要求，另一方面學生可自由創建學習主題和內容，挖掘優秀學生的潛能。由學生自行組成小組并進行分工設計，在設計過程中可通過小組討論、師生網絡交流進一步深化和完善學習內容，完成后相互進行評價和交流。因此在設計網絡課程時要注重協同工作環境的設計，充分發揮網絡的功能。
五、學習評價系統的設計
為更好地評價學生在網絡教學中的學習效果，學習評價系統的設計是十分重要的。在本網絡課程中，根據學習者的學習需求和特點，進行不同程度的強化練習評價，并及時給出反饋意見。在學生完成對應的學習內容后，教師可以對學生進行評價，學生之間也可以相互評價。同時完成專題學習后，挑選出優秀的作品進行課外開放式評價，增強學生的成就感，以此達到學生的再學習的主動性。
