網頁前端開發案例教學論文范文第1篇
摘 要： 《網頁設計與制作》課程是一門實踐性強、操作要求高的計算機專業課程。在網頁設計課程中應用案例教學法能夠很好地啟發學生思維，激發學生學習興趣，調動學生的積極性和主動性，并為學生下一步的實踐操作提供參考。本文介紹了案例教學法在網頁設計與制作課程中的應用，以學校網站的開發為實例進行案例教學的說明。教學設計包含教學內容分析、教學對象分析、教學目標、教學重點難點、教學策略及教學過程設計。
關鍵詞： 案例教學 網頁設計與制作課程教學 教學設計
一、案例教學概念
案例教學法就是教師列舉案例進行教學的方法。教師根據教學目標、教學內容的要求，組織學生對典型案例進行分析、討論、交流，學習掌握知識，加深對基本概念和基本原理的理解，同時提高學生分析問題和解決問題的能力。
二、案例教學設計實例
（一）教學內容分析
《網頁設計與制作》課程的教材有很多種。網頁開發軟件也有很多選擇，如Dreamweaver，FrontPage等。我校選擇的教材是《DreamweaverCS5中文版基礎與實例教程》。在講解過程中不能完全按照教材的章節內容進行教學，必須根據課程內容的邏輯關系進行合理教學設計。在教學設計過程中按照知識點的難易程度和各章的邏輯關系，將本書的知識點歸納為下圖：
（二）學習者分析
1.一般特征
《網頁設計與制作》課程是計算機網頁設計專業的一門專業必修課，是計算機專業的核心課程。授課對象是計算機網頁設計專業一年級學生。這些學生年齡基本在十七八歲，這一階段的學生直覺思維能力較強，思維活躍，喜歡學習技巧性的知識。如果在教學中能合理地對學生進行引導，能夠發揮出學生潛在的創新能力。該教學班的學生以男生為主，女生占很小比例。每個班45人，女生只有6-10人。在教學過程中要注意觀察學生的行為，及時提醒學生進行有意注意。職業學校的學生在個性差異方面和普通中小學生差別很大。職業學校的學生對于學習動機中的認知內驅力很弱。在長期的不良學習習慣影響下，他們不會主動學習自己想知道的知識。反過來只要是他感興趣的知識，他的學習動機就會很強。所以教師的主導作用很重要。他們不善于語言文字的表達，可是這些學生特別聰明，尤其在邏輯、身體運動、人際交往、自然觀察等方面表現突出 。所以進行在教學設計時讓學生多參與，多發言，注重技能練習是很有必要的。在學習風格方面，職業學校的學生喜歡聽覺、視覺、觸覺上的刺激，而不喜歡枯燥的文字說明。職業學校的學生不好管理的一個最重要的問題就是學生的情緒不穩定，容易沖動。所以在講課過程中教師要格外注意學生的情緒變動，變換不同教學組織方式吸引學生注意，維持他們的學習動機。
2.初始能力
中等職業學校的學生生源比較廣泛。學生分布不集中，由于地域限制，個體差異較大，學生的學習基礎也不同。有的學生經常接觸計算機，已經掌握了計算機的基礎應用，有的學生很少接觸計算機，連基本的計算機操作都不會。但是計算機專業不只有網頁設計專業，還有計算機應用、計算機網絡專業。學生既然選擇網頁設計專業，就應該對本專業進行過了解，對網頁設計有濃厚興趣。
3.信息素養
職業學校的學生普遍喜歡上網，對于計算機的基本使用方法已經初步掌握。有些學生家里也有計算機，所以他們的信息檢索能力很強。接受和使用電子新設備的能力也很好。能夠運用所學知識解決實際問題。
（三）學習目標
知識和技能：了解網站開發的流程，學會建立站點，能夠用自己的話對網站的總體規劃進行描述。
過程和方法：在教師的指導下分析確定主題下的目標用戶，掌握網站的總體規劃，清晰劃分網站模塊，版面設計合理，完成預期的網頁跳轉。
情感態度和價值觀：在網站設計過程中，學生依據網站評價標準，不斷對網頁的色彩搭配、整體風格進行完善，這樣才能鍛煉學生對色彩的審美能力、創新能力。
（四）教學重點和難點
教學重點：網站的整體規劃
教學難點：首頁版面布局的合理設計
（五）教學策略
本節課的內容是理論性知識，學生在學習時沒有學習興趣，如果仍然按照教師講解、學生接受的教學方式進行教學，則教學效果不理想。應選擇基于案例的探究型的集體學習模式進行學習，讓學生通過對案例的學習，反過來總結出知識。這樣學生才能夠更深刻地理解知識。
（六）教學流程
[情境導入]
師：大家是通過什么渠道知道這個學校的？生：朋友，同學，親戚介紹，學校招生（引起學生注意，激發學生學習興趣，并引導學生明確網站的用戶定位）。
師：看過學校的招生簡章后，大家對學校進行了了解，那么有沒有同學上過咱們學校的網站呢？學生回答：有（使學生對學校網站產生濃厚的興趣）。
現在我們一起來欣賞學校網站，并提問：同學們自己能夠設計出一個完整的網站嗎？怎樣設計？生：能（調動學生的積極性）。
[展示案例]
這是學校網站的首頁，這個網頁中包含哪些網頁元素？學生回答：文字，圖片，導航欄，超級鏈接，滾動文字，視頻，友情鏈接等（復習知識）（引導學生選擇適合的布局方法）。
這些內容是怎么組織起來的？學生回答：表格布局，層布局，框架，DIV+CSS。
[學生探究]
1.首頁版面設計
師：大家試著先將網站首頁的版面進行整體規劃。學生實踐操作。
2.確定網站整體風格
師：布局規劃好后確定一種色彩作為網站的主色調，包括文字，背景，導航，模塊的色彩。
學生討論， 并使用CSS定義文字、圖片的背景色。
3.收集素材
師：網站首頁中的元素是怎么獲取的？學生回答：上網收集。
4.網頁的設計制作
師：我將這些元素給大家發下去，大家將這些元素添加到設計好的布局中，并記錄下問題和困難。
學生分別討論網頁中圖片、文字、視頻的添加方法，并對元素進行添加，對遇到的問題進行記錄。
師：網站的首頁基本信息添加完成，但是網站并不是只有一頁，那么其他頁和首頁怎樣進行跳轉？學生討論導航欄的設置和各網頁的層次結構，并進行鏈接。
5.動態模塊添加
師：現在的網頁內容都是靜態的，我們學過哪些知識可以實現動態效果？學生回憶代碼設置文字，圖片滾動，SPRY構件添加選項卡效果。師：最后不要忘記學校的地址和聯系方式。學生設置下方模塊內容并輸入版權信息。
6.測試運行
師：大家的網站能夠正常運行嗎？學生進行運行調試。
[知識總結]
師：從大家設計網站首頁的實踐可知網站開發的流程是什么？學生回答：整體規劃，確定網站的整體風格，收集資源，設計制作網頁，添加動態網站代碼，運行測試（引導學生對實踐過程進行總結，歸納出新知）。
老師補充：設計網站的第一步是明確主題，分析用戶需求。之后進行草圖的設計。學生梳理知識。（教師的總結能夠使學生對新知識掌握得更加牢固深刻。）
[評價]
對各組學生作品進行評價，并對遇到的問題進行解答。學生評價，反思，領會（評價、反思、反饋能更好地促進學生對知識的建構）。
三、教學反思
案例教學法的成功運用需要教師依據教學目標、教學內容、教學重難點知識精心設計好案例，并在教學過程中運用適當的方法對學生進行提問，引導學生進行分析、討論、總結、評價，最后教師讓學生進行自主創作。學生充分運用所學知識與技能，進行創造性的實踐操作。上交作品后，師生共同對學生作品進行評價，進一步促進學生對知識的建構。
參考文獻：
[1]劉勇.案例教學法在網頁設計教學中的應用研究[J].南昌高專學報，2010（6）：107-109.
[2]李龍.教學設計[M].北京：高等教育出版社，2010：415.
[3]繆亮，王曉鵬.Dreamweavercs5中文版基礎與實例教程[M].北京電子工業出版社，2012：299.
網頁前端開發案例教學論文范文第2篇
（邵陽學院 政法系，湖南 邵陽 422000）
摘 要： 案例分析法是法律教學的一種重要教學法，而傳統案例分析法在差時上容易產生矛盾，難以兼顧時間和教學效果。本文對現代案例分析法在法律課程內容和授課方式方面進行了改革實踐探索，在提高教學時效和教學質量上有了較好的效果。
關鍵詞： 現代案例分析法 授課內容 現代教學工具
案例分析法是教學中的一種常用方法，也是法律課程案例教學法的重要部分。在法律課程教學過程中常常引用經典案例，通過案例的剖析認知法律條文的應用及相關法律要義的理解，這種教學方法以教學大綱為依據，以教材為中心，以理論聯系實際的原則為指導，以案例為突破口，實踐效果明顯，學生接受度高，對于學生今后工作、生活中遇到法律問題也有所幫助，特別對于法律專業的學生而言，今后從事司法實際工作多有裨益①。傳統案例分析法因案例內容多，相關資料復雜，涉及知識點較多，剖析時間長，占用課時較多，而課時有限，時差容易產生矛盾。分析案例的過程往往屬于研討過程，易產生新的問題需要解答，有的甚至需要做進一步研究。如何用好案例，講好課程，又控制好時間，是當前急需解決的一大問題。為此，我們對課程內容和授課方式進行了改革實踐探索，嘗試創建現代案例分析法應用于法律課程教學改革，以期達到明顯的教學效果。
一、精造授課內容，突出課程重點，突破課程難點
1.精造授課內容。
要講好一門課程，最重要的基礎之一是授課內容的精造。精造授課內容，我們首先以傳統的教學方式安排好課程章節和授課時間，備好授課提綱，精造好案例及相關資料。只有精造授課內容，打好基礎，才能走好講課的第一步。而對于授課過程中重點板書什么，什么地方該分析、什么時候該提問、如何與學生互動等，都應該心中有數。尤其是在精造課程內容時要注意避免落入傳統教學的講-學模式，要根據法律課程的實踐性，合理安排書本理論知識、案例資料及問答、討論等各個部分的時間和位置。比如可以根據不同的教學內容，創設不同的問題小情境引入案例和知識點，使案例和書本知識有機結合，讓學生更容易理解和掌握精髓，同時對于理論在實際中的實踐有所了解②。
2.突出課程重點，突破課程難點。
在精造授課內容時，我們要注意突出課程重點，突破課程難點。以專利制度的基本特征一課為例，如何講清其壟斷性和公開性就是這次課的重點，而如何理解這兩大特征從而了解專利法的立法宗旨則是本課的難點。在對重點和難點有所理解后再看實際中的專利制度如何保證壟斷性和公開性的法律實施，是以專利權的申報、審核制度和專利說明書、權利要求書實現的。
在此處我們可以舉例微軟操作系統的專利權作為案例進行說明，以應用最廣泛的操作系統舉例，更容易激發學生對于專利權的探究興趣，增強對于本課知識點的理解認知。事實上，中國所有軟件著作權均是按照現行申報制度的技術公開性而產生的，但顯然此時舉例影響廣泛的經典更容易讓學生理解，由此可以引申出對于我國專利制度的探究和思考。顯然，這樣一門課如果完全按照傳統授課方式進行，課時超時是顯而易見的事情。并且容易引申太過，導致影響接下來的教學進程。為此，我們做了如下改革嘗試。
二、充分利用現代教學工具，擴展課前課后預習思考
1.引入現代教學工具，以多媒體課件等特色授課方式，豐富課程內容和授課手段。
在傳統案例分析法中，案例引入和分析、課程板書等都占用大量時間，客觀上擠占師生互動的時效。為此，我們在精造課程內容的基礎上，做好課件，把老師授課、學生看課有機結合，把課件刷屏與老師講解有機融合，把案例分析與媒體呈例相交融。同步操講，既可提供畫面、聲音的直觀性、沖擊性，又可減少因板書和翻閱資料占用的時間，還可因內容豐富而擴大學生的知識面，提高其學習興趣，增強師生互動的熱情。這種以教師主講、學生主想、媒體輔課的授課方式是實施案例分析法的有效途徑。
2.以網絡為媒介，抓好課前預習、課后復習的全過程，是現代案例分析法的重要方式。
課前預習、課后復習是授課過程的重要組成部分。傳統授課方式中師生圍著課本進行教學，往往趣味不濃，效果欠佳。為此，我們根據現代學生喜歡網絡的特點，利用校園網的強大功能與資源，將課件與相關案例資料上傳課程平臺，以信息派送的方式提醒學生預習和復習，用有故事的案例網頁吸引學生，用有法律條文使用的微課滲透于學生茶余飯后，使知識碎片化，讓學生學習自覺成為習慣。
以法律基礎課為例。這門公共課程旨在通過教學培養和提高大學生的法律意識和法律素質，使他們能夠知法、懂法、守法和用法，以適應依法治國和現代化建設的需要③。因而涉及的內容多，從法律的淵源、類別等到憲法、各部門法等法律法條，相關知識都有涉及。而作為一門公共課，課時較少，面對的學生更是沒有社會經驗、沒有法律知識甚至沒有法律常識的年輕人。學生對一些法律知識理解度較低，需要了解的知識點卻很多，授課效果容易平平。而如果大量使用案例幫助學生理解掌握知識，課時又遠遠不夠。我們嘗試將課程微型化后做成課件，結合一些案例引導學生課余自覺學習、自覺思考，既深受歡迎，又加深、加快學生對這門課的理解和掌握。
比起傳統教學模式局限于課堂講授，這種改革嘗試既充分利用課余時間，將傳統教學中消耗大量時間的案例內容和相關引申內容放在課堂之外，又激發學生對于學習的樂趣，由生動、立體的案例將知識碎片化，加深學生對知識點的理解和掌握，更符合法律需要結合實際進行理解運用、而非單純枯燥條文的特性要求。
三、教學并非單純的教與學，師生之間需要更多的互動
對于學習法律課程的學生而言，知識的理解和掌握并不那么容易。傳統教學模式的講授方式中師生是兩個對應的個體，老師講授知識，學生聽取知識。課后更多地依靠學生的自我學習能力，而法律的枯燥容易造成學生對學習的厭怠。這是我們在教學中需要引起重視、進行改革嘗試的一個重要方面。我們不僅要用一個個案例讓學生明了法律的精要，更要用無限的師愛照亮學生的心靈。
教師對學生負有傳道授業解惑的責任。在我們看來，負責的有效方式是愛學生。愛學生，要有足夠的耐心浸潤學生的心智，才能日見成效，而不僅僅是將知識講給學生聽。對于法律專業的學生，需要理解、掌握的法律內容十分繁復，需要學習、熟知的法律相關課程難點頗多，如果單純地死記硬背通常事倍功半。授課方式如果只是照本宣科，就算課件做得好，課程也會乏而無味、死氣沉沉。如果把案例變為故事，學生興趣自然濃厚，但時間苦短，知識點往往講不完。如何讓案例成為明了法律的精要，如何讓學生理解立法的宗旨而量準其要義，則是法學專業教師須認真研究的課題。我們做了如下嘗試，把一個案例的緣由、過程、事實呈例清楚，把相關法律條文呈于案例分析之上，對于一些經典、熱點案例，把法院判文與專家評析相比對，形成一條完整的思考鏈，讓學生通過案例熟知相關法律，通過分析明了其宗旨精要，通過比對辨別實踐和思考容易產生的錯誤。課堂上主講要點、難點，師生互動解決疑點，課后以網絡平臺、互動答題加深理解。
四、結語
我們對于現代案例分析法在法律課程中的應用進行了一些教學實踐探索，以求解決課程質量與教學時間的時差矛盾，在保證教學內容的前提下增強教學效果，讓師生都有所得。誠然，我們的改革實踐才剛剛起步，探索之路還很漫長，需要更多的實踐嘗試來調整和完善。案例分析法是一種應用廣泛、在法律教學中有著重要地位的教學方法，對于它的研究是一項大的工程，作為青年教師，筆者水平有限，希望廣大同仁志士不吝賜教，以便研究探索更進一步。
注釋：
①黃永彩.運用案例分析法進行法學教學的體會[J].桂林電子工業學院學報，1993（9）.
②李黎明，吳禹達.淺析案例分析法在法學教育中的應用[J].教育教學論壇，2014（7）.
③胡斌.案例分析法在法律基礎課教學中的應用[J].哈爾濱職業技術學院學報，2008（2）.
參考文獻：
[1]黃永彩.運用案例分析法進行法學教學的體會[J].桂林電子工業學院學報，1993（9）.
[2]薛剛凌，李媛.論法學教學方法的改革[J].中國政法大學學報，2007（1）.
[3]李黎明，吳禹達.淺析案例分析法在法學教育中的應用[J].教育教學論壇，2014（7）.
[4]胡斌.案例分析法在法律基礎課教學中的應用[J].哈爾濱職業技術學院學報，2008（2）.
[5]王愛民.試論法律人才的培養與法學教學方法的革新[J].社會科學家，2005（1）.
[6]吳東鎬.關于法學教育中“案例教學法”的幾點認識[J].東疆學刊，2005（1）.
本文受到湖南省教育廳項目資助