金貴朝

摘 要 首先分析網(wǎng)站設(shè)計與制作課在傳統(tǒng)教學(xué)中存在的問題，接著構(gòu)建出基于翻轉(zhuǎn)課堂的網(wǎng)站設(shè)計與制作課的混合式教學(xué)模式，設(shè)計課前知識獲取、課中知識內(nèi)化、課后知識拓展等環(huán)節(jié)，并以“PS不規(guī)則選區(qū)”課為例，詳細(xì)論述每個環(huán)節(jié)的設(shè)計要點，以期對其他課程實施翻轉(zhuǎn)課堂教學(xué)實踐提供借鑒。

關(guān)鍵詞 翻轉(zhuǎn)課堂；網(wǎng)站設(shè)計與制作；微課

中圖分類號：G652 文獻(xiàn)標(biāo)識碼：B

文章編號：1671-489X（2016）06-0130-03

1 網(wǎng)站設(shè)計與制作課目前教學(xué)存在的主要問題

“齊步走”的教學(xué)模式容易產(chǎn)生“優(yōu)生吃不飽、差生吃不了”的現(xiàn)象 目前網(wǎng)站設(shè)計與制作的課堂教學(xué)大多實施的是“齊步走”的教學(xué)模式，要求不同的個體跟上“大一統(tǒng)”的教學(xué)進(jìn)度，容易造成“優(yōu)生吃不飽，差生吃不了”的現(xiàn)象。同時，網(wǎng)站設(shè)計與制作是一門技術(shù)性較強的課程，如果個別學(xué)生在課程前期不能及時跟上教學(xué)的進(jìn)度，易挫傷學(xué)生的學(xué)習(xí)積極性，影響后續(xù)內(nèi)容的學(xué)習(xí)效果。如果不改變現(xiàn)有的傳統(tǒng)課堂教學(xué)模式，就難以使學(xué)生獲得個性化發(fā)展。

“課后練習(xí)”階段常常缺少教師的個性化輔導(dǎo) 為鞏固課堂的學(xué)習(xí)成果，教師常常布置一些課后練習(xí)作業(yè)，但由于“課后練習(xí)階段”缺少教師的個性化輔導(dǎo)和同伴的幫助，學(xué)生練習(xí)碰到困難時容易產(chǎn)生挫敗感，喪失學(xué)習(xí)的動機與成就感。

傳統(tǒng)教學(xué)模式不利于自主學(xué)習(xí)意識與能力的培養(yǎng) 大多數(shù)學(xué)生習(xí)慣了被動地學(xué)習(xí)、被動地聽講、被動地完成作業(yè)，適應(yīng)了以教師講授為主的課堂教學(xué)模式。如果繼續(xù)采用傳統(tǒng)的教學(xué)模式，將很難讓學(xué)生掌握獲取新知識的方法和技能，無法適應(yīng)網(wǎng)絡(luò)技術(shù)不斷更新的環(huán)境。

2 翻轉(zhuǎn)課堂模式下的網(wǎng)站設(shè)計與制作課教學(xué)實證分析

基本思路 翻轉(zhuǎn)課堂模式下的網(wǎng)站設(shè)計與制作課，基本思路是在信息技術(shù)的環(huán)境中將課程由原來的“課內(nèi)傳授知識，課后完成作業(yè)”的教學(xué)過程徹底翻轉(zhuǎn)過來，轉(zhuǎn)變成課前進(jìn)行知識的獲取和課堂進(jìn)行知識的內(nèi)化。它是一種以學(xué)生為主體、微課為基礎(chǔ)，課前自學(xué)和課上強化為主要形式的混合學(xué)習(xí)模式，其教學(xué)結(jié)構(gòu)如圖1所示。

學(xué)生在課前觀看教師發(fā)布的微課、PPT及素材等資源，通過與教師、同學(xué)在線交流等方式進(jìn)行知識的學(xué)習(xí)，并進(jìn)行針對性的課前練習(xí)；在課堂上分三個階段開展教學(xué)，即：“效果診斷、個性指導(dǎo)”“新任務(wù)驅(qū)動、探究學(xué)習(xí)”“作品展示、立體評價”。

