混合式教學(xué)在中職網(wǎng)頁(yè)設(shè)計(jì)與制作課程中的應(yīng)用

禤金清

(梧州市蒼梧縣中等專(zhuān)業(yè)學(xué)校，廣西梧州，543199)

一、研究背景

近兩年，在國(guó)家和自治區(qū)相關(guān)文件的指導(dǎo)下，蒼梧縣中等專(zhuān)業(yè)學(xué)校(以下簡(jiǎn)稱(chēng)“我?！?開(kāi)展了職業(yè)院校教學(xué)質(zhì)量改進(jìn)與診斷工作。結(jié)果顯示，如何更好地獲取學(xué)生學(xué)習(xí)情況，并結(jié)合學(xué)校的信息化平臺(tái)分析學(xué)生學(xué)習(xí)情況，診斷學(xué)生在學(xué)習(xí)過(guò)程中存在的問(wèn)題，及時(shí)改進(jìn)教學(xué)設(shè)計(jì)，提高教學(xué)質(zhì)量，是擺在學(xué)校面前亟待解決的問(wèn)題。同時(shí)，隨著計(jì)算機(jī)技術(shù)的發(fā)展，很多在線(xiàn)學(xué)習(xí)平臺(tái)陸續(xù)出現(xiàn)，這些學(xué)習(xí)平臺(tái)不僅可以讓學(xué)生進(jìn)行在線(xiàn)學(xué)習(xí)，還能方便快捷地收集學(xué)生的學(xué)習(xí)信息，讓教師可以分析學(xué)生的學(xué)習(xí)情況，從而為診斷和改進(jìn)教學(xué)提供方向和依據(jù)。在這樣的背景下，我校網(wǎng)頁(yè)設(shè)計(jì)與制作課程利用“學(xué)習(xí)通”平臺(tái)開(kāi)展了線(xiàn)上線(xiàn)下混合式教學(xué)研究。

二、混合式教學(xué)概述

混合式教學(xué)，是將在線(xiàn)教學(xué)和傳統(tǒng)教學(xué)的優(yōu)勢(shì)結(jié)合起來(lái)的一種“線(xiàn)上+線(xiàn)下”的教學(xué)。兩種教學(xué)組織形式的結(jié)合，可以把學(xué)習(xí)者由淺到深地引向深度學(xué)習(xí)。[1]

混合式教學(xué)具有如下幾個(gè)方面的特征：第一，這種教學(xué)從外在表現(xiàn)形式上是采用“線(xiàn)上”和“線(xiàn)下”兩種途徑開(kāi)展教學(xué)的；第二，“線(xiàn)上”的教學(xué)不是整個(gè)教學(xué)活動(dòng)的輔助或者錦上添花，而是教學(xué)的必備活動(dòng)；第三，“線(xiàn)下”的教學(xué)不是傳統(tǒng)課堂教學(xué)活動(dòng)的照搬，而是基于“線(xiàn)上”的前期學(xué)習(xí)成果而開(kāi)展的更加深入的教學(xué)活動(dòng)。[2]

三、網(wǎng)頁(yè)設(shè)計(jì)與制作采用混合式教學(xué)的優(yōu)勢(shì)

(一)能夠更好地掌握學(xué)生的學(xué)習(xí)情況，為改進(jìn)教學(xué)提供數(shù)據(jù)支持

利用線(xiàn)上學(xué)習(xí)平臺(tái)的相關(guān)數(shù)據(jù)收集功能，教師不僅能夠非常方便地掌握學(xué)生在線(xiàn)上的學(xué)習(xí)情況，還可以采用線(xiàn)上即時(shí)發(fā)布、線(xiàn)下回答的方式開(kāi)展一些活動(dòng)混合式教學(xué)，從而更方便地收集學(xué)生的課堂表現(xiàn)，最終為教師改進(jìn)教學(xué)設(shè)計(jì)、提高教學(xué)質(zhì)量提供參考數(shù)據(jù)。

(二)有利于學(xué)生碎片化學(xué)習(xí)

由于課后無(wú)事可做，學(xué)生往往把這部分時(shí)間用于娛樂(lè)。混合式教學(xué)正好可以讓學(xué)生把這部分時(shí)間利用起來(lái)，并且自由掌握，從而提高學(xué)生的學(xué)習(xí)主動(dòng)性、自覺(jué)性。

(三)有利于提高學(xué)生的課堂參與度

課前已經(jīng)開(kāi)展了線(xiàn)上內(nèi)容學(xué)習(xí)和探究，學(xué)生對(duì)課堂知識(shí)有了初步認(rèn)知，能夠更好地參與課堂討論以及共同完成小組協(xié)作作品，課堂參與度也會(huì)明顯提高。

四、基于混合式教學(xué)的網(wǎng)頁(yè)設(shè)計(jì)與制作模式構(gòu)建

(一)課程及教材分析

“網(wǎng)頁(yè)設(shè)計(jì)與制作”是計(jì)算機(jī)專(zhuān)業(yè)的核心專(zhuān)業(yè)課程。本課程的任務(wù)是通過(guò)介紹網(wǎng)頁(yè)設(shè)計(jì)制作有關(guān)的知識(shí)，向?qū)W生闡明Web基本工作機(jī)制，讓學(xué)生初步掌握HTML語(yǔ)言，使學(xué)生掌握使用可視化網(wǎng)站開(kāi)發(fā)工具Dreamweaver制作網(wǎng)頁(yè)的基本方法與技能。

