前言：尋找寫作靈感？中文期刊網(wǎng)用心挑選的網(wǎng)頁設(shè)計(jì)與制作課程混合式教學(xué)探索，希望能為您的閱讀和創(chuàng)作帶來靈感，歡迎大家閱讀并分享。

【摘要】基于翻轉(zhuǎn)課堂的混合式教學(xué)模式是將翻轉(zhuǎn)課堂和混合式學(xué)習(xí)進(jìn)行有效整合、優(yōu)勢互補(bǔ)的一種新型教學(xué)模式。《網(wǎng)頁設(shè)計(jì)與制作》課程具有很強(qiáng)的實(shí)踐性和創(chuàng)造性，與翻轉(zhuǎn)課堂廣泛采用的研討式、項(xiàng)目任務(wù)驅(qū)動式學(xué)習(xí)模式相吻合，筆者在課堂教學(xué)中對“基于翻轉(zhuǎn)課堂的混合式教學(xué)模式”進(jìn)行了有效的探索與實(shí)踐，取得了較好的教學(xué)效果。

【關(guān)鍵詞】翻轉(zhuǎn)課堂；混合式學(xué)習(xí)；《網(wǎng)頁設(shè)計(jì)與制作》課程；教學(xué)模式

近年來，由于信息技術(shù)和網(wǎng)絡(luò)技術(shù)的不斷發(fā)展和普及，涌現(xiàn)出了混合式教學(xué)、慕課、微課、翻轉(zhuǎn)課堂等基于信息技術(shù)和網(wǎng)絡(luò)的教學(xué)新模式及資源新類型[1]，為傳統(tǒng)的教學(xué)模式帶來了機(jī)遇和挑戰(zhàn)，如何在“互聯(lián)網(wǎng)+”時代實(shí)現(xiàn)信息化教育與傳統(tǒng)教育優(yōu)勢互補(bǔ)是擺在一線教師面前的現(xiàn)實(shí)問題。基于翻轉(zhuǎn)課堂的混合式教學(xué)是現(xiàn)今教學(xué)改革與實(shí)踐的熱門課題，為傳統(tǒng)教學(xué)模式改革、數(shù)字化教學(xué)資源建設(shè)、創(chuàng)新性教學(xué)評價提供了技術(shù)支持與資源保障[2]。

一、基于翻轉(zhuǎn)課堂的混合式教學(xué)模式簡述

基于翻轉(zhuǎn)課堂的混合式教學(xué)模式，是將翻轉(zhuǎn)課堂和混合式學(xué)習(xí)進(jìn)行有效整合、優(yōu)勢互補(bǔ)的一種新型教學(xué)模式。新媒體聯(lián)盟和美國高校教育信息化協(xié)會共同的《地平線報告2016高等教育版》把翻轉(zhuǎn)課堂視為高等教育領(lǐng)域一年內(nèi)投入使用的技術(shù)，也是最常用的混合式教學(xué)模式之一[3]。

二、構(gòu)建基于翻轉(zhuǎn)課堂的《網(wǎng)頁設(shè)計(jì)與制作》課程混合式教學(xué)模式的優(yōu)勢

（一)《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)存在的問題

