淺論基于混合式教學(xué)模式的中職HTML+CSS網(wǎng)頁制作課程教學(xué)改革

柳麗彩 趙玉英 劉嶺

摘 要：本文針對(duì)當(dāng)前HTML+CSS網(wǎng)頁制作課程的教學(xué)現(xiàn)狀，以混合式教學(xué)模式為基點(diǎn)嘗試進(jìn)行 HTML+CSS網(wǎng)頁制作課程的教學(xué)改革，開展“線上+線下”混合式教學(xué)模式的研究，以此提升教師信息化手段應(yīng)用能力，激發(fā)學(xué)生課堂學(xué)習(xí)的主動(dòng)性，提升課堂教學(xué)質(zhì)量。

關(guān)鍵詞：混合式教學(xué)模式? ? 教學(xué)現(xiàn)狀? ? 教學(xué)改革? ? 線上+線下

課? ?題：本文系邢臺(tái)市教育科學(xué)“十四五”規(guī)劃一般課題“中職混合式教學(xué)實(shí)踐研究——以 HTML+CSS網(wǎng)頁制作課程為例”（課題編號(hào)：2102004）階段性研究成果。

隨著信息技術(shù)的飛速發(fā)展和移動(dòng)互聯(lián)網(wǎng)時(shí)代的到來，線上學(xué)習(xí)與課堂教學(xué)相結(jié)合的混合式教學(xué)模式成為教育界研究的熱點(diǎn)。

目前，中職學(xué)校學(xué)生學(xué)習(xí)主動(dòng)性不高已成為一種較普遍的現(xiàn)象。提高學(xué)習(xí)興趣是學(xué)生由被動(dòng)學(xué)習(xí)轉(zhuǎn)向主動(dòng)學(xué)習(xí)的動(dòng)力，也是中職學(xué)生學(xué)到技能的關(guān)鍵?！吨新氃盒I(yè)人才培訓(xùn)方案制定與實(shí)施》提出后，中職學(xué)校要進(jìn)一步深化教師、教材、教法改革，推廣混合式教學(xué)模式等現(xiàn)代教學(xué)模式，推進(jìn)課堂教學(xué)革命。因此，混合式教學(xué)模式不僅符合時(shí)代發(fā)展的需要，而且是中國教育改革的趨勢。

在信息化環(huán)境日漸成熟的條件下，教師既要關(guān)注“如何教”，又要關(guān)注學(xué)生“如何學(xué)”?；旌鲜浇虒W(xué)模式為HTML+CSS網(wǎng)頁制作這門課程的教學(xué)改革提供了新的教學(xué)方向和思路。教學(xué)團(tuán)隊(duì)借助網(wǎng)絡(luò)平臺(tái)，將理論、實(shí)踐和網(wǎng)絡(luò)有機(jī)地結(jié)合在一起，進(jìn)行基于混合式教學(xué)模式的HTML+CSS網(wǎng)頁制作課程教學(xué)改革的研究。

一、 HTML+CSS網(wǎng)頁制作課程教學(xué)現(xiàn)狀

HTML+CSS網(wǎng)頁制作是筆者學(xué)校信息技術(shù)系面向計(jì)算機(jī)程序設(shè)計(jì)專業(yè)、計(jì)算機(jī)網(wǎng)絡(luò)應(yīng)用專業(yè)開設(shè)的一門專業(yè)課程。通過理論教學(xué)和技能實(shí)訓(xùn)，使學(xué)生掌握HTML標(biāo)記語言及CSS 技術(shù)相關(guān)知識(shí)，培養(yǎng)學(xué)生具備本專業(yè)技能型人才所必需的代碼編寫能力，為后續(xù)動(dòng)態(tài)網(wǎng)頁設(shè)計(jì)課程學(xué)習(xí)打下基礎(chǔ)。

（一）教學(xué)存在的問題

1. 學(xué)生課堂參與度不同