網(wǎng)頁(yè)設(shè)計(jì)與制作課程使用的教材是電子工業(yè)出版社出版的《網(wǎng)頁(yè)設(shè)計(jì)與制作案例教程(HTML5+CSS3)》。教材的特點(diǎn)：從中職生的學(xué)習(xí)實(shí)際出發(fā)，采用項(xiàng)目教學(xué)方式，以基礎(chǔ)項(xiàng)目、提高項(xiàng)目、拓展項(xiàng)目的模式，零基礎(chǔ)講解網(wǎng)頁(yè)設(shè)計(jì)及網(wǎng)站建設(shè)的相關(guān)技能；注重理論與實(shí)踐相結(jié)合，將企業(yè)實(shí)際工作規(guī)范融入案例中，避免學(xué)生學(xué)到的書(shū)本知識(shí)與實(shí)際應(yīng)用脫節(jié)，實(shí)現(xiàn)學(xué)習(xí)與工作的自然銜接。

(二)混合式學(xué)習(xí)模式的設(shè)計(jì)

基于項(xiàng)目課程，課題組構(gòu)建了線(xiàn)上線(xiàn)下兩部分教學(xué)活動(dòng)相結(jié)合的混合式學(xué)習(xí)模式。在此學(xué)習(xí)模式中，教師根據(jù)教材中的不同層次項(xiàng)目，設(shè)計(jì)學(xué)習(xí)任務(wù)。學(xué)生根據(jù)教師在線(xiàn)上發(fā)布的學(xué)習(xí)任務(wù)，采取自主學(xué)習(xí)或合作學(xué)習(xí)。學(xué)習(xí)的過(guò)程中出現(xiàn)未能解決的問(wèn)題，學(xué)生可以先通過(guò)知識(shí)庫(kù)去學(xué)習(xí)自主解決：如已解決，則完成課前小測(cè)試；如還未能解決，則求助于教師。然后，學(xué)生合作完成小組任務(wù)，并進(jìn)行小組任務(wù)作品展示，最后進(jìn)行學(xué)習(xí)效果評(píng)價(jià)。評(píng)價(jià)包括課堂表現(xiàn)、作品考核、自我評(píng)價(jià)、小組評(píng)價(jià)和教師評(píng)價(jià)。教師根據(jù)評(píng)價(jià)結(jié)果，改善下一步教學(xué)與學(xué)習(xí)活動(dòng)。具體混合式學(xué)習(xí)模式內(nèi)容如圖1所示。

圖1 混合式學(xué)習(xí)模式

五、混合式教學(xué)在網(wǎng)頁(yè)設(shè)計(jì)與制作課程中的實(shí)施

以下，本研究將以第二課“CSS段落樣式與元素特性”為例介紹課程實(shí)施過(guò)程。

(一)網(wǎng)絡(luò)活動(dòng)

1.教師活動(dòng)

教師依據(jù)學(xué)生實(shí)際情況及課程標(biāo)準(zhǔn)要求，設(shè)計(jì)學(xué)生學(xué)習(xí)活動(dòng)，搜集相關(guān)資源材料，發(fā)布網(wǎng)絡(luò)學(xué)習(xí)活動(dòng)清單(如表1所示)和學(xué)習(xí)任務(wù)。學(xué)習(xí)活動(dòng)清單能夠讓學(xué)生簡(jiǎn)單明白地知道需要完成什么任務(wù)、怎么完成，需要提交什么、怎么提交。

表1 網(wǎng)絡(luò)學(xué)習(xí)活動(dòng)清單

2.學(xué)生活動(dòng)

