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

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網(wǎng)頁設(shè)計(jì)與制作課程混合式教學(xué)應(yīng)用范文，希望能給你帶來靈感和參考，敬請(qǐng)閱讀。

［摘要］時(shí)下，全國(guó)職業(yè)院校正在推進(jìn)教學(xué)質(zhì)量改進(jìn)與診斷工作，基于學(xué)習(xí)平臺(tái)的線上線下混合式教學(xué)能較好地診斷出教學(xué)中存在的問題，為教師改進(jìn)教學(xué)質(zhì)量提供依據(jù)。同時(shí)，混合式教學(xué)作為一種新型的教學(xué)方法，能較好地發(fā)展學(xué)生的自主學(xué)習(xí)能力和創(chuàng)造力。網(wǎng)頁設(shè)計(jì)與制作課程具有較強(qiáng)的操作性和創(chuàng)造性，適合采用混合式教學(xué)模式。線上，教師根據(jù)教材中的不同層次項(xiàng)目，設(shè)計(jì)學(xué)習(xí)任務(wù)，學(xué)生根據(jù)教師在線上的學(xué)習(xí)任務(wù)，采取自主學(xué)習(xí)或合作學(xué)習(xí)。線下，教師根據(jù)線上學(xué)習(xí)情況分析，在此基礎(chǔ)上進(jìn)行深化精講，學(xué)生通過完成提高任務(wù)達(dá)到知識(shí)的內(nèi)化與升華。

［關(guān)鍵詞］教學(xué)質(zhì)量診斷與改進(jìn);混合式教學(xué);網(wǎng)頁設(shè)計(jì)與制作課程

一、研究背景

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

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

混合式教學(xué)，是將在線教學(xué)和傳統(tǒng)教學(xué)的優(yōu)勢(shì)結(jié)合起來的一種“線上+線下”的教學(xué)。兩種教學(xué)組織形式的結(jié)合，可以把學(xué)習(xí)者由淺到深地引向深度學(xué)習(xí)。［1］混合式教學(xué)具有如下幾個(gè)方面的特征:第一，這種教學(xué)從外在表現(xiàn)形式上是采用“線上”和“線下”兩種途徑開展教學(xué)的;第二，“線上”的教學(xué)不是整個(gè)教學(xué)活動(dòng)的輔助或者錦上添花，而是教學(xué)的必備活動(dòng);第三，“線下”的教學(xué)不是傳統(tǒng)課堂教學(xué)活動(dòng)的照搬，而是基于“線上”的前期學(xué)習(xí)成果而開展的更加深入的教學(xué)活動(dòng)。［2］

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

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

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

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

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

(一)課程及教材分析“網(wǎng)頁設(shè)計(jì)與制作”是計(jì)算機(jī)專業(yè)的核心專業(yè)課程。本課程的任務(wù)是通過介紹網(wǎng)頁設(shè)計(jì)制作有關(guān)的知識(shí)，向?qū)W生闡明Web基本工作機(jī)制，讓學(xué)生初步掌握HTML語言，使學(xué)生掌握使用可視化網(wǎng)站開發(fā)工具Dreamweaver制作網(wǎng)頁的基本方法與技能。網(wǎng)頁設(shè)計(jì)與制作課程使用的教材是電子工業(yè)出版社出版的《網(wǎng)頁設(shè)計(jì)與制作案例教程(HTML5+CSS3)》。教材的特點(diǎn):從中職生的學(xué)習(xí)實(shí)際出發(fā)，采用項(xiàng)目教學(xué)方式，以基礎(chǔ)項(xiàng)目、提高項(xiàng)目、拓展項(xiàng)目的模式，零基礎(chǔ)講解網(wǎng)頁設(shè)計(jì)及網(wǎng)站建設(shè)的相關(guān)技能;注重理論與實(shí)踐相結(jié)合，將企業(yè)實(shí)際工作規(guī)范融入案例中，避免學(xué)生學(xué)到的書本知識(shí)與實(shí)際應(yīng)用脫節(jié)，實(shí)現(xiàn)學(xué)習(xí)與工作的自然銜接。

