基于混合式教學(xué)模式的網(wǎng)頁(yè)制作技術(shù)課程教學(xué)設(shè)計(jì) -表單的應(yīng)用課例

基于混合式教學(xué)形式的網(wǎng)頁(yè)制作技術(shù)課程教學(xué)設(shè)計(jì)——表單的應(yīng)用課例〔〕:

摘要：隨著互聯(lián)網(wǎng)技術(shù)與信息化技術(shù)的迅速開(kāi)展和普及,基于SPOC的混合式教學(xué)形式已經(jīng)成為各高校教師最常運(yùn)用的一種新型的教學(xué)形式,其將多種教學(xué)方法融入到教學(xué)活動(dòng)中,在課前、課中、課后借助多種信息技術(shù)手段施行有效課堂。本文以高職網(wǎng)頁(yè)制作技術(shù)課程中表單的應(yīng)用教學(xué)單元為例進(jìn)展教學(xué)設(shè)計(jì)研究與施行，從單元教學(xué)整體設(shè)計(jì)、教學(xué)過(guò)程、教學(xué)效果及特色創(chuàng)新進(jìn)展詳細(xì)介紹，以期為高職專(zhuān)業(yè)課程混合式教學(xué)改革提供借鑒。

關(guān)鍵詞：混合式教學(xué)形式；教學(xué)設(shè)計(jì)；表單的應(yīng)用

本文引用格式：譚衛(wèi)，等.基于混合式教學(xué)形式的網(wǎng)頁(yè)制作技術(shù)課程教學(xué)設(shè)計(jì)表單的應(yīng)用課例[J].教育現(xiàn)代化,2022,6(36):215-217.

一引言

現(xiàn)代教育倡導(dǎo)的理念很多,在互聯(lián)網(wǎng)時(shí)代背景下,提倡更多的是個(gè)性化、開(kāi)放化、多元化的教育理念【1】。目前，基于互聯(lián)網(wǎng)技術(shù)與信息化技術(shù)的迅速開(kāi)展,以不同方式進(jìn)展的混合教學(xué)形式正在逐漸替代傳統(tǒng)課堂教學(xué),MOOC、SPOC、翻轉(zhuǎn)課堂等數(shù)字化、信息化的教學(xué)方式不斷涌現(xiàn)。"個(gè)性化學(xué)習(xí)";的理念是將教師、學(xué)生在學(xué)習(xí)活動(dòng)中的角色和任務(wù)重新定位，目前成為教育革新領(lǐng)域的熱點(diǎn)話(huà)題【2】。

混合式教學(xué)形式，即將在線(xiàn)教學(xué)和傳統(tǒng)教學(xué)的優(yōu)勢(shì)結(jié)合起來(lái)的一種"線(xiàn)上";+"線(xiàn)下";的教學(xué)形式。它將課前、課中、課后的三個(gè)教學(xué)階段以及線(xiàn)上、線(xiàn)下的兩個(gè)教學(xué)層面進(jìn)展有效結(jié)合【3】，可以把學(xué)習(xí)者的學(xué)習(xí)由淺到深地引向深度學(xué)習(xí)，在教學(xué)開(kāi)展過(guò)程中，不是學(xué)習(xí)在線(xiàn)平臺(tái)的使用，不是一味地去堆砌教學(xué)資源，也不是開(kāi)展花哨的教學(xué)活動(dòng)，最終目的應(yīng)該是努力根據(jù)學(xué)習(xí)和教學(xué)的規(guī)律去實(shí)現(xiàn)教學(xué)效果的提升。本次課的線(xiàn)上互動(dòng)式教學(xué)活動(dòng)設(shè)計(jì)基于藍(lán)墨云班課平臺(tái)，通過(guò)藍(lán)墨云班課這一媒介無(wú)論是在課堂上還是課后都可以實(shí)行,另外,學(xué)生通過(guò)挪動(dòng)設(shè)備如、平板,可以實(shí)時(shí)接收到講課教師在APP上上傳并發(fā)布的教學(xué)資源,從而提升了學(xué)生學(xué)習(xí)的有效性【4】。

二教學(xué)設(shè)計(jì)

