《網頁設計》案例式微課的教學改革與實踐

王乾 宋立新

摘 要：《網頁設計》課程是當今互聯網時代普及的一門計算機課程，通過學習該門課程，不僅需要學生掌握網頁設計與開發的相關理論知識，更為重要的是在實踐中熟練掌握網頁設計應用軟件的使用。在實際的授課中，由于課時有限，教學所用微案例較少，學生很難融會貫通地使用網頁設計的應用軟件進行網站的規劃、設計和布局等。因此，可以將“案例式微課”教學法與該課程的教學目標結合起來，可以改變知識的傳授方式，使學生從被動的接受者轉變為主動的參與和設計者，可以使學生掌握理論知識，提高實踐水平，培養獨立思考能力，發展學生創新精神和解決實際問題等能力。“案例式微課”成為在線教育發展的必然趨勢。

關鍵詞：網頁設計；案例式教學；微課教學；教學模式

中圖分類號：G642 文獻標志碼：A 文章編號：2096-000X（2018）13-0133-04

Abstract： "Web Design" course is a popular computer course in the Internet era. By studying this course， students not only need to master the relevant theoretical knowledge of web design and development， but also master the use of web design application software. In practical teaching ， due to the limited hours an fewer micro-cases used in teaching， it is difficult for students to fully integrate the use of web-design application software for site planning， design， and layout， Therefore， the "case-based micro-class" teaching method can be combined with the teaching objectives of the course， and the teaching methods of knowledge can be changed so that students can change from passive recipients to active participants and designers， and enable students master theoretical knowledge， raise their level of practice， cultivate independent thinking skills， develop innovative spirit and ability to solve practical problems. "Case-based Micro-curriculum" has become an inevitable trend in the development of online education.

Keywords： web design； case teaching； micro-class teaching； taching model

一、概述

《網頁設計》作為一門綜合性、實踐性、應用性極強的課程，在教學的方法上應有別于一般的基礎理論課程。 在教學中不僅要求學生掌握專業理論知識，更要求學生具有運用專業知識分析具體實際情況、解決實際問題的能力。 因此，提升學生學習的主動性和創造性，對學生進行正確引導并提高學生實際思考和動手能力是《網頁設計》課程的關鍵。

二、案例式微課的教學

“微課”概念于2008年由美國新墨西哥州圣胡安學院高級教學設計師戴維·彭羅斯（David Penrose）首創，他把“微課”稱為“知識脈沖”（Knowledge Burst），以產生一種更加聚焦的學習體驗[1]。將“微課”定義為“一節的短小的視音頻，呈現某個單一的、嚴格定義的主題”[2]。自2011年“微課”概念在國內被首次提出來以來，“微課”作為一種新型的教育信息資源形式就以其“主題突出、短小精悍、交互性好、應用面廣”等特點被廣泛認可，“微課”概念在教育領域迅速傳播[3]。胡鐵生認為“微課”是以闡釋某一知識點為目標，以短小精悍的視頻為表現形式，以學習或教學應用為目的的教學視頻，通常還包括相應的教學設計、素材課件、練習評測、教學反思核心和關鍵、學生反饋等教學支持資源[4]。而對于在線或課堂面對面教學時，這些簡短的“微課”也只能輔助課程主題的學習。針對于高校“微課”定位過于偏向教師所授課程的量化發展，“微課”制作內容強行限制在比較短的時間里，造成知識的片面化、不系統，在很多零碎的“微課”資源里學生很難查到對自己有用的信息，尤其缺少“案例式”引導應用知識體系的建設，使學生會產生一種所學知識與應用脫節的感覺。

“微課”被作為一種新型教學資源類型，它通常用于講解某一個知識點，如果將其引入如何解決某一個教學問題，或如何體現教學活動中的某一個教學環節。“微課”就會成一種學生在線學習的資源，讓學生更好感知與體會知識體系的應用，其開放性、補充性與開發的潛力更能為教學效果的提高奠定前提基礎，對推進高校教學改革，促進一體化教學，為發展在線教育提供了廣闊應用的前景。

“案例式”教學法起源于1920年[4]，最早用于管理學和法學專業，是一種以案例為基礎的教學法，教師扮演教學的設計者和引導者，針對教學大綱的目標設計合適的教學案例，盡可能的用案例啟發學生獨立自主地去思考、探索并完成相應的任務，在任務中尋找所用知識點，體現學生在學習過程中的主體性，培養和發展學生學習的主動性，提升學生分析問題、解決問題的能力。但是，這就必須要求學生課下花費大量的時間和精力去學習案例，從案例中提取知識點了。但是，學生要準確的掌握理論規則，必須要經過討論、交流和分析等環節，才能提高知識點的案例教學效果。