(二)混合式學(xué)習(xí)模式的設(shè)計(jì)基于項(xiàng)目課程，課題組構(gòu)建了線上線下兩部分教學(xué)活動(dòng)相結(jié)合的混合式學(xué)習(xí)模式。在此學(xué)習(xí)模式中，教師根據(jù)教材中的不同層次項(xiàng)目，設(shè)計(jì)學(xué)習(xí)任務(wù)。學(xué)生根據(jù)教師在線上的學(xué)習(xí)任務(wù)，采取自主學(xué)習(xí)或合作學(xué)習(xí)。學(xué)習(xí)的過程中出現(xiàn)未能解決的問題，學(xué)生可以先通過知識(shí)庫去學(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所示。

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

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

(一)網(wǎng)絡(luò)活動(dòng)1．教師活動(dòng)教師依據(jù)學(xué)生實(shí)際情況及課程標(biāo)準(zhǔn)要求，設(shè)計(jì)學(xué)生學(xué)習(xí)活動(dòng)，搜集相關(guān)資源材料，網(wǎng)絡(luò)學(xué)習(xí)活動(dòng)清單(如表1所示)和學(xué)習(xí)任務(wù)。學(xué)習(xí)活動(dòng)清單能夠讓學(xué)生簡(jiǎn)單明白地知道需要完成什么任務(wù)、怎么完成，需要提交什么、怎么提交。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í)過程中遇到問題，學(xué)生可以直接使用“學(xué)習(xí)通”中的討論等功能或者微信、QQ等其他方式與同學(xué)、教師實(shí)時(shí)互動(dòng)討論，解決問題。在學(xué)習(xí)完畢后，學(xué)生還要進(jìn)行一個(gè)網(wǎng)絡(luò)學(xué)習(xí)小測(cè)試，以檢驗(yàn)學(xué)習(xí)效果。如測(cè)試不通過，學(xué)生則需要重新學(xué)習(xí)，再測(cè)試。

(二)課堂活動(dòng)課堂活動(dòng)是對(duì)課前網(wǎng)絡(luò)學(xué)習(xí)的知識(shí)進(jìn)行內(nèi)化的過程。為此，教師需要根據(jù)學(xué)生課前的網(wǎng)絡(luò)學(xué)習(xí)情況、討論情況以及其他反饋信息進(jìn)行分析，精心設(shè)計(jì)課堂教學(xué)活動(dòng)，引導(dǎo)學(xué)生對(duì)知識(shí)進(jìn)行深入學(xué)習(xí)，開展協(xié)作學(xué)習(xí)。在此過程中，學(xué)生是學(xué)習(xí)的主體，教師是引導(dǎo)者、組織者和設(shè)計(jì)者，教師要注意引導(dǎo)學(xué)生在掌握課前網(wǎng)絡(luò)學(xué)習(xí)知識(shí)的基礎(chǔ)上，進(jìn)一步深入掌握知識(shí)和技能，開展協(xié)作，并適時(shí)為學(xué)生解決在協(xié)作過程中遇到的問題，具體過程如下。首先，各小組匯報(bào)網(wǎng)絡(luò)學(xué)習(xí)完成情況以及遇到的問題、解決的方式和途徑。教師對(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ǎng)絡(luò)互動(dòng)討論中遇到的問題進(jìn)行重點(diǎn)講解點(diǎn)撥。最后，教師在深化知識(shí)的基礎(chǔ)上，布置新的任務(wù)，即提高項(xiàng)目，開展小組協(xié)作任務(wù)，以提高學(xué)生運(yùn)用知識(shí)的能力，讓學(xué)生將知識(shí)轉(zhuǎn)化為技能。提高項(xiàng)目給出了效果圖，以及簡(jiǎn)單的制作要點(diǎn)(如表2所示)，具體制作方法需要學(xué)生合作討論解決。在學(xué)生完成任務(wù)的過程中，教師進(jìn)行巡視，引導(dǎo)學(xué)生解決遇到的問題。小組協(xié)作任務(wù)完成后，各小組進(jìn)行作品展示，并開展小組自評(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)功能，在線上、線下同時(shí)開展搶答、評(píng)分、隨堂測(cè)試活動(dòng)，以收集學(xué)習(xí)過程數(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ù)采集的客觀行為，通過對(duì)線上課程任務(wù)的完成度，課前小測(cè)試成績(jī)，學(xué)習(xí)平臺(tái)登錄的訪問數(shù)，參與線上討論、線下?lián)尨鸬然顒?dòng)的參與度，小組作業(yè)的成績(jī)，線下課堂學(xué)習(xí)態(tài)度等多元化的評(píng)價(jià)方式。這種評(píng)價(jià)方式通過線上、線下雙渠道對(duì)學(xué)生進(jìn)行較真實(shí)客觀的評(píng)價(jià)。