學(xué)生根據(jù)學(xué)習(xí)活動(dòng)清單，首先明確本次任務(wù)的學(xué)習(xí)目標(biāo)，并根據(jù)學(xué)習(xí)清單去完成每一個(gè)學(xué)習(xí)任務(wù)，如觀看視頻、課件等內(nèi)容，初步掌握所需要的知識(shí)與技能。如在學(xué)習(xí)過(guò)程中遇到問(wèn)題，學(xué)生可以直接使用“學(xué)習(xí)通”中的討論等功能或者微信、QQ等其他方式與同學(xué)、教師實(shí)時(shí)互動(dòng)討論，解決問(wèn)題。在學(xué)習(xí)完畢后，學(xué)生還要進(jìn)行一個(gè)網(wǎng)絡(luò)學(xué)習(xí)小測(cè)試，以檢驗(yàn)學(xué)習(xí)效果。如測(cè)試不通過(guò)，學(xué)生則需要重新學(xué)習(xí)，再測(cè)試。

(二)課堂活動(dòng)

課堂活動(dòng)是對(duì)課前網(wǎng)絡(luò)學(xué)習(xí)的知識(shí)進(jìn)行內(nèi)化的過(guò)程。為此，教師需要根據(jù)學(xué)生課前的網(wǎng)絡(luò)學(xué)習(xí)情況、討論情況以及其他反饋信息進(jìn)行分析，精心設(shè)計(jì)課堂教學(xué)活動(dòng)，引導(dǎo)學(xué)生對(duì)知識(shí)進(jìn)行深入學(xué)習(xí)，開(kāi)展協(xié)作學(xué)習(xí)。在此過(guò)程中，學(xué)生是學(xué)習(xí)的主體，教師是引導(dǎo)者、組織者和設(shè)計(jì)者，教師要注意引導(dǎo)學(xué)生在掌握課前網(wǎng)絡(luò)學(xué)習(xí)知識(shí)的基礎(chǔ)上，進(jìn)一步深入掌握知識(shí)和技能，開(kāi)展協(xié)作，并適時(shí)為學(xué)生解決在協(xié)作過(guò)程中遇到的問(wèn)題，具體過(guò)程如下。

首先，各小組匯報(bào)網(wǎng)絡(luò)學(xué)習(xí)完成情況以及遇到的問(wèn)題、解決的方式和途徑。教師對(duì)網(wǎng)絡(luò)學(xué)習(xí)情況進(jìn)行點(diǎn)評(píng)。

其次，教師對(duì)重點(diǎn)知識(shí)進(jìn)行深化精講。精講是在學(xué)生網(wǎng)絡(luò)學(xué)習(xí)情況反饋的基礎(chǔ)上，依據(jù)內(nèi)容的重難點(diǎn)和網(wǎng)絡(luò)學(xué)習(xí)未解決的問(wèn)題及網(wǎng)絡(luò)互動(dòng)討論中遇到的問(wèn)題進(jìn)行重點(diǎn)講解點(diǎn)撥。

最后，教師在深化知識(shí)的基礎(chǔ)上，布置新的任務(wù)，即提高項(xiàng)目，開(kāi)展小組協(xié)作任務(wù)，以提高學(xué)生運(yùn)用知識(shí)的能力，讓學(xué)生將知識(shí)轉(zhuǎn)化為技能。提高項(xiàng)目給出了效果圖，以及簡(jiǎn)單的制作要點(diǎn)(如表2所示)，具體制作方法需要學(xué)生合作討論解決。在學(xué)生完成任務(wù)的過(guò)程中，教師進(jìn)行巡視，引導(dǎo)學(xué)生解決遇到的問(wèn)題。

表2 提高項(xiàng)目：制作“詩(shī)詞鑒賞”網(wǎng)頁(yè)

小組協(xié)作任務(wù)完成后，各小組進(jìn)行作品展示，并開(kāi)展小組自評(píng)、互評(píng)，最后教師進(jìn)行總評(píng)。完成后，學(xué)生還可以進(jìn)行作品的優(yōu)化。

(三)學(xué)生學(xué)習(xí)數(shù)據(jù)采集分析

