職業(yè)院校線上線下融合的教學(xué)模式研究與實踐
——以《網(wǎng)頁設(shè)計與制作》課程為例

李阿紅

咸陽職業(yè)技術(shù)學(xué)院 陜西咸陽 712000

《網(wǎng)頁設(shè)計與制作》是職業(yè)院校計算機應(yīng)用技術(shù)與軟件技術(shù)專業(yè)的一門重要的專業(yè)基礎(chǔ)課程，是一門技術(shù)與藝術(shù)有機結(jié)合的課程。該課程以WebStorm的應(yīng)用為主線，重點對網(wǎng)頁制作的相關(guān)技術(shù)進行介紹，旨在讓學(xué)生了解網(wǎng)頁制作的理論概念，具備網(wǎng)頁開發(fā)設(shè)計的實踐能力?！毒W(wǎng)頁設(shè)計與制作》作為理論結(jié)合實踐的重要課程，教學(xué)中尤其重視對學(xué)生實踐操作能力的培養(yǎng)，要讓學(xué)生掌握正確先進的學(xué)習(xí)方式?；诖?，通過線上線下融合的教學(xué)模式開展《網(wǎng)頁設(shè)計與制作》課程，為學(xué)生創(chuàng)設(shè)他們更喜聞樂見的教學(xué)方式，將更有利于提高學(xué)生對課程的學(xué)習(xí)興趣，擴大課程教學(xué)的實效性。

1 線上線下融合教學(xué)模式的概念

所謂線上線下融合的教學(xué)模式，是一種突破傳統(tǒng)師生面對面的新型教學(xué)模式，是以在線網(wǎng)絡(luò)教學(xué)的開展輔助線下課堂教學(xué)的并軌教學(xué)方式。學(xué)生可不受制于時間和空間的局限，借用在線課程資源開展自由、泛在化以及碎片化的學(xué)習(xí)。在線課程資源則是由教師精心組織和設(shè)計的可滿足學(xué)生開展自主化學(xué)習(xí)的教材資料，學(xué)生通過課前線上預(yù)習(xí)獲得一定的課程基礎(chǔ)；課中階段，教師通過翻轉(zhuǎn)課堂，利用豐富的教學(xué)活動并創(chuàng)設(shè)多元化教學(xué)手段，以學(xué)生為中心實施集理論與實踐為一體的教學(xué)[1]。

2 傳統(tǒng)教學(xué)模式下《網(wǎng)頁設(shè)計與制作》課程教學(xué)中存在的問題

在傳統(tǒng)教學(xué)模式下，《網(wǎng)頁設(shè)計與制作》課程首先經(jīng)由教師進行知識的提煉處理、加工整理再傳授給學(xué)生，此為一種單向性灌輸教學(xué)模式，而課堂教學(xué)的中心仍然以教師講授為主，學(xué)生僅是被動接受教學(xué)活動的支配。在此種不合理的教學(xué)角色下，學(xué)生極易產(chǎn)生學(xué)習(xí)疲倦，上課注意力難以全程集中，同時，極其不利于培養(yǎng)學(xué)生自主思考、獨立學(xué)習(xí)的意識和能力。另外，教師要為多個平行班同時教授該門課程，每次都要反復(fù)講授相同的教學(xué)內(nèi)容，這也在很大程度上加重了教師日常教學(xué)的工作量。此外，實踐教學(xué)是理論的鞏固和驗證，實踐教學(xué)對于學(xué)生學(xué)習(xí)《網(wǎng)頁設(shè)計與制作》的重要性已不必贅述，然而在傳統(tǒng)教學(xué)模式下，學(xué)生每次都是跟隨教師照搬完成實訓(xùn)任務(wù)，自身并未開展深入性思考探究，無法熟練掌握實踐操作的整體過程，因此，在碰到同樣問題時往往總是一知半解，不知何從下手，更是缺乏鞏固學(xué)習(xí)的課程資源。尤其是教學(xué)中，教師所面對的是一群學(xué)習(xí)基礎(chǔ)不一、學(xué)習(xí)能力參差不齊的高職生，這也加大了課堂教學(xué)的組織難度?；趯W(xué)生學(xué)習(xí)個體的差異化，有的學(xué)生對教師所教授的知識能夠快速理解和掌握，然而有些學(xué)生則會認為教學(xué)進度過快、無法吃得消，從而學(xué)習(xí)積極性降低、缺乏學(xué)習(xí)自信；而作為課程教師也僅能兼顧到多數(shù)學(xué)生的學(xué)習(xí)水平，這樣則又會讓少數(shù)學(xué)有余力的學(xué)生“吃不飽”。此外，在教學(xué)中不免會有學(xué)生因事缺課而沒辦法及時完成階段性的學(xué)習(xí)內(nèi)容，然而課程很多知識點都是連貫性、相互性的，但凡有落下課時沒有跟上教學(xué)節(jié)奏的學(xué)生，則很難在后續(xù)的學(xué)習(xí)中跟上來。