六、注意事項(xiàng)

首先，教師要注意自身的角色定位。在混合式教學(xué)中，過度注重學(xué)生的主體地位會(huì)導(dǎo)致教師角色定位不明確。特別是在線上網(wǎng)絡(luò)學(xué)習(xí)中，教師容易出現(xiàn)對(duì)學(xué)生的學(xué)習(xí)過程和學(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)。因此，不管是在線下課堂還是線上網(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)性差距。在混合式在線教學(xué)中，學(xué)生學(xué)習(xí)的時(shí)間比較碎片化，由于不同學(xué)生的學(xué)習(xí)主動(dòng)性及身心成熟程度差異較大，部分自控能力較好的學(xué)生能較好地按時(shí)完成學(xué)習(xí)任務(wù)，部分對(duì)教師的依賴程度較高、自控能力較差的學(xué)生，學(xué)習(xí)效果則會(huì)大打折扣。在實(shí)踐教學(xué)中，教師要對(duì)這部分學(xué)生給予更多的關(guān)注，對(duì)他們的學(xué)習(xí)進(jìn)度進(jìn)行及時(shí)督促和學(xué)習(xí)指導(dǎo)?；旌鲜浇虒W(xué)模式充分體現(xiàn)了“以學(xué)生為中心”的教學(xué)理念。［3］課前的網(wǎng)絡(luò)教學(xué)能促使學(xué)生獨(dú)立自主地學(xué)習(xí)思考，線下的課堂學(xué)習(xí)在教師的精講引導(dǎo)與學(xué)生課前對(duì)知識(shí)的初步掌握中，又進(jìn)一步激發(fā)了學(xué)生參與學(xué)習(xí)的主動(dòng)性，加上師生、生生之間頻繁的線上、線下交流，都有利于培養(yǎng)學(xué)生自主學(xué)習(xí)的探索能力?；趯W(xué)習(xí)平臺(tái)的混合式教學(xué)，對(duì)學(xué)生學(xué)習(xí)數(shù)據(jù)的采集更方便，重視對(duì)學(xué)生學(xué)習(xí)過程的診斷，也有利于教師對(duì)教學(xué)過程的不斷改進(jìn)與完善。

參考文獻(xiàn):

［1］劉磊，劉素楠，王娟，等．基于“學(xué)習(xí)通”的移動(dòng)課堂教學(xué)模式探索與實(shí)踐［J］．電腦知識(shí)與技術(shù)(學(xué)術(shù)版)，2019(11):155－157．

［2］張茜．混合式教學(xué)在房地產(chǎn)開發(fā)與經(jīng)營(yíng)課程中的應(yīng)用研究［J］．科技視界，2018(6):144－145．

［3］郭東艷，程江雪，王露，等．基于SPOC的混合式教學(xué)模式探究———以《中藥藥劑學(xué)》課程為例［J］．現(xiàn)代中藥研究與實(shí)踐，2019(4):71－74．

作者：禤金清 單位：梧州市蒼梧縣中等專業(yè)學(xué)校