為了形成真實(shí)、客觀的學(xué)生學(xué)習(xí)評(píng)價(jià)，除了在課前網(wǎng)絡(luò)學(xué)習(xí)階段由平臺(tái)自動(dòng)采集學(xué)生的學(xué)習(xí)數(shù)據(jù)，在課堂中，教師可以利用“學(xué)習(xí)通”學(xué)習(xí)平臺(tái)的活動(dòng)功能，在線(xiàn)上、線(xiàn)下同時(shí)開(kāi)展搶答、評(píng)分、隨堂測(cè)試活動(dòng)，以收集學(xué)習(xí)過(guò)程數(shù)據(jù)，形成學(xué)生課堂活躍度等數(shù)據(jù)。教師還可以根據(jù)教學(xué)需要，在“學(xué)習(xí)通”平臺(tái)自定義添加一些數(shù)據(jù)收集項(xiàng)目(如課堂學(xué)習(xí)態(tài)度)，并在課后及時(shí)錄入這些數(shù)據(jù)，形成評(píng)價(jià)數(shù)據(jù)。

(四)評(píng)價(jià)

評(píng)價(jià)采用基于對(duì)學(xué)生學(xué)習(xí)數(shù)據(jù)采集的客觀行為，通過(guò)對(duì)線(xiàn)上課程任務(wù)的完成度，課前小測(cè)試成績(jī)，學(xué)習(xí)平臺(tái)登錄的訪(fǎng)問(wèn)數(shù)，參與線(xiàn)上討論、線(xiàn)下?lián)尨鸬然顒?dòng)的參與度，小組作業(yè)的成績(jī)，線(xiàn)下課堂學(xué)習(xí)態(tài)度等多元化的評(píng)價(jià)方式。這種評(píng)價(jià)方式通過(guò)線(xiàn)上、線(xiàn)下雙渠道對(duì)學(xué)生進(jìn)行較真實(shí)客觀的評(píng)價(jià)。

六、注意事項(xiàng)

首先，教師要注意自身的角色定位。在混合式教學(xué)中，過(guò)度注重學(xué)生的主體地位會(huì)導(dǎo)致教師角色定位不明確。特別是在線(xiàn)上網(wǎng)絡(luò)學(xué)習(xí)中，教師容易出現(xiàn)對(duì)學(xué)生的學(xué)習(xí)過(guò)程和學(xué)習(xí)內(nèi)容缺乏總體指導(dǎo)和把控的情況，導(dǎo)致學(xué)生的學(xué)習(xí)目標(biāo)不明確，對(duì)知識(shí)結(jié)構(gòu)邏輯不清楚，未能實(shí)現(xiàn)對(duì)知識(shí)的建構(gòu)。因此，不管是在線(xiàn)下課堂還是線(xiàn)上網(wǎng)絡(luò)學(xué)習(xí)，教師都要發(fā)揮對(duì)學(xué)生學(xué)習(xí)的主導(dǎo)作用，對(duì)學(xué)習(xí)內(nèi)容做好設(shè)計(jì)，及時(shí)指導(dǎo)學(xué)生學(xué)習(xí)。

其次，教師要注意不同學(xué)生的學(xué)習(xí)適應(yīng)性差距。在混合式在線(xiàn)教學(xué)中，學(xué)生學(xué)習(xí)的時(shí)間比較碎片化，由于不同學(xué)生的學(xué)習(xí)主動(dòng)性及身心成熟程度差異較大，部分自控能力較好的學(xué)生能較好地按時(shí)完成學(xué)習(xí)任務(wù)，部分對(duì)教師的依賴(lài)程度較高、自控能力較差的學(xué)生，學(xué)習(xí)效果則會(huì)大打折扣。在實(shí)踐教學(xué)中，教師要對(duì)這部分學(xué)生給予更多的關(guān)注，對(duì)他們的學(xué)習(xí)進(jìn)度進(jìn)行及時(shí)督促和學(xué)習(xí)指導(dǎo)。

混合式教學(xué)模式充分體現(xiàn)了“以學(xué)生為中心”的教學(xué)理念。[3]課前的網(wǎng)絡(luò)教學(xué)能促使學(xué)生獨(dú)立自主地學(xué)習(xí)思考，線(xiàn)下的課堂學(xué)習(xí)在教師的精講引導(dǎo)與學(xué)生課前對(duì)知識(shí)的初步掌握中，又進(jìn)一步激發(fā)了學(xué)生參與學(xué)習(xí)的主動(dòng)性，加上師生、生生之間頻繁的線(xiàn)上、線(xiàn)下交流，都有利于培養(yǎng)學(xué)生自主學(xué)習(xí)的探索能力?；趯W(xué)習(xí)平臺(tái)的混合式教學(xué)，對(duì)學(xué)生學(xué)習(xí)數(shù)據(jù)的采集更方便，重視對(duì)學(xué)生學(xué)習(xí)過(guò)程的診斷，也有利于教師對(duì)教學(xué)過(guò)程的不斷改進(jìn)與完善。