3 職業(yè)院校線上線下融合的教學(xué)模式實踐探究

在國家教育改革深化背景下，本課程尤為重視教學(xué)設(shè)計與創(chuàng)新建設(shè)，對突破傳統(tǒng)教學(xué)模式所形成的一系列弊端，本課程借助中國大學(xué)MOOC在線教學(xué)平臺，結(jié)合本課程組教師建設(shè)的《網(wǎng)頁設(shè)計與制作》在線課程，對本課程實施線上線下混合式教學(xué)，在開展應(yīng)用的過程中獲得了初步效果。

3.1 構(gòu)建完善的課程資源

課程組團隊將《網(wǎng)頁設(shè)計與制作》課程合理進行教學(xué)任務(wù)的劃分，以線上線下融合的教學(xué)模式為基礎(chǔ)，通過社會及行業(yè)調(diào)研，以就業(yè)目標作為人才培養(yǎng)的指導(dǎo)，遵循從專業(yè)基礎(chǔ)著手再到專業(yè)核心的遞進式教學(xué)原則，將該課程內(nèi)容劃分為八大任務(wù)并包括30余個模塊化小任務(wù)。學(xué)生需要從最基礎(chǔ)的HTML、CSS概念及語法開始學(xué)習(xí)并做到熟練應(yīng)用，接下來再安排他們學(xué)習(xí)網(wǎng)頁制作的主要內(nèi)容，其中包括盒子模型、表格表單、元素的浮動與定位、列表和超鏈接，最后再讓學(xué)生進行實踐開發(fā)，要求他們根據(jù)之前所學(xué)課程基礎(chǔ)知識，研究并設(shè)計開發(fā)一個相關(guān)主題的網(wǎng)頁[2]。在分解完成課程教學(xué)任務(wù)之后，課程教學(xué)小組需要將各環(huán)節(jié)任務(wù)分別分配責(zé)任到人，落實到各個教師手中，讓大家明確各自的教學(xué)任務(wù)，積極主動地參與到課程資源的構(gòu)建中來。與此同時，教師也可選擇學(xué)生進行配合課程資源的開發(fā)建設(shè)，這樣會更有利于培養(yǎng)學(xué)生勤學(xué)善思的良好品質(zhì)，提高學(xué)生的自主探究學(xué)習(xí)能力。

3.1.1 制作精細的微課短視頻

微課短視頻是實施線上線下融合教學(xué)模式的重要載體，是線上線下教學(xué)課程資源的核心組成部分之一，因此，微課短視頻制作的質(zhì)量必然會直接關(guān)系到線上教學(xué)的成效，如果微課短視頻無法凸顯教學(xué)重難點、內(nèi)容不夠有吸引力，那么學(xué)生對于課程學(xué)習(xí)的熱情則會降低，繼而也就達不到理想的教學(xué)效果。教師需要按照之前所劃分的小模塊任務(wù)來設(shè)計并制作微課視頻，每個小型教學(xué)任務(wù)制作成1～2節(jié)微課短視頻，每節(jié)短視頻需要控制在8～15分鐘為宜，因為通常學(xué)生們更喜歡一些短小精悍、概括性強的視頻內(nèi)容，視頻時間過長會讓學(xué)生難以構(gòu)成碎片化的學(xué)習(xí)。教師在制作短視頻時，需要先針對每個教學(xué)任務(wù)進行合理設(shè)計，制定好錄制腳本，注意應(yīng)盡量簡易通俗、方便學(xué)生理解，再通過專業(yè)視頻制作軟件如Camtasia studio等開展錄制和編輯工作，教師可適當(dāng)在短視頻中加入氣氛效果，融入彈幕、字幕、表情等，讓自身所創(chuàng)作的微課短視頻增添一些學(xué)生喜聞樂見的交互功能，提高學(xué)生對于線上學(xué)習(xí)的積極主動性，提升觀看教學(xué)短視頻的關(guān)注力。

3.1.2 制作其他形式的課程資源

針對課程教學(xué)中的多個任務(wù)模塊，教師除了需要設(shè)計微課短視頻以外，還需要構(gòu)建其他類型的多樣化課程資源，其中包括了學(xué)習(xí)試題庫、真實教學(xué)案例、微課件、微教案、互動討論題型、優(yōu)質(zhì)作業(yè)展示等各項教學(xué)材料和資源[3]。微課件、微教案主要方便教師開展教學(xué)使用，試題庫主要方便學(xué)生進行知識的測驗及鞏固提升，同時，教師可借助線上教學(xué)平臺所具備的功能把試題庫中的內(nèi)容隨機生成作業(yè)庫，其他諸如討論題、案例、學(xué)生作品這些則可方便學(xué)生開展課前預(yù)習(xí)和課后自主學(xué)習(xí)。