〔一〕設(shè)計(jì)背景

網(wǎng)頁(yè)設(shè)計(jì)與制作這一門(mén)課程具有較強(qiáng)的理論性,教師在教學(xué)過(guò)程中不僅要進(jìn)展理論根底教學(xué),還需要在理論教學(xué)中參加理論教學(xué)案例,積極培養(yǎng)學(xué)生養(yǎng)成較為良好的開(kāi)發(fā)設(shè)計(jì)網(wǎng)站的才能【5】。網(wǎng)頁(yè)制作課程，是一門(mén)非常靈敏的知識(shí)體系課程，教師在教學(xué)時(shí)應(yīng)該注重培養(yǎng)水災(zāi)生的自主探究才能，引導(dǎo)學(xué)生進(jìn)展自主學(xué)習(xí)【6】。表單在網(wǎng)頁(yè)中主要負(fù)責(zé)數(shù)據(jù)采集功能。表單對(duì)于用戶(hù)而言是數(shù)據(jù)的錄入和提交的界面；表單對(duì)于網(wǎng)站而言是獲取用戶(hù)信息的途徑。表單(Form)作為網(wǎng)頁(yè)與用戶(hù)接觸最直接、最頻繁的頁(yè)面元素，其在網(wǎng)站用戶(hù)體驗(yàn)中占有最重要的位置。而表單也常常用于用戶(hù)注冊(cè)、登錄、留言等功能，用于吸引新用戶(hù)，留住新用戶(hù)的重要工具，是網(wǎng)站中不可缺少的模塊，以此為背景開(kāi)展了本次課的教學(xué)設(shè)計(jì)。

〔二〕單元教學(xué)整體設(shè)計(jì)

1.學(xué)習(xí)根底

在課程的前幾個(gè)單元已對(duì)網(wǎng)頁(yè)的整體構(gòu)造、文本、段落、列表、超鏈接、表格標(biāo)簽、CSS款式調(diào)用及網(wǎng)頁(yè)對(duì)象款式等知識(shí)與技能進(jìn)展了掌握；學(xué)生也已經(jīng)具備較好的計(jì)算機(jī)軟件操作程度及信息化素養(yǎng)。

2.教學(xué)內(nèi)容

本次課是網(wǎng)頁(yè)制作技術(shù)課程內(nèi)容的必修單元，主要讓學(xué)生理解表單頁(yè)建立步驟及表單執(zhí)行流程，能創(chuàng)立表單；掌握表單標(biāo)簽及屬性含義；掌握表單元素標(biāo)簽及屬性含義。學(xué)習(xí)本次課要讓學(xué)生能快速創(chuàng)立表單并能準(zhǔn)確定義不同的表單控件，從而完成網(wǎng)站中表單交互頁(yè)的制作。教學(xué)重點(diǎn)是：掌握表單標(biāo)簽及屬性含義，掌握表單元素標(biāo)簽及屬性含義；教學(xué)難點(diǎn)是：根據(jù)工程信息的不同準(zhǔn)確選擇適宜的表單元素與屬性構(gòu)建表單。

3.教學(xué)策略

根據(jù)學(xué)生根本情況及教學(xué)內(nèi)容根底，確立本次課基于線(xiàn)上線(xiàn)下相結(jié)合的混合教學(xué)形式開(kāi)展，采用任務(wù)驅(qū)動(dòng)為主線(xiàn)，以學(xué)生為主體施行教學(xué)做一體化，促進(jìn)核心技能的理解與掌握?；旌辖虒W(xué)指運(yùn)用多款式的教學(xué)資源，借助藍(lán)墨云班課，開(kāi)展線(xiàn)上線(xiàn)下相結(jié)合的教學(xué)活動(dòng)。任務(wù)驅(qū)動(dòng)為主線(xiàn)就指學(xué)生課前自主學(xué)習(xí)、完成練習(xí)任務(wù)；課中，教師講解示范、實(shí)例解析，學(xué)生完成工程任務(wù)；課后穩(wěn)固學(xué)習(xí)，完成拓展任務(wù)。