過去在課堂上的“案例式”教學所選取案例一般源于教材，內容十分陳舊，講授時花費時間太長，被認為與式教學方式區別不大；“案例”針對性不強，知識點缺少連貫，使用過程中老師強制引導學生思路，容易最后給出相應的標準答案，忽視對學生思考問題能力的培養。尤其是綜合性案例容易出現學生準備不足，在有限的課時和課堂有限時間內難以提出分析性的見解，若將“微課”融入這樣的“案例式”教學，既解決了知識點零散又解決了時間太長。“案例式”教學是根據教學目的和培養目標的要求，從實際的“微案例”入手，引領學生在特定的事件情景中進行分析問題和解決問題，適當講解理論知識或相應的知識點，從而培養學生理解和掌握理論知識形成技能技巧，充分體現了案例到理論知識點的融合。

將“案例式微課”教學模式引入《網頁設計》課程中，改變了傳統課堂以教師為主導的教學模式，是教學改革的新方法。以案例的形式來講解繁雜、難懂的教學內容，并制作成為短、精、簡、易的微課，應用于教學中，是對教學內容有效分解。根據教學大綱、教學內容和學生實際情況，課前，應從簡潔、直觀、趣味的“案例式微課”入手，把學生帶入特定的事件情景中進行分析問題和解決問題，吸引學生主動學習、使學生先感知理論知識，從而培養學生運用理論知識，明確學習目標，促使其結合自身情況在較短的時間內進行有針對性地學習，最大程度激發學生學習的主動性，達到培養了學生的自學能力。當全部“案例式微課”串聯起來就是《網頁設計》課程的所有章節涵蓋的理論知識，這樣開闊學生視野，促進其對知識的遷移應用；課上，教師通過課堂上師生之間的互動交流，了解學生的疑惑，再將“案例式微課”中沒涉及的知識點，進行補充穿插形成每個案例之間是密切相關，使學生掌握整體而系統的知識點。真正做到讓學生成為學習的主體，積極思考、反復訓練，提高學生分析問題、解決問題的能力， 激發學生的探索欲，實現創造性人才的培養目標；課后，通過對課上問題的深化和師生之間的互動交流情況，再進一步對知識進行擴充，來拓寬知識的廣度和深度，從而達到對學生綜合能力的培養，為學生個性化學習發揮潛能。

將“案例式微課”的教學模式引入《網頁設計》課程中，必須對教學內容聚會、教學模式設計、教學目標深入研究，才能重新設計該課程的相關教學文件，如：教學大綱、案例式微課視頻及課件，相對應的教案及教學日歷、課下課上的教學導引問題、自學內容、學習素材、課程考核體系。為學生課下知識的學習提供靈活、開放而個性化的條件，保證課上教學更側重于重點、難點的知識的內化，從而提高教學質量，更有效地實現教學目標。

三、網頁設計課程案例式微課的設計模式

在深入研究高校學生學習習慣的基礎上，借鑒已有的案例驅動的教學模式，依據我校《網頁設計》的教學大綱、教學內容和培養學生的目標，結合《網頁設計》為通識課程的特點，對原有《網頁設計》課的多媒體教學模式進行改革，設計出相對科學且可行性強的“案例式微課”教學模式，首先按照教學大綱和教學內容進行分章，分節編寫出教學日歷，再根據教學日歷的時間段提煉出知識點，再設計案例從不同角度進行剖析知識要點，來制作“案例式微課”的視頻、課件和導引題目，達到在短時間引出階段知識點的內涵。最終將所有案例組合成整體，讓學生感知問題的分析與問題的解決來自知識點融會貫通，加深學生對知識要點的領悟。通過“案例微課”豐富了學生的學習資源，使學生得到內化的知識并加深對知識的理解。從提高學生學習的主動性，調動學生主動學習的熱情，更好地展示本課程“案例式微課”教學資源的開發、設計。“案例式微課”教學模式，如圖1所示。

在“案例式微課”的教學模式下，教師不僅要在準備課前的各種教學資源，還要組建相應的課程網站，或者借助其它信息化平臺，將完整的教學大綱、課件、視頻、習題、參考資料等上傳至網絡平臺，發布學習任務，并適時與學生在線互動，解答學生所提問題，記錄相關情況。課上的時間主要是講解知識的綜合運用，解答學生的共性問題，引導學生學會如何在綜合性問題出現時尋找知識點來解決問題。另外，通過點評其他學生的作業，來進一步加深知識點的應用方法，實現把“案例微課”與課堂內容相融合，互為支撐與驗證；課后時間主要是客觀地評價學生作業，幫助學生找到自己的閃光點和不足之處，進一步拓展專業知識，提高自我提升的能力。

在“案例式微課”的教學模式下，學生起著主體作用，課前，學生根據教師提供的資源，在觀看案例式微課視頻、課件和導引題目后，自行查閱資料嘗試完成課前作業。上課時，對在自學過程中遇到的困難和問題與教師和同學探討交流，加深對相關知識的理解，再完成課堂作業，進一步促進對知識的消化理解。通過教師和同學交流、探討的過程中，學生也能學習到他人的學習方法和技巧，有利于學生在學習中取長補短。

這就要求重新撰寫適合案例式微課的教學日歷、重新設計案例、重新制作課件、編寫適合于課前、課上、課后引導學生思考的題目、重新制定考核方案等教學資源。編寫教學日歷，確定教學目標和課程內容體系，將每次課的知識點以課前、課上、課后形式的體現在教學日歷中。