3.2 合理設(shè)計課程教學(xué)過程

教學(xué)是師生共同參與課程互動的過程，教師要提前準備好線上教學(xué)資源并傳送到教學(xué)平臺上，同時要詳盡做好每節(jié)課教學(xué)活動的流程設(shè)計，通過教學(xué)APP或是線上教學(xué)平臺有計劃地開展教學(xué)。

3.2.1 做好課前準備

在教學(xué)之前，教師需要利用中國大學(xué)MOOC的APP或是中國大學(xué)MOOC線上教學(xué)平臺向?qū)W生發(fā)送課前學(xué)習(xí)任務(wù)，同時提前設(shè)計好一些有關(guān)的教學(xué)活動。學(xué)生則可根據(jù)教師下達的任務(wù)進行自主學(xué)習(xí)，在學(xué)習(xí)過程中碰到問題可借助APP的群聊工具或是教學(xué)平臺的討論區(qū)進行師生互動，學(xué)生也可將不懂的問題記錄下來留到線下課堂上與教師和同伴一起展開交流探討。此外，在課前預(yù)習(xí)階段，教師還可利用線上教學(xué)平臺的后臺數(shù)據(jù)統(tǒng)計功能監(jiān)控學(xué)生的自主學(xué)習(xí)情況，必要的情況下還可利用發(fā)私信功能及時提醒學(xué)生，督促學(xué)生按時完成線上學(xué)習(xí)。

3.2.2 實施課堂教學(xué)

課堂教學(xué)也就是正式的線下學(xué)習(xí)，該部分教學(xué)主要包括課程理論與實踐操作兩大部分。通常理論教學(xué)每節(jié)課為45分鐘，教師要科學(xué)合理規(guī)劃好課堂時間，每節(jié)課的前兩分鐘進行點名簽到，針對學(xué)生的出勤情況進行統(tǒng)計，方便了解學(xué)生的學(xué)習(xí)態(tài)度和動向；接著教師可通過10～20分鐘進行新知識內(nèi)容的講授和梳理，讓學(xué)生加以重視自主預(yù)習(xí)部分的知識點；繼續(xù)以15～20分鐘時間組織學(xué)生開展小組自由討論，在此互動過程中教師無須過多參與，在學(xué)生有需求的時候則可適當(dāng)?shù)匾龑?dǎo)其答疑解惑，為有效激發(fā)學(xué)生的學(xué)習(xí)興趣，教師可通過中國大學(xué)MOOC的APP融入一些有趣的教學(xué)互動，比如，開展投票問答、隨機問答等，教師設(shè)置問題讓學(xué)生進行搶答、開展問卷調(diào)查等；最后課堂的3～5分鐘時間教師需要對本節(jié)課教學(xué)知識點進行概括，并針對學(xué)生討論的結(jié)果進行客觀點評[4]。學(xué)生通過課堂上的學(xué)習(xí)，對之前預(yù)習(xí)的知識內(nèi)容有了更為深入地掌握理解，繼而借助實踐作業(yè)來驗證其學(xué)習(xí)的成果。在實踐教學(xué)中，教師要結(jié)合理論教學(xué)內(nèi)容合理安排實訓(xùn)學(xué)習(xí)任務(wù)，而學(xué)生在操作中如有不明白的問題，可自行借助在線教學(xué)平臺上的微課短視頻進行鞏固學(xué)習(xí)，也可在線求助教師釋疑，完成實踐作品之后學(xué)生可直接通過平臺提交，教師也可直接在線評價，提出修改意見。此外，一些優(yōu)秀的網(wǎng)頁作品教師可上傳到在線平臺進行展示分享。

3.2.3 跟進課后復(fù)習(xí)

線下課堂教學(xué)完成之后，課后復(fù)習(xí)鞏固階段也要抓起來。教師可通過線上教學(xué)平臺發(fā)布課后測試題，要求學(xué)生在線進行解答；學(xué)生可重復(fù)播放微課短視頻，將一些理解不足、不熟練的知識點加以鞏固，同時再來完成相應(yīng)的課后實踐作業(yè)，碰到棘手的問題也可隨時利用平臺在線詢問教師。

3.3 科學(xué)設(shè)計教學(xué)的混合評價