課堂開(kāi)發(fā)多樣化的教學(xué)資源，運(yùn)用多種信息化教學(xué)手段，借助線(xiàn)上教學(xué)平臺(tái)，在"課前導(dǎo)學(xué)";"課中內(nèi)化施行";"課后穩(wěn)固拓展";三個(gè)階段靈敏使用任務(wù)驅(qū)動(dòng)法、問(wèn)題引導(dǎo)法、案例解析法等各種教學(xué)方法。使用多媒體播送教學(xué)、虛擬網(wǎng)絡(luò)空間實(shí)訓(xùn)平臺(tái)、沖關(guān)游戲等手段開(kāi)展互動(dòng)教學(xué)，注重興趣性與成就感。

4.信息化技術(shù)運(yùn)用

教學(xué)組織過(guò)程中使用了國(guó)家軟件技術(shù)專(zhuān)業(yè)資源庫(kù)、電子課件、微視頻、闖關(guān)游戲、任務(wù)單卡、案例材料、網(wǎng)絡(luò)題庫(kù)等豐富的數(shù)字資源，充分發(fā)揮碎片化學(xué)習(xí)的優(yōu)勢(shì)，進(jìn)步學(xué)生學(xué)習(xí)效率【7】；使用了藍(lán)墨云班課平臺(tái)、虛擬網(wǎng)絡(luò)空間實(shí)訓(xùn)平臺(tái)、教學(xué)播送軟件、微信、屏幕錄像機(jī)等信息化教學(xué)設(shè)施，整合教學(xué)資源，優(yōu)化教學(xué)過(guò)程，提升教學(xué)質(zhì)量。

〔三〕教學(xué)過(guò)程設(shè)計(jì)

完好教學(xué)過(guò)程包括"課前導(dǎo)學(xué)，課中內(nèi)化施行，課后穩(wěn)固拓展";的三個(gè)階段的教學(xué)活動(dòng)。

1.課前導(dǎo)學(xué)階段

學(xué)生在教學(xué)平臺(tái)上查看微視頻、課件等資源，小組學(xué)習(xí)并完成單卡上的練習(xí)任務(wù)，演練匯報(bào)，完成課前測(cè)試。教師上傳資源，布置練習(xí)任務(wù)，查看測(cè)試結(jié)果，有針對(duì)性地調(diào)整教學(xué)方案。課前設(shè)計(jì)練習(xí)任務(wù)為"百度搜索";表單設(shè)計(jì)案例，如圖2所示。

考慮到學(xué)生課前學(xué)習(xí)才能，任務(wù)設(shè)計(jì)注重"小而精";，讓學(xué)生有才能和興趣去完成，通過(guò)完成任務(wù)認(rèn)識(shí)表單及表單屬性。將枯燥的理論知識(shí)點(diǎn)以測(cè)試題的形式呈現(xiàn)，讓學(xué)生帶著問(wèn)題去查看視頻資源、課件、教材，從資源中查找答案，培養(yǎng)學(xué)生的自主學(xué)習(xí)才能。

課前測(cè)試以知識(shí)目的"表單元素及元素屬性";為主要測(cè)試內(nèi)容，讓學(xué)生帶著測(cè)試題中的問(wèn)題去查看視頻資源、課件、教材，從資源中查找答案，培養(yǎng)學(xué)生的自主學(xué)習(xí)才能，教師能從測(cè)試結(jié)果中分析學(xué)生學(xué)習(xí)效果，調(diào)整上課內(nèi)容。

2.課中內(nèi)化施行階段

第一步：抽查課前學(xué)習(xí)，點(diǎn)評(píng)課前練習(xí)任務(wù)效果，直面教學(xué)主題：平臺(tái)抽取學(xué)生上臺(tái)演示練習(xí)任務(wù)并總結(jié)課前學(xué)習(xí)效果；教師運(yùn)用課前練習(xí)任務(wù)實(shí)例"百度搜索表單";進(jìn)展知識(shí)目的"表單標(biāo)簽及屬性";內(nèi)化，運(yùn)用錄屏軟件進(jìn)展錄屏，形成課內(nèi)信息資源，供課后穩(wěn)固；

