《網(wǎng)頁設(shè)計(jì)》案例式微課的教學(xué)改革與實(shí)踐

王乾 宋立新

摘 要：《網(wǎng)頁設(shè)計(jì)》課程是當(dāng)今互聯(lián)網(wǎng)時(shí)代普及的一門計(jì)算機(jī)課程，通過學(xué)習(xí)該門課程，不僅需要學(xué)生掌握網(wǎng)頁設(shè)計(jì)與開發(fā)的相關(guān)理論知識，更為重要的是在實(shí)踐中熟練掌握網(wǎng)頁設(shè)計(jì)應(yīng)用軟件的使用。在實(shí)際的授課中，由于課時(shí)有限，教學(xué)所用微案例較少，學(xué)生很難融會貫通地使用網(wǎng)頁設(shè)計(jì)的應(yīng)用軟件進(jìn)行網(wǎng)站的規(guī)劃、設(shè)計(jì)和布局等。因此，可以將“案例式微課”教學(xué)法與該課程的教學(xué)目標(biāo)結(jié)合起來，可以改變知識的傳授方式，使學(xué)生從被動(dòng)的接受者轉(zhuǎn)變?yōu)橹鲃?dòng)的參與和設(shè)計(jì)者，可以使學(xué)生掌握理論知識，提高實(shí)踐水平，培養(yǎng)獨(dú)立思考能力，發(fā)展學(xué)生創(chuàng)新精神和解決實(shí)際問題等能力?！鞍咐轿⒄n”成為在線教育發(fā)展的必然趨勢。

關(guān)鍵詞：網(wǎng)頁設(shè)計(jì)；案例式教學(xué)；微課教學(xué)；教學(xué)模式

中圖分類號：G642 文獻(xiàn)標(biāo)志碼：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

一、概述

《網(wǎng)頁設(shè)計(jì)》作為一門綜合性、實(shí)踐性、應(yīng)用性極強(qiáng)的課程，在教學(xué)的方法上應(yīng)有別于一般的基礎(chǔ)理論課程。 在教學(xué)中不僅要求學(xué)生掌握專業(yè)理論知識，更要求學(xué)生具有運(yùn)用專業(yè)知識分析具體實(shí)際情況、解決實(shí)際問題的能力。 因此，提升學(xué)生學(xué)習(xí)的主動(dòng)性和創(chuàng)造性，對學(xué)生進(jìn)行正確引導(dǎo)并提高學(xué)生實(shí)際思考和動(dòng)手能力是《網(wǎng)頁設(shè)計(jì)》課程的關(guān)鍵。

二、案例式微課的教學(xué)

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

“微課”被作為一種新型教學(xué)資源類型，它通常用于講解某一個(gè)知識點(diǎn)，如果將其引入如何解決某一個(gè)教學(xué)問題，或如何體現(xiàn)教學(xué)活動(dòng)中的某一個(gè)教學(xué)環(huán)節(jié)。“微課”就會成一種學(xué)生在線學(xué)習(xí)的資源，讓學(xué)生更好感知與體會知識體系的應(yīng)用，其開放性、補(bǔ)充性與開發(fā)的潛力更能為教學(xué)效果的提高奠定前提基礎(chǔ)，對推進(jìn)高校教學(xué)改革，促進(jìn)一體化教學(xué)，為發(fā)展在線教育提供了廣闊應(yīng)用的前景。

“案例式”教學(xué)法起源于1920年[4]，最早用于管理學(xué)和法學(xué)專業(yè)，是一種以案例為基礎(chǔ)的教學(xué)法，教師扮演教學(xué)的設(shè)計(jì)者和引導(dǎo)者，針對教學(xué)大綱的目標(biāo)設(shè)計(jì)合適的教學(xué)案例，盡可能的用案例啟發(fā)學(xué)生獨(dú)立自主地去思考、探索并完成相應(yīng)的任務(wù)，在任務(wù)中尋找所用知識點(diǎn)，體現(xiàn)學(xué)生在學(xué)習(xí)過程中的主體性，培養(yǎng)和發(fā)展學(xué)生學(xué)習(xí)的主動(dòng)性，提升學(xué)生分析問題、解決問題的能力。但是，這就必須要求學(xué)生課下花費(fèi)大量的時(shí)間和精力去學(xué)習(xí)案例，從案例中提取知識點(diǎn)了。但是，學(xué)生要準(zhǔn)確的掌握理論規(guī)則，必須要經(jīng)過討論、交流和分析等環(huán)節(jié)，才能提高知識點(diǎn)的案例教學(xué)效果。

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

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