課前知識獲取環(huán)節(jié)的設(shè)計 翻轉(zhuǎn)課堂的兩個關(guān)鍵因素是課前知識的獲取和課堂知識的內(nèi)化，因此，生動有趣、目標(biāo)性強、能吸引學(xué)生注意力的優(yōu)質(zhì)微課開發(fā)是實施翻轉(zhuǎn)課堂教學(xué)模式的關(guān)鍵。筆者將課前的知識獲取分為兩個主要環(huán)節(jié)：一是微課開發(fā)與發(fā)布；二是自主學(xué)習(xí)，在線交流。

1）微課的開發(fā)與發(fā)布。微課是實施翻轉(zhuǎn)課堂的基礎(chǔ)，微課的設(shè)計與開發(fā)主要包括以下幾個步驟。

第一步：學(xué)習(xí)主題的選擇與知識點的細(xì)分。本次系列微課聚焦網(wǎng)站設(shè)計與制作課中基礎(chǔ)性的重要主題，為學(xué)生提供自主學(xué)習(xí)的機會，使得課堂中可釋放出更多的時間用在學(xué)生的問題解決和應(yīng)用。筆者擬選擇PS圖像調(diào)整、規(guī)則選區(qū)、不規(guī)則選區(qū)、圖層、網(wǎng)頁按鈕與導(dǎo)航、BANNER、PS切片、DW站點創(chuàng)建、圖文混排頁面制作、超鏈接、頁面布局、表單、行為等內(nèi)容制作系列微課。

確定選題后，將每個選題包含的知識點和技能進(jìn)行分解。如微課“Photoshop不規(guī)則選區(qū)”的知識點分成3個部分：①手繪套索；②多邊形套索；③磁性套索。這些知識點將是學(xué)生課前觀看視頻的內(nèi)容。

第二步：微教案的設(shè)計與課件的制作。微教案的設(shè)計要做到目標(biāo)明確、內(nèi)容精煉，使學(xué)生的學(xué)習(xí)更加聚焦，同時體現(xiàn)“任務(wù)驅(qū)動、問題導(dǎo)向、反饋互動”的原則，要促進(jìn)學(xué)生思考，提高學(xué)習(xí)目標(biāo)準(zhǔn)確度，使學(xué)生理解和掌握相關(guān)知識點。

課程設(shè)計要引入有趣，逐步推進(jìn)，層次分明，適當(dāng)總結(jié)。課件制作過程中要注重科學(xué)性、教學(xué)性和藝術(shù)性的結(jié)合。

第三步：微課的錄制與后期編輯。錄制微課有外拍式、內(nèi)錄式、軟件合成式與混合式等4種方式。

本次翻轉(zhuǎn)課堂主要采用內(nèi)錄方式錄制，便于清晰完整展示教學(xué)內(nèi)容和教學(xué)過程。本次選擇使用Camtasia Studio軟件，此外還需要準(zhǔn)備一臺個人電腦、帶話筒的耳麥、教學(xué)PPT等。

微課錄制完成后進(jìn)行后期編輯，包括添加片頭片尾、添加關(guān)鍵環(huán)節(jié)的提示、工具和方法的提示，并對文件進(jìn)行格式轉(zhuǎn)換，如MP4或FLV。

第四步：形成微課的資源包并發(fā)布。筆者將制作好的微課、PPT課件、相關(guān)素材及自主學(xué)習(xí)任務(wù)單等材料，一并發(fā)布到網(wǎng)絡(luò)教學(xué)平臺中，如圖2所示，供學(xué)生自定步調(diào)開展學(xué)習(xí)。自主學(xué)習(xí)任務(wù)單用于幫助學(xué)生明確課前自主學(xué)習(xí)的目標(biāo)與內(nèi)容，告知學(xué)生如何利用微課程開展學(xué)習(xí)，并說明與課堂教學(xué)的銜接問題等。