《網(wǎng)頁設(shè)計(jì)與制作》課程是計(jì)算機(jī)專業(yè)、電腦美術(shù)專業(yè)及其他相關(guān)專業(yè)學(xué)生必修的一門應(yīng)用性和操作性都很強(qiáng)的課程，同時也是一門極富創(chuàng)造性的課程。通過本課程學(xué)習(xí)，學(xué)生要了解網(wǎng)站的類型、、推廣的方法；掌握網(wǎng)頁素材的獲取、網(wǎng)頁布局、色彩運(yùn)用、網(wǎng)頁特效的應(yīng)用原則和技術(shù)實(shí)現(xiàn)；掌握使用Dreamweaver、Flash、Photoshop、Fireworks等多種工具制作網(wǎng)頁的操作過程。教學(xué)上存在如下困難：1.傳統(tǒng)教學(xué)模式效果不佳。傳統(tǒng)教學(xué)模式猶如“鸚鵡學(xué)舌”，以教師為中心，教師講學(xué)生聽；講練結(jié)合是最常用的教學(xué)方法，教師演示完成什么練習(xí)案例，學(xué)生“依葫蘆畫瓢”完成什么案例。學(xué)生缺少動腦思考的過程，很容易忘記所學(xué)知識，更無法做到將所學(xué)知識活學(xué)活用、舉一反三地解決現(xiàn)實(shí)問題。2.學(xué)生的個體差異較大。學(xué)生的個體差異主要體現(xiàn)在兩個方面：一是學(xué)習(xí)能力問題。有的學(xué)生接受知識的能力快，有的學(xué)生就會“慢上半拍”；二是學(xué)習(xí)進(jìn)度的差距。豐富的網(wǎng)絡(luò)資源為那些對網(wǎng)頁感興趣的學(xué)生提供了便利的學(xué)習(xí)機(jī)會，這就造成了課堂教學(xué)時學(xué)生之間的學(xué)習(xí)進(jìn)度差距。3.網(wǎng)頁中使用的軟件工具較多。網(wǎng)頁制作中涉及的軟件有Dreamweaver、Flash、Photoshop、Fireworks，只有相互配合使用這些軟件，才能制作出圖文并茂、具有吸引力的網(wǎng)站。4.考核方式單一。網(wǎng)頁設(shè)計(jì)需要一個過程，學(xué)生要發(fā)揮想象力去構(gòu)思自己的特色網(wǎng)頁，要花時間去查找網(wǎng)頁中要用到的圖像、文字等資源，還要用表格、框架、CSS+DIV等布局方式制作出網(wǎng)頁，這些絕不僅僅是一個筆試或是一個90分鐘的考試能完成的。

（二)《網(wǎng)頁設(shè)計(jì)與制作》課程采用基于翻轉(zhuǎn)課堂的混合式教學(xué)模式的優(yōu)勢

1.有利于提高學(xué)生自主學(xué)習(xí)的能力。翻轉(zhuǎn)課堂要求學(xué)生依據(jù)教師布置的導(dǎo)學(xué)案清單，課前自行觀看教學(xué)視頻等教學(xué)資源，完成對新知識點(diǎn)和概念的自主學(xué)習(xí)，記錄自學(xué)過程中的難點(diǎn)和疑點(diǎn)，學(xué)生的學(xué)習(xí)更加主動和個性化。2.有利于激發(fā)學(xué)生的學(xué)習(xí)興趣。翻轉(zhuǎn)課堂對學(xué)生的學(xué)習(xí)過程進(jìn)行了重構(gòu)，學(xué)生在課前就接收了知識，通過短小的視頻和言簡意賅的語言，將知識碎片化，將抽象的理論通俗化，教師能夠提前了解學(xué)生的學(xué)習(xí)困難，并在課堂上給予有效的指導(dǎo)，知識的吸收內(nèi)化是在課堂上通過師生、生生互動來完成，極大地激發(fā)了學(xué)生的學(xué)習(xí)興趣。3.有利于自由碎片化學(xué)習(xí)。學(xué)生可以在相對自由的時間里，利用碎片化的時間完成翻轉(zhuǎn)課堂的課前學(xué)習(xí)，學(xué)習(xí)的自覺性明顯增強(qiáng)。4.有利于鞏固、強(qiáng)化、內(nèi)化知識。由于學(xué)生的個體差異，不可能所有人都能跟上學(xué)習(xí)進(jìn)度，學(xué)生可依據(jù)自己的實(shí)際需求，對于沒有消化的知識，可通過師生互動交流和反復(fù)學(xué)習(xí)教學(xué)資源，直到達(dá)到鞏固、強(qiáng)化、內(nèi)化的目的為止。

三、基于翻轉(zhuǎn)課堂的《網(wǎng)頁設(shè)計(jì)與制作》課程混合式教學(xué)模式

（一)實(shí)施條件