將“案例式微課”的教學(xué)模式引入《網(wǎng)頁設(shè)計(jì)》課程中，必須對教學(xué)內(nèi)容聚會、教學(xué)模式設(shè)計(jì)、教學(xué)目標(biāo)深入研究，才能重新設(shè)計(jì)該課程的相關(guān)教學(xué)文件，如：教學(xué)大綱、案例式微課視頻及課件，相對應(yīng)的教案及教學(xué)日歷、課下課上的教學(xué)導(dǎo)引問題、自學(xué)內(nèi)容、學(xué)習(xí)素材、課程考核體系。為學(xué)生課下知識的學(xué)習(xí)提供靈活、開放而個(gè)性化的條件，保證課上教學(xué)更側(cè)重于重點(diǎn)、難點(diǎn)的知識的內(nèi)化，從而提高教學(xué)質(zhì)量，更有效地實(shí)現(xiàn)教學(xué)目標(biāo)。

三、網(wǎng)頁設(shè)計(jì)課程案例式微課的設(shè)計(jì)模式

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

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

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

這就要求重新撰寫適合案例式微課的教學(xué)日歷、重新設(shè)計(jì)案例、重新制作課件、編寫適合于課前、課上、課后引導(dǎo)學(xué)生思考的題目、重新制定考核方案等教學(xué)資源。編寫教學(xué)日歷，確定教學(xué)目標(biāo)和課程內(nèi)容體系，將每次課的知識點(diǎn)以課前、課上、課后形式的體現(xiàn)在教學(xué)日歷中。

四、案例式微課的設(shè)計(jì)模式需要注意事項(xiàng)

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

（一）教學(xué)日歷編寫

教學(xué)日歷是根據(jù)教學(xué)大綱和教材的體系、內(nèi)容、學(xué)生情況及學(xué)期的教學(xué)時(shí)數(shù)確定的學(xué)期教學(xué)工作的具體實(shí)施計(jì)劃，其作用在于明確該門課程教學(xué)工作的內(nèi)容和要求，體現(xiàn)了一門課程的整體構(gòu)想及進(jìn)度。為使教學(xué)日歷編制工作管理科學(xué)化、規(guī)范化，保證各個(gè)教學(xué)環(huán)節(jié)的正常運(yùn)行需要考慮：本課程與相關(guān)課程及專業(yè)的聯(lián)系，調(diào)查學(xué)生的學(xué)習(xí)基礎(chǔ)，了解先行課的教學(xué)情況和后續(xù)課的安排，處理好課程的銜接和進(jìn)度；因?yàn)椤毒W(wǎng)頁設(shè)計(jì)》是通識課，按照教學(xué)的總學(xué)時(shí)限制30學(xué)時(shí)來編寫進(jìn)度時(shí)間表和教學(xué)內(nèi)容；教學(xué)日歷中的教學(xué)時(shí)數(shù)一般按2學(xué)時(shí)為一單元，每單元必須充分體現(xiàn)出每次授課的課前、課上、課后的知識點(diǎn)。要寫明章節(jié)名稱、各章節(jié)的教學(xué)時(shí)數(shù)和時(shí)間的具體安排等；尤其對于課前課后環(huán)節(jié)要寫明內(nèi)容提要；對要完成的作業(yè)和課堂討論要寫明題目；實(shí)驗(yàn)課要寫明實(shí)驗(yàn)名稱，實(shí)驗(yàn)時(shí)數(shù)和時(shí)間的具體安排。

（二）案例的設(shè)計(jì)