中職學(xué)校學(xué)生學(xué)習(xí)興趣不高已成為一種較普遍的現(xiàn)象，導(dǎo)致學(xué)生課堂參與度低。從對(duì)近兩年筆者授課班級(jí)學(xué)生調(diào)查情況來看，能跟上老師講課思路、能回答老師提問的學(xué)生占班級(jí)人數(shù)的20%左右，有80%的學(xué)生游離于課堂之外。有些學(xué)生表面看是在聽老師講課，實(shí)際上卻不知道老師講到哪里了，更有少數(shù)學(xué)生上課睡覺，需要被老師叫醒聽課。因此，傳統(tǒng)紙質(zhì)教材、PPT課件等教學(xué)形式已經(jīng)不能滿足中職學(xué)生的學(xué)習(xí)需求，需要教師給學(xué)生提供更豐富的課堂教學(xué)形式、更合適的學(xué)習(xí)資料來不斷激發(fā)學(xué)生的學(xué)習(xí)興趣。

2. 教學(xué)效果不理想

為提高學(xué)生的學(xué)習(xí)興趣，筆者學(xué)校該課程的教學(xué)團(tuán)隊(duì)根據(jù)中職教育的特點(diǎn)，在教學(xué)中重點(diǎn)強(qiáng)調(diào)實(shí)用性和操作性，在教學(xué)內(nèi)容上注重實(shí)踐教學(xué)，在教學(xué)方法上嘗試案例教學(xué)、任務(wù)教學(xué)等。統(tǒng)計(jì)近兩年授課班級(jí)上課情況，80%學(xué)生能完成教學(xué)案例，但是大多數(shù)學(xué)生不能靈活運(yùn)用知識(shí)，上機(jī)實(shí)驗(yàn)用到理論時(shí)，學(xué)生已經(jīng)把大部分知識(shí)忘記，代碼學(xué)習(xí)上只是機(jī)械模仿老師，體現(xiàn)不出HTML+CSS網(wǎng)頁制作課程的應(yīng)用性和創(chuàng)新性。

（二）教學(xué)現(xiàn)狀分析

經(jīng)筆者所在學(xué)校該課程的教學(xué)團(tuán)隊(duì)分析，導(dǎo)致以上教學(xué)現(xiàn)狀的原因有以下幾個(gè)方面。

1.教師與學(xué)生的“角色”沒有變

教師仍然是課程的主導(dǎo)者，學(xué)生仍是被動(dòng)式接受學(xué)習(xí)，以學(xué)生為中心的教學(xué)模式尚未形成。

2.教育觀念沒有轉(zhuǎn)變

學(xué)生思想上重技能、輕知識(shí)，普遍認(rèn)為畢業(yè)就是當(dāng)工人，能干活、會(huì)操作就可以，認(rèn)為知識(shí)學(xué)不學(xué)都一樣。教師在教學(xué)中重視學(xué)生的技能培養(yǎng)，也在一定程度上忽視了學(xué)生的知識(shí)學(xué)習(xí)。隨著國家對(duì)職業(yè)教育的重視，職業(yè)教育對(duì)中職學(xué)校學(xué)生的技術(shù)能力也提出了更高要求。因此，教師和學(xué)生要轉(zhuǎn)變觀念，統(tǒng)一思想，明白職業(yè)教育培養(yǎng)的是技術(shù)工人，不是單純的操作工。

3.考核評(píng)價(jià)方式單一

HTML+CSS網(wǎng)頁制作課程考核采用平時(shí)考核和期末考核的方式。平時(shí)考核分課堂表現(xiàn)及作業(yè)，部分學(xué)生的作業(yè)存在相互抄襲問題，影響了學(xué)生主動(dòng)學(xué)習(xí)的興趣和熱情。

二、 HTML+CSS網(wǎng)頁制作課程教學(xué)改革

為了向“以學(xué)生為中心” 的教學(xué)模式轉(zhuǎn)變，以混合式教學(xué)模式為基礎(chǔ)進(jìn)行教學(xué)改革，原則上教學(xué)重點(diǎn)兼顧知識(shí)和技能，教學(xué)內(nèi)容選擇以貼近學(xué)生學(xué)習(xí)、生活的項(xiàng)目任務(wù)為主線。具體思路可概括為：以學(xué)生為中心，利用網(wǎng)絡(luò)平臺(tái)，結(jié)合線上、線下教學(xué)資源，開發(fā)混合式教學(xué)模式，實(shí)現(xiàn)最優(yōu)化的教學(xué)效果。具體措施分為三個(gè)步驟：第一步，根據(jù)學(xué)生能力培養(yǎng)的要求和學(xué)生的心理、生理等特點(diǎn)，調(diào)整與優(yōu)化教學(xué)內(nèi)容，建立數(shù)字化教學(xué)資源;第二步，開發(fā)基于網(wǎng)絡(luò)平臺(tái)的混合式教學(xué)課程;第三步，改進(jìn)教學(xué)方法，創(chuàng)新教學(xué)模式。