1.學(xué)校方面。學(xué)校有良好的數(shù)字化校園信息平臺，有豐富和優(yōu)質(zhì)的微視頻等教學(xué)資源，為翻轉(zhuǎn)課堂的實(shí)施提供了支持和保障。2.學(xué)生方面。現(xiàn)在的學(xué)生多是互聯(lián)網(wǎng)的原住民，上網(wǎng)對他們來說就和呼吸、吃飯、睡覺一樣重要，網(wǎng)絡(luò)伴隨著他們成長，是他們生活中不可或缺的一部分。他們習(xí)慣嘗試新鮮事物，習(xí)慣碎片化閱讀，習(xí)慣自由主動地接受信息[4]，學(xué)生的這些特點(diǎn)，有利于翻轉(zhuǎn)課堂的順利實(shí)施。3.課程方面。《網(wǎng)頁設(shè)計(jì)與制作》課程具有很強(qiáng)的實(shí)踐性和創(chuàng)造性，與翻轉(zhuǎn)課堂廣泛采用的研討式、項(xiàng)目任務(wù)驅(qū)動式學(xué)習(xí)模式相吻合[5]，適合采用翻轉(zhuǎn)課堂教學(xué)模式。

（二)教學(xué)模式設(shè)計(jì)及實(shí)施

在良好的數(shù)字化校園信息平臺的支持下，基于翻轉(zhuǎn)課堂的《網(wǎng)頁設(shè)計(jì)與制作》課程混合式教學(xué)模式，主要包括課前、課中和課后三個前后關(guān)聯(lián)的部分，采取線上為主、課堂為輔的混合式教學(xué)，如下圖所示。以2課時的“CSS+DIV”布局網(wǎng)頁為例，介紹課程的實(shí)施過程。1.課前。教師依據(jù)學(xué)生實(shí)際，結(jié)合教學(xué)大綱要求，合理設(shè)計(jì)導(dǎo)學(xué)案清單、制作微視頻、搜集相關(guān)學(xué)習(xí)資源并給學(xué)生,導(dǎo)學(xué)案清單如表1所示。導(dǎo)學(xué)案清單中應(yīng)列出讓學(xué)生學(xué)習(xí)的資源、完成的任務(wù)，告訴學(xué)生學(xué)什么、怎樣學(xué)；做什么，如何做；交什么，怎樣交。學(xué)生依據(jù)教師的導(dǎo)學(xué)案清單，瀏覽相關(guān)在線學(xué)習(xí)網(wǎng)站，完成對視頻的觀看，初步掌握所要學(xué)習(xí)的知識點(diǎn)和技能，完成相關(guān)任務(wù)。自主探究過程中遇到的難點(diǎn)、疑點(diǎn)，可通過QQ、微信、郵箱或校園在線等網(wǎng)絡(luò)工具與教師或同學(xué)進(jìn)行探討，也可記錄下來，在課堂上請教師答疑。2.課中。此階段是對課前自學(xué)的知識進(jìn)行高效內(nèi)化的階段。教師根據(jù)課前學(xué)生的提問、任務(wù)完成情況等反饋的信息精心設(shè)計(jì)教學(xué)活動，設(shè)計(jì)合適的任務(wù)，引導(dǎo)學(xué)生進(jìn)行自主探究或協(xié)作學(xué)習(xí)。在這個過程中，學(xué)生是教學(xué)活動的主體，積極主動地接受知識，教師則扮演著組織者、設(shè)計(jì)者和引導(dǎo)者的角色，教師需要給學(xué)生適當(dāng)?shù)囊龑?dǎo)，鼓勵學(xué)生積極思考，并解答學(xué)生在探究或協(xié)作學(xué)習(xí)中遇到的問題。過程如下：首先，以小組為單位展示課前完成的任務(wù)，進(jìn)行匯報，匯報過程應(yīng)重點(diǎn)說明遇到的難題、解決的方法以及任務(wù)的完成過程。其次，小組互評和教師點(diǎn)評，相互討論交流，進(jìn)而改進(jìn)課前任務(wù)完成的不足，完善作品。然后，教師將重、難點(diǎn)進(jìn)一步深化，并提出新問題、布置新任務(wù)，如表2所示。最后，小組互評和教師點(diǎn)評，相互討論交流，完善作品。3.課后。根據(jù)學(xué)生的實(shí)際學(xué)習(xí)情況，合理布置課后作業(yè)，特別是能進(jìn)行動手實(shí)踐的技能拓展類任務(wù)，讓學(xué)生利用課后復(fù)習(xí)加強(qiáng)實(shí)踐來鞏固所學(xué)知識點(diǎn)，促進(jìn)知識或技能的固化甚至升華。教師需要在課后對教學(xué)資源、教學(xué)設(shè)計(jì)中的問題進(jìn)行反思，分析學(xué)生的學(xué)習(xí)情況和作業(yè)完成情況，并將反思和分析的結(jié)果作為后面課程設(shè)計(jì)的依據(jù)。課后作業(yè)布置如下：1.使用“一列固定寬度居中，且與兩列固定寬度相結(jié)合”的方式布局網(wǎng)頁，整個頁面在瀏覽器中居中對齊，當(dāng)光標(biāo)經(jīng)過左側(cè)導(dǎo)航欄超鏈接所在的塊時，超鏈接背景色和超鏈接文字顏色發(fā)生變化。2.使用“一列固定寬度居中，且與兩列固定寬度相結(jié)合”的方式布局網(wǎng)頁，整個頁面在瀏覽器中居中對齊。實(shí)踐證明，在《網(wǎng)頁設(shè)計(jì)與制作》課程實(shí)施基于翻轉(zhuǎn)課堂的混合式教學(xué)模式總體上是成功的，主要體現(xiàn)在：學(xué)生都能順利完成課前、課中和課后的學(xué)習(xí)和考核；教師能比較圓滿地完成課堂教學(xué)任務(wù)和輔導(dǎo)學(xué)生線上學(xué)習(xí)的任務(wù)。師生對基于翻轉(zhuǎn)課堂的混合式教學(xué)模式總體上是滿意的，并積極尋求進(jìn)一步提高和改進(jìn)的辦法。

