李阿紅

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

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

1 線上線下融合教學模式的概念

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

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

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

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

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

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

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

3.1.1 制作精細的微課短視頻

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

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

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

3.2 合理設計課程教學過程

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

3.2.1 做好課前準備

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

3.2.2 實施課堂教學

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

3.2.3 跟進課后復習

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

3.3 科學設計教學的混合評價

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

3.4 線上線下融合教學模式的實踐效果

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

3.4.1 學生的學習成績獲得提升

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

3.4.2 學生的自主學習能力獲得提升

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

3.4.3 學生的綜合設計能力獲得提升

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

結(jié)語

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