（一）整合教學(xué)內(nèi)容，建立數(shù)字化教學(xué)資源

傳統(tǒng)教材按知識(shí)體系組織教學(xué)內(nèi)容，針對(duì)HTML+CSS網(wǎng)頁制作課程知識(shí)點(diǎn)多且較分散、實(shí)踐性強(qiáng)的特點(diǎn)，筆者所在學(xué)校該課程的教學(xué)團(tuán)隊(duì)按教學(xué)大綱提煉了課程需要達(dá)到的能力要求，根據(jù)“項(xiàng)目引領(lǐng)、任務(wù)驅(qū)動(dòng)”理念設(shè)計(jì)教學(xué)內(nèi)容，開發(fā)了文化網(wǎng)、環(huán)保網(wǎng)、優(yōu)品網(wǎng)和思政網(wǎng)四個(gè)教學(xué)項(xiàng)目，每個(gè)項(xiàng)目又劃分為若干個(gè)相對(duì)獨(dú)立的任務(wù)，讓學(xué)生在真實(shí)的頁面制作過程中掌握HTML+CSS網(wǎng)頁技術(shù)的應(yīng)用。

（二）基于網(wǎng)絡(luò)平臺(tái)的混合式教學(xué)課程

結(jié)合混合式教學(xué)課程教學(xué)要求，把項(xiàng)目的每個(gè)任務(wù)作為一個(gè)教學(xué)單元，每個(gè)教學(xué)單元按知識(shí)類型和教學(xué)目標(biāo)再分割成線上活動(dòng)和線下活動(dòng)，構(gòu)建基于網(wǎng)絡(luò)平臺(tái)的混合式教學(xué)課程，并在教學(xué)實(shí)踐中不斷更新和完善。

HTML+CSS網(wǎng)頁制作課程的所有教學(xué)資源按項(xiàng)目任務(wù)放置于網(wǎng)絡(luò)平臺(tái)中，學(xué)生課后時(shí)間可以在手機(jī)上查看和學(xué)習(xí)。

另外，如果學(xué)生缺課未能參與課堂學(xué)習(xí)，也可以通過這些線上資源進(jìn)行補(bǔ)習(xí)。同時(shí)，學(xué)習(xí)能力較差的學(xué)生，也可以通過反復(fù)觀看線上資源，不再對(duì)教師形成依賴心理，使課堂的利用率更高，進(jìn)而能夠有效提高整體教學(xué)質(zhì)量。

（三）改進(jìn)教學(xué)方法，創(chuàng)新教學(xué)模式

立足于學(xué)校、教師和學(xué)生的實(shí)際，筆者所在學(xué)校該課程的教學(xué)團(tuán)隊(duì)借助網(wǎng)絡(luò)平臺(tái)，將理論、實(shí)踐和網(wǎng)絡(luò)有機(jī)地結(jié)合在一起，運(yùn)用“線上+線下”的混合式教學(xué)模式進(jìn)行課堂教學(xué)。

1.“線上+線下”的教學(xué)特點(diǎn)

利用網(wǎng)絡(luò)平臺(tái)實(shí)現(xiàn)“線上+線下”教學(xué)內(nèi)容的融合，有利于突破課程教學(xué)中的重難點(diǎn)。創(chuàng)新了傳統(tǒng)課堂的互動(dòng)形式，實(shí)現(xiàn)了教師與學(xué)生課堂面對(duì)面的多邊互動(dòng)交流?？己嗽u(píng)價(jià)突出全面性及客觀性，采用過程考核和期末考核相結(jié)合的評(píng)價(jià)方式，突出過程考核的可見性、階段性、層次性特點(diǎn)，以此激勵(lì)學(xué)生學(xué)習(xí)的積極性和提高學(xué)生實(shí)踐創(chuàng)新能力。在傳統(tǒng)考勤、作業(yè)、期末考試基礎(chǔ)上，將線上學(xué)生的學(xué)習(xí)態(tài)度、測試成績、登錄網(wǎng)絡(luò)平臺(tái)的次數(shù)、視頻觀看時(shí)間等均作為評(píng)價(jià)范圍。在傳統(tǒng)教師評(píng)價(jià)基礎(chǔ)上，增加自我評(píng)價(jià)和同學(xué)互評(píng)。