科學(xué)合理的教學(xué)評價有利于課程的不斷提升，基于課程實施的線上線下融合教學(xué)模式，教學(xué)評價也應(yīng)由線上與線下兩部分組成，同時占據(jù)評價比重的50%。線上評價指標可劃分為七個組成部分，其中包括在線出勤5%、作業(yè)完成情況5%、教學(xué)互動情況5%、觀看教學(xué)視頻時長15%、在線測試成績10%、訪問次數(shù)5%、在線討論參與度5%。線下評價指標可劃分為三個組成部分，上機實踐操作及報告10%、實踐作品成績20%、期末考試作品20%。線上各個評價指標的得分均由在線教學(xué)平臺的后臺數(shù)據(jù)統(tǒng)計分析獲得，線下評價指標則經(jīng)由相關(guān)課程教師根據(jù)學(xué)生平時學(xué)習(xí)表現(xiàn)和成果客觀評分，再結(jié)合第三方評價軟件分析得分，最后將得出的成績逐個錄入在線教學(xué)平臺，平臺則可結(jié)合線上線下評價計算出學(xué)生的綜合評價成績[5]。

3.4 線上線下融合教學(xué)模式的實踐效果

《網(wǎng)頁設(shè)計與制作》課程教學(xué)資源累計有400多分鐘微視頻、200余組建的試題庫、微課件50個及若干配套資源。該門課程實施線上線下融合教學(xué)的實驗班為2019屆計算機應(yīng)用技術(shù)與軟件技術(shù)專業(yè)的學(xué)生，經(jīng)過為期一年的教學(xué)對比，從教學(xué)成果上看，線上線下融合教學(xué)模式具備顯著的優(yōu)勢。

3.4.1 學(xué)生的學(xué)習(xí)成績獲得提升

通過對該屆學(xué)生的本年度成績進行統(tǒng)計分析，與采取傳統(tǒng)教學(xué)模式的本專業(yè)課程教學(xué)班級進行對比，傳統(tǒng)課堂教學(xué)模式班級中，學(xué)習(xí)成績優(yōu)秀的學(xué)生占19%，良好的學(xué)生占22%，中等的學(xué)生占37%，及格的學(xué)生占16%，不及格的學(xué)生占5%；而線上線下融合教學(xué)模式班級中，學(xué)習(xí)成績優(yōu)秀的學(xué)生占31%，良好的學(xué)生占35%，中等的學(xué)生占23%，及格的學(xué)生占10%，不及格的學(xué)生僅占1%。經(jīng)上述對比可知，采取線上線下融合教學(xué)模式的班級，學(xué)生的整體學(xué)習(xí)成績明顯提升，由此表明教學(xué)效果要更優(yōu)于傳統(tǒng)教學(xué)模式。

3.4.2 學(xué)生的自主學(xué)習(xí)能力獲得提升

經(jīng)采取問卷調(diào)查了解，本校95%以上的學(xué)生認可線上線下融合的教學(xué)模式，他們認為該教學(xué)模式能夠有效提升自我的學(xué)習(xí)能力，同時，大部分學(xué)生也都覺得在學(xué)習(xí)自控意識方面得到了明顯提升。根據(jù)線上教學(xué)平臺后臺數(shù)據(jù)統(tǒng)計，有92%以上的學(xué)生課后會主動回看教學(xué)視頻以鞏固線下教學(xué)內(nèi)容，96%以上的學(xué)生可及時完成教師所布置的線上作業(yè)及測試。

3.4.3 學(xué)生的綜合設(shè)計能力獲得提升

經(jīng)與前兩屆本專業(yè)學(xué)生期末設(shè)計的網(wǎng)頁作品進行比較分析，我們發(fā)現(xiàn)，在新教學(xué)模式下培養(yǎng)的學(xué)生其網(wǎng)頁設(shè)計的整體化布局要顯得更為簡潔、大方一些，在色彩搭配上更為和諧，圖片的選擇及處理層面更為精細美觀，網(wǎng)頁素材也更趨規(guī)范化，尤其是代碼的編寫及應(yīng)用變得合理很多，簡化了以往代碼冗長的弊端。相比而言，學(xué)生對于網(wǎng)頁設(shè)計的綜合能力還是取得了顯著成績。

結(jié)語

隨著教育信息化時代的全面來臨，實施線上線下融合的教學(xué)模式必然會成為現(xiàn)代教育發(fā)展的大趨勢，信息化教學(xué)更加凸顯出其教學(xué)的優(yōu)勢性。通過線上線下融合教學(xué)模式的實踐探索，不但提高了職業(yè)院校教師的信息化素養(yǎng)、專業(yè)教學(xué)能力，同時也能更好地了解并掌握學(xué)生的學(xué)習(xí)動態(tài)和情況，這將更有利于教師采取針對性的教學(xué)措施，切實提高教學(xué)水平及學(xué)習(xí)效果，滿足課程教學(xué)目標的達成。