2）自主學(xué)習(xí)，在線交流。學(xué)生在課前自主觀看微課和PPT，完成學(xué)習(xí)任務(wù)單中的任務(wù)，通過社交工具（如QQ、微信等）向同伴或教師反饋自己不能獨立解決的問題，并將練習(xí)作業(yè)上傳到網(wǎng)絡(luò)教學(xué)平臺。

課中知識內(nèi)化環(huán)節(jié)的設(shè)計 翻轉(zhuǎn)課堂教學(xué)活動的實施，需要在課中進(jìn)行高質(zhì)量的線下學(xué)習(xí)活動，“翻轉(zhuǎn)課堂”理念下的知識內(nèi)化環(huán)節(jié)分為三個主要環(huán)節(jié)：第一環(huán)節(jié)，效果診斷、個性指導(dǎo)；第二環(huán)節(jié)，新任務(wù)驅(qū)動、探究學(xué)習(xí)；第三環(huán)節(jié)，作品展示、立體評價。

1）效果診斷、個性指導(dǎo)?！胺D(zhuǎn)課堂”的實施，要求學(xué)生在課前開展自主充分的學(xué)習(xí)，如果能利用好，是提高課堂教學(xué)效果的助力劑。但要避免有些學(xué)生不主動學(xué)習(xí)的情況，筆者采取兩個措施：一是要求學(xué)生將課前的針對性練習(xí)作業(yè)傳到網(wǎng)絡(luò)教學(xué)平臺中；二是在課內(nèi)通過隨機抽查的方式，進(jìn)行作業(yè)的展示、組間的評價和教師的點評。這樣有利于教師檢驗課前自主學(xué)習(xí)效果，掌握學(xué)生普遍存在的共性問題，開展補充性講解；對于個性問題，進(jìn)行個別有針對性的輔導(dǎo)，使得效果可測可控。

2）新任務(wù)驅(qū)動，探究學(xué)習(xí)。新任務(wù)的設(shè)計是“翻轉(zhuǎn)課堂”教學(xué)模式改革能否取得成功的另一個關(guān)鍵因素。新任務(wù)的設(shè)計注意與微課教學(xué)中案例的不同點和相似點，在知識結(jié)構(gòu)上要有一定的連續(xù)性，難度要適中。

下面結(jié)合網(wǎng)站設(shè)計與制作中的“PS不規(guī)則選區(qū)”課進(jìn)行論述。

第一步：創(chuàng)設(shè)新任務(wù)，明確目標(biāo)。在PS不規(guī)則選區(qū)學(xué)習(xí)中，教師在課堂上提出新的任務(wù)：給學(xué)生提供圖3所示三個素材，要求制作購物網(wǎng)站的網(wǎng)絡(luò)廣告，如圖4所示。

該任務(wù)具有以下兩個特點。

①聯(lián)系實際。本任務(wù)是一個實際的案例，通過聯(lián)系實際，吸引學(xué)生的注意，調(diào)動學(xué)生積極性。

②知識綜合。該案例是針對學(xué)生綜合應(yīng)用選區(qū)工具能力比較弱的特點，為學(xué)生量身定做，包含了常用的規(guī)則與不規(guī)則的選擇工具（矩形工具、魔術(shù)棒、套索等）。本案例還涉及頭發(fā)的選擇，屬于精細(xì)選區(qū)的處理范疇。

第二步：合作探究、實踐操作。教師提出兩個問題，由學(xué)生進(jìn)行分組討論，合作探究。①思考該項目如何分解，需哪些操作步驟？②分析實現(xiàn)效果要用到哪些工具？

通過啟發(fā)式教學(xué)，引導(dǎo)學(xué)生分析問題、討論解決問題，培養(yǎng)他們思考并進(jìn)行動手實踐操作的習(xí)慣。采用分組方式進(jìn)行實踐操作，營造學(xué)生團結(jié)協(xié)作的學(xué)習(xí)氛圍。

3）作品展示、立體評價。

第一步：作品演示、組間評價。①抽取典型小組代表進(jìn)行演示（通過“廣播教學(xué)軟件”），對自己的作品進(jìn)行