案例應(yīng)循序漸進(jìn)，從易到難的遞進(jìn)方式設(shè)計(jì)，一方面是有利于錄制視頻時(shí)時(shí)間的掌控；另一方面是便于學(xué)生對知識點(diǎn)分解的理解，從而掌握整章的核心思想和構(gòu)建步驟，方便學(xué)生利用零散的時(shí)間，調(diào)動(dòng)學(xué)生的積極性。案例應(yīng)具有代表性，學(xué)生能夠從該案例得到啟發(fā)，進(jìn)行拓展性思考。案例應(yīng)前后相互聯(lián)系，相互滲透，后續(xù)階段的案例盡可能涵蓋前面的內(nèi)容，以加深和鞏固所學(xué)知識，激發(fā)學(xué)生的學(xué)習(xí)興趣，加強(qiáng)學(xué)生的動(dòng)手能力和創(chuàng)新能力的培養(yǎng)。

（三）錄制視頻

將每節(jié)的知識點(diǎn)進(jìn)行案例式歸納總結(jié)，同時(shí)還要考慮在較短時(shí)間內(nèi)能夠講解完。學(xué)生能根據(jù)自己的實(shí)際情況自由確定觀看視頻的時(shí)間和進(jìn)度，并總結(jié)學(xué)習(xí)過程中遇到的各種問題，增強(qiáng)了學(xué)生學(xué)習(xí)的主動(dòng)性和積極性。

（四）制作課件

在新的教學(xué)目標(biāo)和課程體系基礎(chǔ)上，以突出授課目標(biāo)，不易偏離授課內(nèi)容，為學(xué)生提供了全新的個(gè)性化學(xué)習(xí)支持。

（五）編寫引導(dǎo)學(xué)生自學(xué)的題目

根據(jù)《網(wǎng)頁設(shè)計(jì)》課程的教學(xué)目標(biāo)和教學(xué)內(nèi)容，將每個(gè)章節(jié)的知識點(diǎn)進(jìn)行歸納總結(jié)，提煉出供學(xué)生課前、課后自學(xué)時(shí)的參考題目和問題，能使學(xué)生帶著問題有目的自學(xué)，在自學(xué)中盡可能的解決自學(xué)導(dǎo)引的題目，讓學(xué)生了解自學(xué)過程中遇到的難點(diǎn)，“自學(xué)導(dǎo)引”以作業(yè)的形式布置給學(xué)生并限時(shí)提交給教師，便于教師掌握學(xué)生的自學(xué)情況，有利于教師在課上有的放矢的講解，是課堂教學(xué)環(huán)節(jié)可以側(cè)重于以難點(diǎn)、重點(diǎn)知識的內(nèi)化，實(shí)現(xiàn)互動(dòng)與探究的案例式微課的模式教學(xué)。

（六）重新制定考核方案

《網(wǎng)頁設(shè)計(jì)》課程的實(shí)用性、操作性的特點(diǎn)和例式微課的教學(xué)的模式，不再要求學(xué)生死記課程的知識點(diǎn)，而是側(cè)重這門課的設(shè)計(jì)和操作方面，以發(fā)現(xiàn)問題，分析問題，解決問題的動(dòng)手能力，以所學(xué)的知識來解決實(shí)際問題和計(jì)算思維的培養(yǎng)為主要目標(biāo)，因此完善和改進(jìn)考核方法，注重過程化考核和解決設(shè)計(jì)問題能力的考核。

五、結(jié)束語

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

參考文獻(xiàn)：

[1]余勝泉，陳敏.基于學(xué)習(xí)元平臺的微課設(shè)計(jì)[J].開放教育研究， 2014（2）：100-106.

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

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

[4]張民杰.案例教學(xué)法：理論與實(shí)務(wù)[M].北京：九州圖書出版社，2006.

[5]黃春元.微課在高校課堂教學(xué)應(yīng)用中的調(diào)查研究[J].高教學(xué)刊，2017（09）：58-60+62.

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

[7]涂俊英，吳先飛.高校微課的應(yīng)用現(xiàn)狀分析及對策研究[J].高教學(xué)刊，2016（19）：52-53.