第二步：與學(xué)生一同分析課前測(cè)試結(jié)果，理解學(xué)生對(duì)知識(shí)目的"表單元素及元素屬性";的掌握情況，分析問(wèn)題所在，靈敏調(diào)整課內(nèi)教學(xué)內(nèi)容，課內(nèi)講解疑難點(diǎn)；

第三步：觀看"表單元素實(shí)例解析";教學(xué)微視頻，增強(qiáng)了教學(xué)活力，主要講解"表單元素及元素屬性";設(shè)置，對(duì)本目的進(jìn)展內(nèi)化；

第四步：工程任務(wù)驅(qū)動(dòng)，設(shè)計(jì)了"在線(xiàn)留言";表單為工程任務(wù)，任務(wù)內(nèi)容中全面包括所有表單元素，是本次課的教學(xué)重點(diǎn)所在，任務(wù)單卡中列出完成步驟，通過(guò)任務(wù)練習(xí)培養(yǎng)學(xué)生核心技能；

第五步：運(yùn)用播送系統(tǒng)抽取三位學(xué)生的工程任務(wù)，通過(guò)虛擬網(wǎng)絡(luò)空間實(shí)訓(xùn)平臺(tái)，查看任務(wù)效果并對(duì)完成作品進(jìn)展即時(shí)點(diǎn)評(píng)，總結(jié)學(xué)生學(xué)習(xí)情況，演示疑難點(diǎn)，運(yùn)用錄屏軟件進(jìn)展錄屏，形成課內(nèi)信息資源，供課后穩(wěn)固；

第六步：闖關(guān)游戲互動(dòng)，將難點(diǎn)內(nèi)容借用游戲手段，并激發(fā)學(xué)生興趣，化解"根據(jù)工程信息的不同準(zhǔn)確選擇適宜元素";難點(diǎn)；

第七步：學(xué)生完善任務(wù)效果、教師巡查，通過(guò)個(gè)別指導(dǎo)實(shí)現(xiàn)學(xué)生難點(diǎn)打破和差異化教學(xué)；利用平臺(tái)功能進(jìn)展學(xué)生互評(píng)，合作學(xué)習(xí)，互相學(xué)習(xí)，互相評(píng)價(jià)；

第八步：重測(cè)課前測(cè)驗(yàn)，進(jìn)一步檢驗(yàn)學(xué)生對(duì)整體教學(xué)內(nèi)容的掌握情況，與課前測(cè)驗(yàn)結(jié)果相比擬，增加學(xué)生學(xué)習(xí)成就感，教師也可針對(duì)結(jié)果進(jìn)展教學(xué)反思；利用平臺(tái)功能進(jìn)展學(xué)生互評(píng)，合作學(xué)習(xí)，互相學(xué)習(xí)，互相評(píng)價(jià)；

第九步：通過(guò)任務(wù)完成情況及課堂測(cè)試結(jié)果進(jìn)展課堂總結(jié)，通過(guò)總結(jié)歸納，加深對(duì)課堂所學(xué)內(nèi)容的印象，布置課后作業(yè)"網(wǎng)上預(yù)約掛號(hào)表單頁(yè)制作";，復(fù)習(xí)和穩(wěn)固技能；

第十步：演示下次課工程任務(wù)效果，講解兩次課間的工程聯(lián)絡(luò)，引導(dǎo)學(xué)生進(jìn)入下次課的導(dǎo)學(xué)階段；本堂課完成表單及表單元素構(gòu)建，下次課完成表單元素驗(yàn)證及頁(yè)面美化。

3.課后穩(wěn)固階段

學(xué)生完成課內(nèi)布置的"網(wǎng)上預(yù)約掛號(hào)表單頁(yè)制作";作業(yè)并提交至教學(xué)平臺(tái)，教師查看和分析課堂效果，評(píng)閱課后作品，即時(shí)形成教與學(xué)的反響，借助作業(yè)效果進(jìn)展教學(xué)反思與教學(xué)改良。

〔四〕教學(xué)效果