闡述；②其他學(xué)生評價。通過項目的演示與評價，調(diào)控課堂氣氛，提高演示學(xué)生的表達(dá)能力與總結(jié)能力，也便于其他學(xué)生看到別人的長處，了解自己的不足。

第二步：教師點評、梳理重難點。教師小結(jié)，找出小組實踐操作中的亮點，提煉共性問題和難點。一方面，引導(dǎo)學(xué)生對圖片素材進(jìn)行分析，學(xué)會使用正確的選擇工具；另一方面，較詳細(xì)分析精細(xì)選擇的一些常用方法，如通道摳圖法。

第三步：突破難點、完善作品。①提出改進(jìn)建議；②各小組分別完善作品，通過完善作品，鞏固新的知識點。

課后知識拓展環(huán)節(jié)的設(shè)計 翻轉(zhuǎn)課堂側(cè)重于學(xué)生課前知識吸收和課中知識內(nèi)化的兩個部分，但并不是說就不重視學(xué)生課后知識拓展部分的設(shè)計。

教師在課后也會布置一些開放式作業(yè)，并對學(xué)生的作品進(jìn)行整理，同時分享一些教學(xué)資源供學(xué)生進(jìn)行知識的拓展。一方面，調(diào)動學(xué)生課外學(xué)習(xí)的積極性，在實踐中鞏固所學(xué)的知識，提高軟件操作的熟練程度；另一方面，留給學(xué)生創(chuàng)作的空間，培養(yǎng)學(xué)生的設(shè)計能力。

3 網(wǎng)站設(shè)計與制作課上應(yīng)用翻轉(zhuǎn)課堂教學(xué)模式的意義

翻轉(zhuǎn)課堂有利于學(xué)生自定步調(diào)開展個性化學(xué)習(xí) 翻轉(zhuǎn)課堂的最大特點在于其對傳統(tǒng)的課堂教學(xué)結(jié)構(gòu)進(jìn)行了大膽突破，能較好地避免傳統(tǒng)課堂“一刀切、齊步走”情形，使得不同層次的學(xué)生可以根據(jù)自身的學(xué)習(xí)習(xí)慣、學(xué)習(xí)能力和學(xué)習(xí)風(fēng)格自定步調(diào)開展個性化學(xué)習(xí)。

通過微課，有利于培養(yǎng)學(xué)生的自主學(xué)習(xí)能力 翻轉(zhuǎn)課堂是以學(xué)生為中心的學(xué)習(xí)模式，由于翻轉(zhuǎn)課堂把對知識的學(xué)習(xí)這一階段交給學(xué)生，由學(xué)生自己安排學(xué)習(xí)進(jìn)度、知識點、時間管理，最大限度地體現(xiàn)了學(xué)習(xí)者的個性，充分發(fā)揮了學(xué)生的主觀能動性，這對鍛煉和培養(yǎng)學(xué)生的自主學(xué)習(xí)能力有重要作用。

課堂上多元的學(xué)習(xí)活動，有利于培養(yǎng)協(xié)作意識與精神 翻轉(zhuǎn)課堂模式在課上采用豐富多元的學(xué)習(xí)活動，如提問答疑、合作討論、同伴協(xié)作、項目實踐和完成作業(yè)等，無不體現(xiàn)了學(xué)生的主體地位。同時，師生之間、生生之間的多元互動機制對于深化師生關(guān)系，強化學(xué)生的協(xié)作意識都有一定的積極作用。

參考文獻(xiàn)

[1]王紅，趙蔚，孫立會，等.翻轉(zhuǎn)課堂教學(xué)模型的設(shè)計：基于國內(nèi)外典型案例分析[J].現(xiàn)代教育技術(shù)，2013（8）：5-10.

[2]李海龍，鄧敏杰，梁存良.基于任務(wù)的翻轉(zhuǎn)課堂教學(xué)模式設(shè)計與應(yīng)用[J]，現(xiàn)代教育技術(shù)，2013（9）：46-51.

[3]李艷坤.基于翻轉(zhuǎn)課堂的“現(xiàn)代教育技術(shù)”公共課實踐教學(xué)實證研究[J].唐山師范學(xué)院學(xué)報，2014（5）：99-102.