四、結(jié)語

基于翻轉(zhuǎn)課堂的混合式教學(xué)模式充分體現(xiàn)了“以學(xué)生為中心”的教學(xué)理念[6]。教學(xué)過程分為課前、課中和課后，使得教學(xué)活動連貫有序、互相配合、互相促進(jìn)、相得益彰；師生間的互動頻繁，使得教師真正了解學(xué)生的內(nèi)心需求，不但有利于教師合理設(shè)計(jì)教學(xué)內(nèi)容，更有利于培養(yǎng)學(xué)生養(yǎng)成自主探究學(xué)習(xí)的好習(xí)慣。不過，教學(xué)模式的改革，不僅僅需要個人的實(shí)踐與探索，更需要所有任課教師的支持與行動。只有全體教師積極行動起來，才能將基于翻轉(zhuǎn)課堂的混合式教學(xué)模式切實(shí)落實(shí)下去，也才能將基于翻轉(zhuǎn)課堂的混合式教學(xué)模式的優(yōu)勢發(fā)揮出來。

參考文獻(xiàn)：

[1]方義桂.混合式翻轉(zhuǎn)教學(xué)模式對高職院校外語師資的要求及建設(shè)策略[J].職教論壇，2016,(26):17-20.

[2]張歡.基于微課的翻轉(zhuǎn)課堂教學(xué)模式研究:以高職英語寫作為例[J].商業(yè)經(jīng)濟(jì)，2016,(9):154-156.

[3]金慧，等.新媒體聯(lián)盟《地平線報告》(2016高等教育版)解讀與啟示[J].遠(yuǎn)程教育雜志，2016,(2):3-10.

[4]楊欣.基于慕課的《思想道德修養(yǎng)愈法律基礎(chǔ)》混合式教學(xué)改革模式探索[J].產(chǎn)業(yè)與科技論壇，2016,(19):127-128.

[5]張愛民，馮冬艷，相景麗.高職“計(jì)算機(jī)應(yīng)用基礎(chǔ)”翻轉(zhuǎn)課堂教學(xué)設(shè)計(jì)探析[J].網(wǎng)絡(luò)化與數(shù)字化，2016,(10):89-94.

[6]鄒景平.教育的“破壞式創(chuàng)新”上場了[J].中小學(xué)信息技術(shù)教育，2012,(3):15.

作者:侯麗艷 單位:東莞市經(jīng)濟(jì)貿(mào)易學(xué)校