1.突出教學(xué)重點(diǎn)，有效達(dá)成教學(xué)目的以學(xué)生為主體，任務(wù)驅(qū)動(dòng)為主線(xiàn)，目的明確、任務(wù)明晰，結(jié)合教學(xué)重點(diǎn)完成課前練習(xí)任務(wù)、課中工程任務(wù)、課后拓展任務(wù)，"做中教";、"做中學(xué)";，"玩中學(xué)";，突出教學(xué)重點(diǎn)，有效達(dá)成教學(xué)目的。

2.以問(wèn)題為導(dǎo)向，借助信息化資源化解教學(xué)難點(diǎn)將枯燥的理論知識(shí)以測(cè)試題的方式呈現(xiàn)，利用課前課后的測(cè)試比照，增強(qiáng)學(xué)生學(xué)習(xí)成就感；將教學(xué)難點(diǎn)注入闖關(guān)游戲環(huán)節(jié)，增加興趣性，激發(fā)學(xué)生學(xué)習(xí)興趣，在潛移默化中增強(qiáng)了對(duì)理論知識(shí)的掌握程度。

3.借助信息化教學(xué)設(shè)施，有效施行差異化教學(xué)課前利用平臺(tái)上傳教學(xué)資源，擴(kuò)大學(xué)習(xí)資源，學(xué)生有選擇性的完成課前學(xué)習(xí)任務(wù)；課中利用錄屏軟件對(duì)重點(diǎn)演示內(nèi)容進(jìn)展錄屏形成有效教學(xué)資源，可供學(xué)生課后學(xué)習(xí)及穩(wěn)固；教師借助平臺(tái)榜單功能，有針對(duì)性進(jìn)展學(xué)生學(xué)習(xí)指導(dǎo)，有效施行差異化教學(xué)。

〔五〕特色創(chuàng)新

1.本次課基于線(xiàn)上線(xiàn)下混合式教學(xué)形式，利用"藍(lán)墨云班課";教學(xué)平臺(tái)作為載體，結(jié)合微視頻等信息化資源和虛擬網(wǎng)絡(luò)空間實(shí)訓(xùn)平臺(tái)等信息化手段，以教師為主導(dǎo)、學(xué)生為主體，設(shè)計(jì)了一堂涵蓋課前導(dǎo)學(xué)、課堂內(nèi)化施行、課后穩(wěn)固拓展三個(gè)教學(xué)過(guò)程的信息化教學(xué)課，達(dá)成良好教學(xué)效果。

2.課堂主要采用任務(wù)驅(qū)動(dòng)教學(xué)法、問(wèn)題引導(dǎo)法開(kāi)展教學(xué)過(guò)程，引導(dǎo)學(xué)生多理論練習(xí)、多重測(cè)試，在潛移默化中理解和掌握教學(xué)重點(diǎn)與教學(xué)難點(diǎn)，達(dá)成教學(xué)目的。

3.課程運(yùn)用和開(kāi)發(fā)了多款式的數(shù)字化教學(xué)資源，如：國(guó)家資源庫(kù)、課件、微視頻、闖關(guān)游戲、題庫(kù)、任務(wù)單卡，使課堂教學(xué)管理更高效，教學(xué)內(nèi)容更豐富，教學(xué)傳播更便捷。

三完畢語(yǔ)

本次課的教學(xué)設(shè)計(jì)已應(yīng)用于實(shí)際的教學(xué)過(guò)程，到達(dá)了上述已有的教學(xué)效果，混合教學(xué)形式的應(yīng)用是以培養(yǎng)學(xué)生自主學(xué)習(xí)才能和創(chuàng)新設(shè)計(jì)才能為目的的，混合教學(xué)形式的改革應(yīng)努力做到：線(xiàn)上有資源、線(xiàn)下有活動(dòng)、過(guò)程有評(píng)估。在網(wǎng)頁(yè)制作技術(shù)課程的教學(xué)組織過(guò)程中還得根據(jù)課程不同的單元內(nèi)容，選擇適當(dāng)?shù)脑O(shè)計(jì)背景、適度的線(xiàn)上活動(dòng)、以學(xué)生為主體開(kāi)展教學(xué)，以實(shí)現(xiàn)優(yōu)質(zhì)教學(xué)資源共享、優(yōu)化教學(xué)內(nèi)容、進(jìn)步教學(xué)效果、提升教學(xué)