李阿紅

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

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

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

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

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

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

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

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

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

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

3.1.1 制作精細(xì)的微課短視頻

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

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

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

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

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

3.2.1 做好課前準(zhǔn)備

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

3.2.2 實(shí)施課堂教學(xué)

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

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

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

3.3 科學(xué)設(shè)計(jì)教學(xué)的混合評(píng)價(jià)

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

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

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

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

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

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

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

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

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

結(jié)語

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