四、案例式微課的設計模式需要注意事項

先收集國內外關于“案例”、“微課”的教學與網頁設計的相關資料，并進行詳細的調查研究與分析，對國內采用“案例”或“微課”教學的高校進行參觀學習，學習其在此方面開展的經驗。然后，結合我校學生的特點，初步制定“案例式微課”的教學方案，并在《網頁設計》課程教學中實施此方案，聽取學生和教師的反饋意見，完善教學方案，進一步設計出合理的一整套教學實施方案。具體的流程如下圖2所示。

（一）教學日歷編寫

教學日歷是根據教學大綱和教材的體系、內容、學生情況及學期的教學時數確定的學期教學工作的具體實施計劃，其作用在于明確該門課程教學工作的內容和要求，體現了一門課程的整體構想及進度。為使教學日歷編制工作管理科學化、規范化，保證各個教學環節的正常運行需要考慮：本課程與相關課程及專業的聯系，調查學生的學習基礎，了解先行課的教學情況和后續課的安排，處理好課程的銜接和進度；因為《網頁設計》是通識課，按照教學的總學時限制30學時來編寫進度時間表和教學內容；教學日歷中的教學時數一般按2學時為一單元，每單元必須充分體現出每次授課的課前、課上、課后的知識點。要寫明章節名稱、各章節的教學時數和時間的具體安排等；尤其對于課前課后環節要寫明內容提要；對要完成的作業和課堂討論要寫明題目；實驗課要寫明實驗名稱，實驗時數和時間的具體安排。

（二）案例的設計

案例應循序漸進，從易到難的遞進方式設計，一方面是有利于錄制視頻時時間的掌控；另一方面是便于學生對知識點分解的理解，從而掌握整章的核心思想和構建步驟，方便學生利用零散的時間，調動學生的積極性。案例應具有代表性，學生能夠從該案例得到啟發，進行拓展性思考。案例應前后相互聯系，相互滲透，后續階段的案例盡可能涵蓋前面的內容，以加深和鞏固所學知識，激發學生的學習興趣，加強學生的動手能力和創新能力的培養。

（三）錄制視頻

將每節的知識點進行案例式歸納總結，同時還要考慮在較短時間內能夠講解完。學生能根據自己的實際情況自由確定觀看視頻的時間和進度，并總結學習過程中遇到的各種問題，增強了學生學習的主動性和積極性。

（四）制作課件

在新的教學目標和課程體系基礎上，以突出授課目標，不易偏離授課內容，為學生提供了全新的個性化學習支持。

（五）編寫引導學生自學的題目

根據《網頁設計》課程的教學目標和教學內容，將每個章節的知識點進行歸納總結，提煉出供學生課前、課后自學時的參考題目和問題，能使學生帶著問題有目的自學，在自學中盡可能的解決自學導引的題目，讓學生了解自學過程中遇到的難點，“自學導引”以作業的形式布置給學生并限時提交給教師，便于教師掌握學生的自學情況，有利于教師在課上有的放矢的講解，是課堂教學環節可以側重于以難點、重點知識的內化，實現互動與探究的案例式微課的模式教學。

（六）重新制定考核方案

《網頁設計》課程的實用性、操作性的特點和例式微課的教學的模式，不再要求學生死記課程的知識點，而是側重這門課的設計和操作方面，以發現問題，分析問題，解決問題的動手能力，以所學的知識來解決實際問題和計算思維的培養為主要目標，因此完善和改進考核方法，注重過程化考核和解決設計問題能力的考核。

五、結束語

總之，通過不斷地在教學中總結經驗，今后還應該從更多的角度對可操作的知識點進行更全面剖析，選取實用性案例透射出更多知識點的內涵，充分實現知識點和案例有機結合，通過 “案例微課”集中說明知識的融會貫通和操作應用，幫助學生分析、理解與解決問題；進一步改進視頻錄制方法，實現圖像效果清晰、穩定和聲音實時獲取，使課后問題的提出、課上與學生互動更真實，能夠較快的幫助學生，激發學生的學習興趣，方便學生溫故知新；改進考試內容和方法，將學生的操作能力、思維能力、創新能力體現到成績上。

參考文獻：

[1]余勝泉，陳敏.基于學習元平臺的微課設計[J].開放教育研究， 2014（2）：100-106.

[2]教育部.關于印發《教育信息化十年發展規劃（2011-2020年）》的通知[Z].教技（2012）5號.

[3]胡鐵生，黃明燕，李民.我國微課發展的三個階段及其啟示[J]. 遠程教育雜志，2013（8）.

[4]張民杰.案例教學法：理論與實務[M].北京：九州圖書出版社，2006.

[5]黃春元.微課在高校課堂教學應用中的調查研究[J].高教學刊，2017（09）：58-60+62.

[6]肖娟，魏莉.淺談微課與高校教學改革[J].高教學刊，2015（18）：127-128.

[7]涂俊英，吳先飛.高校微課的應用現狀分析及對策研究[J].高教學刊，2016（19）：52-53.