2.如何進(jìn)行“線上+線下”教學(xué)

線上教學(xué)主要是學(xué)生獲取知識(shí)，即知識(shí)點(diǎn)學(xué)習(xí)，為開展線下教學(xué)提供參考。教師將教學(xué)資源發(fā)布到網(wǎng)絡(luò)平臺(tái)，學(xué)生通過學(xué)習(xí)終端觀看教師提供的教學(xué)視頻、PPT等線上學(xué)習(xí)資源，學(xué)生在教師監(jiān)督下完成線上知識(shí)點(diǎn)學(xué)習(xí)，并將學(xué)習(xí)過程中的問題反饋給教師。教師在網(wǎng)絡(luò)平臺(tái)上針對(duì)線上所學(xué)內(nèi)容，發(fā)布針對(duì)性強(qiáng)的測試題，學(xué)生完成線上測試，教師匯總學(xué)生測試結(jié)果，分析線上學(xué)習(xí)情況。

線下教學(xué)的主要目的是讓學(xué)生通過學(xué)習(xí)領(lǐng)會(huì)、應(yīng)用知識(shí)，即對(duì)知識(shí)進(jìn)行內(nèi)化，實(shí)現(xiàn)知識(shí)到技能、能力的轉(zhuǎn)變。教師根據(jù)教學(xué)重難點(diǎn)、學(xué)生線上學(xué)習(xí)遇到的問題和測評(píng)反饋等安排教學(xué)內(nèi)容或進(jìn)行答疑解惑。教師在講解過程中，可采用提問、討論、展示頁面等多樣化教學(xué)方法，提高課堂教學(xué)效率和教學(xué)質(zhì)量。

3.“線上+線下”教學(xué)的效果

從教學(xué)效果看，“線上+線下”混合式教學(xué)課堂與傳統(tǒng)課堂相比，在課堂上睡覺的學(xué)生幾乎沒有了。學(xué)生在教師的指導(dǎo)下，積極主動(dòng)參與線上資源的學(xué)習(xí)，課堂上提問題的學(xué)生多了，課堂效率顯著提升。學(xué)生由之前的單純按案例做頁面轉(zhuǎn)變?yōu)槲乙约涸O(shè)計(jì)并制作頁面。

三、小結(jié)

結(jié)合中職HTML+CSS網(wǎng)頁制作課程目前的教學(xué)現(xiàn)狀，筆者所在學(xué)校該專業(yè)的教學(xué)團(tuán)隊(duì)通過設(shè)計(jì)貼近學(xué)生學(xué)習(xí)、生活的項(xiàng)目和任務(wù)，提高學(xué)生學(xué)習(xí)興趣。利用自建的數(shù)字化教學(xué)資源、慕課網(wǎng)和騰訊課堂等免費(fèi)的HTML+CSS教學(xué)資源，搭建了網(wǎng)絡(luò)平臺(tái)的線上教學(xué)課程。在課堂教學(xué)中進(jìn)行“線上+線下”混合式教學(xué)模式改革，實(shí)現(xiàn)“線下教學(xué)為主”向“線下線上教學(xué)相結(jié)合”的轉(zhuǎn)變，解決了教師在課堂教學(xué)過程中過多地進(jìn)行講授而導(dǎo)致學(xué)生學(xué)習(xí)主動(dòng)性不強(qiáng)、不同學(xué)生的學(xué)習(xí)結(jié)果差異過大等問題，從而有效地提升了絕大部分學(xué)生的學(xué)習(xí)效率，切實(shí)提高了課堂教學(xué)質(zhì)量。

參考文獻(xiàn)：

[1]何克抗.從Blending Learning看教育技術(shù)的新發(fā)展 [J].電化教育研究，2004（3）.

[2]黃榮懷，馬丁，鄭蘭琴等.基于混合式學(xué)習(xí)的課程設(shè)計(jì)理論[J].電化教育研究，2009（1）.

[3]郭騰.基于超星網(wǎng)絡(luò)平臺(tái)的混合教學(xué)模式在影視數(shù)字合成課中的應(yīng)用研究[J].西部廣播電視，2019（20）.

[4]王冠華.基于線上線下混合式教學(xué)的優(yōu)質(zhì)課堂建設(shè)實(shí)踐研究[J].專業(yè)建設(shè)，2021（2）.

（作者單位：邢臺(tái)技師學(xué)院）