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

柳麗彩 趙玉英 劉嶺

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

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

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

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

目前，中職學校學生學習主動性不高已成為一種較普遍的現(xiàn)象。提高學習興趣是學生由被動學習轉向主動學習的動力，也是中職學生學到技能的關鍵。《中職院校專業(yè)人才培訓方案制定與實施》提出后，中職學校要進一步深化教師、教材、教法改革，推廣混合式教學模式等現(xiàn)代教學模式，推進課堂教學革命。因此，混合式教學模式不僅符合時代發(fā)展的需要，而且是中國教育改革的趨勢。

在信息化環(huán)境日漸成熟的條件下，教師既要關注“如何教”，又要關注學生“如何學”。混合式教學模式為HTML+CSS網(wǎng)頁制作這門課程的教學改革提供了新的教學方向和思路。教學團隊借助網(wǎng)絡平臺，將理論、實踐和網(wǎng)絡有機地結合在一起，進行基于混合式教學模式的HTML+CSS網(wǎng)頁制作課程教學改革的研究。

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

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

（一）教學存在的問題

1. 學生課堂參與度不同

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

2. 教學效果不理想

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

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

經(jīng)筆者所在學校該課程的教學團隊分析，導致以上教學現(xiàn)狀的原因有以下幾個方面。

1.教師與學生的“角色”沒有變

教師仍然是課程的主導者，學生仍是被動式接受學習，以學生為中心的教學模式尚未形成。

2.教育觀念沒有轉變

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

3.考核評價方式單一

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

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

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

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

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

（二）基于網(wǎng)絡平臺的混合式教學課程

結合混合式教學課程教學要求，把項目的每個任務作為一個教學單元，每個教學單元按知識類型和教學目標再分割成線上活動和線下活動，構建基于網(wǎng)絡平臺的混合式教學課程，并在教學實踐中不斷更新和完善。

HTML+CSS網(wǎng)頁制作課程的所有教學資源按項目任務放置于網(wǎng)絡平臺中，學生課后時間可以在手機上查看和學習。

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

（三）改進教學方法，創(chuàng)新教學模式

立足于學校、教師和學生的實際，筆者所在學校該課程的教學團隊借助網(wǎng)絡平臺，將理論、實踐和網(wǎng)絡有機地結合在一起，運用“線上+線下”的混合式教學模式進行課堂教學。

1.“線上+線下”的教學特點

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

2.如何進行“線上+線下”教學

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

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

3.“線上+線下”教學的效果

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

三、小結

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

參考文獻：

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

[2]黃榮懷，馬丁，鄭蘭琴等.基于混合式學習的課程設計理論[J].電化教育研究，2009（1）.

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

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

（作者單位：邢臺技師學院）