教育信息化2.0背景下高職《網(wǎng)頁制作》課堂教學(xué)設(shè)計與實(shí)踐

摘要：以“相對定位與絕對定位”教學(xué)單元為例，從教學(xué)分析、教學(xué)設(shè)計、教學(xué)過程、教學(xué)評價與效果、教學(xué)特色與反思等方面對《網(wǎng)頁制作》課程進(jìn)行了信息化教學(xué)設(shè)計與實(shí)踐。利用多種信息化手段、融入“課程思政”元素，突出學(xué)生的主體地位，有效突破教學(xué)重難點(diǎn)，提高了高職學(xué)生學(xué)習(xí)的主動性與綜合應(yīng)用能力。

關(guān)鍵詞：信息化教學(xué);課堂教學(xué)設(shè)計;網(wǎng)頁制作課程

隨著社會信息化水平的不斷提升，教育信息化從1.0時代進(jìn)入2.0時代，新信息時代賦予了教育信息化新的使命，“融合”和“創(chuàng)新”成為了高校教育發(fā)展的核心理念^[1]。但是，目前大部分學(xué)校，主流的信息化教學(xué)形式依舊停留在多媒體教學(xué)，教師直接使用電腦操作演示，或是照著演示文檔講解，學(xué)生課堂聽講，課后下載多媒體課件復(fù)習(xí)。這樣的課堂教學(xué)仍然是以教師為中心，學(xué)生被動接收知識，課堂教學(xué)效果很難保障。

作為教師，提高自身信息化素養(yǎng)，深入探討如何發(fā)揮“互聯(lián)網(wǎng)+”、大數(shù)據(jù)、云計算等信息技術(shù)優(yōu)勢，變革傳統(tǒng)教學(xué)模式，推進(jìn)新技術(shù)與教育教學(xué)的深度融合，真正實(shí)現(xiàn)從融合應(yīng)用階段邁入創(chuàng)新發(fā)展階段^[2]，利用信息技術(shù)和“互聯(lián)網(wǎng)+教育”大平臺進(jìn)行教學(xué)設(shè)計，激勵學(xué)生利用信息化環(huán)境進(jìn)行學(xué)習(xí)、探索與實(shí)踐，從而完成教學(xué)任務(wù)，增強(qiáng)學(xué)生的學(xué)習(xí)應(yīng)用能力，已經(jīng)成為教學(xué)改革的重要任務(wù)。以《網(wǎng)頁制作》課程中的“相對定位與絕對定位”教學(xué)單元為例，對教育信息化2.0時代背景下創(chuàng)新教學(xué)設(shè)計與實(shí)踐進(jìn)行探索。

一、信息化教學(xué)概述

信息化教學(xué)是指教師合理、充分運(yùn)用信息技術(shù)、數(shù)字資源和信息化教學(xué)環(huán)境，突出教學(xué)重點(diǎn)，解決教學(xué)難點(diǎn)，創(chuàng)設(shè)學(xué)習(xí)的情境，并根據(jù)實(shí)際教學(xué)情況及時調(diào)整、優(yōu)化教與學(xué)的過程^[3]。教育信息化2.0時代的信息化教學(xué)，需要將信息技術(shù)和智能技術(shù)深度融入教學(xué)全過程，借助高速寬帶網(wǎng)絡(luò)和4G/5G移動網(wǎng)絡(luò)，利用轉(zhuǎn)型升級的智能化教學(xué)平臺和服務(wù)應(yīng)用將課堂外的研學(xué)與課堂內(nèi)的講授活動深度融合，將以傳統(tǒng)課堂教學(xué)為主的學(xué)習(xí)模式逐漸向不受時間、空間和媒介約束的“開放式”學(xué)習(xí)模式轉(zhuǎn)變。課堂教學(xué)從“信息化”拓寬到“智慧化”，學(xué)習(xí)環(huán)境從線下課堂拓寬到線下線上融合課堂，學(xué)習(xí)內(nèi)容從課本拓寬到互聯(lián)網(wǎng)大資源，學(xué)習(xí)模式從學(xué)、記、考拓寬到虛擬現(xiàn)實(shí)和模擬實(shí)踐操作。將學(xué)生從簡單的課堂學(xué)習(xí)應(yīng)用能力向利用“互聯(lián)網(wǎng)+”技術(shù)解決學(xué)習(xí)、生活中問題的信息素養(yǎng)能力拓展。同時，充分利用信息化技術(shù)手段和媒體資源傳播優(yōu)勢，將符合時代特征的課程思政內(nèi)容滲透到教學(xué)全過程，推進(jìn)落實(shí)立德樹人的教育根本任務(wù)。本次教學(xué)設(shè)計基于教育信息化2.0教學(xué)要求，結(jié)合“網(wǎng)頁制作”課程的特點(diǎn)，分為教學(xué)情況分析、教學(xué)過程設(shè)計、教學(xué)評價、教學(xué)特色與反思等四個部分。

二、教學(xué)情況分析

《網(wǎng)頁制作》是高職計算機(jī)類專業(yè)基礎(chǔ)課程，主要是培養(yǎng)學(xué)生靜態(tài)網(wǎng)頁制作、維護(hù)和開發(fā)能力，為學(xué)生后續(xù)學(xué)習(xí)《動態(tài)網(wǎng)頁開發(fā)》等課程提供有力支持?！跋鄬Χㄎ慌c絕對定位”選自該課程單元三：CSS定位與布局的子任務(wù)，是該課程中的重點(diǎn)也是難點(diǎn)內(nèi)容，單純的理論講解，學(xué)生很難理解定位的原理與區(qū)別。

為了擺脫傳統(tǒng)教學(xué)模式時間和空間的束縛，滿足學(xué)生隨時隨地都能學(xué)習(xí)的需要，推動從教育專用資源向教育大資源轉(zhuǎn)變^[2]，實(shí)現(xiàn)因材施教、個性化教學(xué)，課程團(tuán)隊(duì)將原本需要在課堂上按部就班講解的內(nèi)容和知識點(diǎn)數(shù)字化、碎片化，共劃分為68個知識點(diǎn)與技能點(diǎn)，每個知識點(diǎn)有配套微視頻、PPT和學(xué)習(xí)文檔，并將其嵌入到超星學(xué)習(xí)平臺中去。另外，為了直觀動態(tài)演示網(wǎng)頁效果的實(shí)現(xiàn)過程，課程團(tuán)隊(duì)自主研發(fā)了“網(wǎng)頁實(shí)驗(yàn)箱”，結(jié)合課程實(shí)踐案例設(shè)計了16個實(shí)驗(yàn)?zāi)K，將一些學(xué)生難以理解的HTML屬性和CSS樣式的實(shí)現(xiàn)過程動態(tài)呈現(xiàn)，可以幫助學(xué)生更好的理解教學(xué)重難點(diǎn)。

本次課程授課對象為高職計算機(jī)類專業(yè)一年級學(xué)生。這批“數(shù)字原住民（Digital Native）”^[4]信息素養(yǎng)和自主獲取知識的能力相對較高，他們喜歡玩電腦玩手機(jī)，喜歡學(xué)中做，做中學(xué)的課堂形式。通過一個階段學(xué)習(xí)，學(xué)生已經(jīng)具備了基本的HTML網(wǎng)頁設(shè)計與CSS編碼能力，掌握了CSS樣式基本類型等基礎(chǔ)知識。根據(jù)云平臺學(xué)習(xí)參與度和學(xué)習(xí)深度等數(shù)據(jù)分析以及本次課前線上測驗(yàn)反饋，約30%的學(xué)生對于樣式屬性不夠熟悉，80%的同學(xué)對于定位的理解不夠深入，普遍對編碼有畏懼心理，需要通過課堂反復(fù)練習(xí)或多次補(bǔ)充講解才能掌握。

三、教學(xué)過程設(shè)計

依據(jù)教育信息化2.0行動計劃創(chuàng)新發(fā)展智慧教育行動要求，在教學(xué)過程中不斷融入豐富的信息化教學(xué)資源，發(fā)揮現(xiàn)階段高職院校學(xué)生信息素養(yǎng)和自主獲取知識的能力強(qiáng)的優(yōu)勢，通過情境創(chuàng)設(shè)、問題探究、協(xié)商學(xué)習(xí)、意義構(gòu)建等形式，將傳統(tǒng)教師課堂講解轉(zhuǎn)變?yōu)橐詫W(xué)生為主體、多種學(xué)習(xí)形式相結(jié)合的學(xué)習(xí)模式?；诮虒W(xué)情況分析，本次教學(xué)選取真實(shí)網(wǎng)頁案例“焦點(diǎn)圖”作為教學(xué)的任務(wù)載體，以學(xué)生為主體，教師為主導(dǎo)，以“任務(wù)驅(qū)動”和“問題解決”作為學(xué)習(xí)和研究活動的主線^[5]，以超星學(xué)習(xí)平臺和作品云平臺為依托，采用“網(wǎng)頁實(shí)驗(yàn)箱”模擬與實(shí)踐操作相結(jié)合、自主探究與小組合作相結(jié)合、線上線下混合式教學(xué)模式，完成教學(xué)任務(wù)。教學(xué)過程分為課前準(zhǔn)備、課堂實(shí)施、課后提升三個階段（如圖1所示）。

（一）課前準(zhǔn)備

這一階段教師應(yīng)在課前將需要學(xué)習(xí)的資源如微課視頻、PPT文檔、以及課堂學(xué)習(xí)流程發(fā)布到網(wǎng)絡(luò)學(xué)習(xí)平臺，讓學(xué)生明確具體的預(yù)習(xí)內(nèi)容和目標(biāo)，先行建構(gòu)個性化知識體系，強(qiáng)化學(xué)生自主獲取知識能力。與此同時，教師通過平臺數(shù)據(jù)及時了解學(xué)生的預(yù)習(xí)情況，收集學(xué)生在學(xué)習(xí)過程中反饋的問題。本次教學(xué)具體做法是利用超星學(xué)習(xí)平臺向?qū)W生布置課前學(xué)習(xí)任務(wù)：①通過網(wǎng)絡(luò)課程平臺自主學(xué)習(xí)相對定位與絕對定位知識點(diǎn)，明確該單元的疑點(diǎn)、難點(diǎn)。②完成在線測試。③發(fā)布課前討論：身邊有哪些大事適合通過焦點(diǎn)圖來宣傳？然后通過平臺的統(tǒng)計數(shù)據(jù)分析了解學(xué)生的學(xué)習(xí)和討論情況，通過討論結(jié)果確定焦點(diǎn)圖主題，如“教師節(jié)”，即可針對這一主題自然融入“課程思政”元素;通過統(tǒng)計結(jié)果確定學(xué)生參與度、學(xué)習(xí)深度、測試成績等，進(jìn)一步確定本單元教學(xué)的重難點(diǎn)內(nèi)容，實(shí)時調(diào)整教學(xué)實(shí)施內(nèi)容。

（二）課堂實(shí)施

本次課堂教學(xué)采用任務(wù)驅(qū)動法、實(shí)驗(yàn)法等教學(xué)方法，開展以學(xué)生為中心的行動導(dǎo)向教學(xué)，引導(dǎo)學(xué)生通過自主學(xué)習(xí)、合作學(xué)習(xí)、探究學(xué)習(xí)，將學(xué)習(xí)內(nèi)容逐步分解吸收^[6]，具體分為五個環(huán)節(jié)。

環(huán)節(jié)1：教師展示分析課前預(yù)習(xí)情況，使用超星學(xué)習(xí)平臺“詞云”統(tǒng)計功能分析課前討論的焦點(diǎn)圖主題，并針對主題引入思政教育內(nèi)容：孝敬父母，尊敬師長，感恩社會，報效祖國等，將學(xué)生德育教育及實(shí)踐任務(wù)有機(jī)地融合，完成培養(yǎng)學(xué)生“愛國、敬業(yè)、誠信、友善”的思政目標(biāo)。同時提出實(shí)踐任務(wù)——制作靜態(tài)焦點(diǎn)圖。

環(huán)節(jié)2：教師通過超星學(xué)習(xí)平臺發(fā)起投票，讓學(xué)生根據(jù)課前預(yù)習(xí)內(nèi)容，選出實(shí)現(xiàn)案例任務(wù)需要使用的定位方法。根據(jù)投票結(jié)果，教師引導(dǎo)學(xué)生分別采用自己投票選擇和同學(xué)選擇的方法，通過“網(wǎng)頁實(shí)驗(yàn)箱”進(jìn)行驗(yàn)證，并在操作完成后對幾種定位方法的效果進(jìn)行對比分析。針對不同思路產(chǎn)生的問題，教師利用視頻動畫和“網(wǎng)頁實(shí)驗(yàn)箱”演示講解相對定位和絕對定位原理，幫助學(xué)生分析問題，化解教學(xué)難點(diǎn)。

環(huán)節(jié)3：明確任務(wù)實(shí)現(xiàn)方法后，進(jìn)行分組實(shí)踐。各小組通過抽簽小程序領(lǐng)取不同的網(wǎng)頁效果焦點(diǎn)圖，學(xué)生以小組團(tuán)隊(duì)的形式協(xié)作完成實(shí)踐任務(wù)。實(shí)踐過程中，組內(nèi)討論實(shí)施方案，教師通過超星學(xué)習(xí)平臺發(fā)布討論，收集各小組遇到的問題，引導(dǎo)其他小組分析解答問題，教師根據(jù)發(fā)現(xiàn)的問題指導(dǎo)學(xué)生編碼，提醒注意事項(xiàng)。學(xué)生在邊學(xué)邊做的過程中有效深化了教學(xué)重點(diǎn)的學(xué)習(xí)。

環(huán)節(jié)4：組織各小組推薦代表上臺進(jìn)行展示匯報，重點(diǎn)講解文字與按鈕的定位樣式，教師引導(dǎo)學(xué)生一起分析總結(jié)實(shí)現(xiàn)焦點(diǎn)圖樣式的一般方法。展示結(jié)束后，通過超星學(xué)習(xí)平臺組間評價功能進(jìn)行互評，得分最高的小組獲勝。

環(huán)節(jié)5：教師引導(dǎo)學(xué)生一起討論并總結(jié)實(shí)現(xiàn)兩種定位的區(qū)別與應(yīng)用場合，隨后在超星學(xué)習(xí)平臺發(fā)布課堂測試，檢測學(xué)生知識點(diǎn)掌握情況，歸納解決問題的一般思路，幫助學(xué)生在不同應(yīng)用場合舉一反三靈活運(yùn)用。

（三）課后提升

教師通過超星學(xué)習(xí)平臺發(fā)布難度遞增的測試和實(shí)踐任務(wù)，模擬真實(shí)開發(fā)環(huán)境中可能遇到的需求調(diào)整情況，對課堂任務(wù)進(jìn)行拓展，要求學(xué)生思考完成，復(fù)習(xí)和強(qiáng)化教學(xué)重難點(diǎn)內(nèi)容的學(xué)習(xí)。學(xué)生將實(shí)踐任務(wù)作品上傳至作品云平臺服務(wù)器，教師和企業(yè)導(dǎo)師對作品進(jìn)行檢查評分，學(xué)生也可以通過掃碼或點(diǎn)擊鏈接等方式查看同學(xué)的作品展示效果，發(fā)布評論和點(diǎn)贊，作品成績自動記入平時考核評價。

四、教學(xué)評價與效果

在信息化背景下，教學(xué)評價應(yīng)突出評價的多元化，充分利用信息化手段，利用各種評價方式，全方位評價學(xué)生的整個學(xué)習(xí)過程，從而激發(fā)學(xué)生的學(xué)習(xí)主動性與積極性，提高學(xué)習(xí)有效性。傳統(tǒng)的教學(xué)考核評價形式一般以考試成績?yōu)橹鳎问奖容^單一，學(xué)生的課堂表現(xiàn)往往取決于教師的主觀印象。本次教學(xué)，在超星學(xué)習(xí)平臺的支撐下，通過統(tǒng)計學(xué)生在學(xué)習(xí)過程中數(shù)據(jù)信息，對學(xué)生課前學(xué)習(xí)、課堂活動和課后作業(yè)等環(huán)節(jié)進(jìn)行自動考核評價，采用線上評價與線下評價相結(jié)合的方式，將教師評價、平臺評價、學(xué)生互評、企業(yè)導(dǎo)師評價貫穿于整個教學(xué)過程（如表1所示）。教師還可以根據(jù)實(shí)時評價結(jié)果對授課內(nèi)容及時作出調(diào)整，使教學(xué)考核評價機(jī)制更加全面、客觀、公正，使課程教學(xué)更具有針對性和實(shí)效性。

教學(xué)過程是教師和學(xué)生雙方的互動活動過程，除了對學(xué)生的進(jìn)行考核評價，同時也讓學(xué)生對教師和課堂進(jìn)行評價。通過學(xué)生對教師和課堂的評價，幫助教師更全面地了解學(xué)生學(xué)習(xí)情況，改進(jìn)教學(xué)方法，合理利用信息技術(shù)，針對不同的學(xué)生進(jìn)行精準(zhǔn)化教學(xué)。因此，本次教學(xué)活動也安排了課后學(xué)生評價課堂的調(diào)查問卷。根據(jù)調(diào)查問卷統(tǒng)計結(jié)果顯示，教師的授課受到學(xué)生們的一致好評，學(xué)生獲得了良好的學(xué)習(xí)體驗(yàn)。學(xué)生普遍認(rèn)為課程內(nèi)容以案例教學(xué)為主、任務(wù)驅(qū)動，案例豐富，結(jié)合實(shí)際，視頻教學(xué)講課生動、有激情，知識點(diǎn)碎片化到位，講述清楚，重點(diǎn)突出，深入淺出，有感染力，使用啟發(fā)式教學(xué)，網(wǎng)絡(luò)教學(xué)資源豐富實(shí)用、網(wǎng)絡(luò)答疑及時、作業(yè)批改到位、網(wǎng)絡(luò)平臺有利于交流互動等，提升了學(xué)生的技能，提高了學(xué)習(xí)質(zhì)量和實(shí)踐能力。

五、教學(xué)特色與反思

在信息化技術(shù)應(yīng)用方面，本次教學(xué)充分利用了多種信息技術(shù)手段，包括超星學(xué)習(xí)平臺、網(wǎng)頁實(shí)驗(yàn)箱、抽簽小程序、定位動畫、作品云平臺等。其中，自主開發(fā)的“網(wǎng)頁實(shí)驗(yàn)箱”具有交互功能，可以根據(jù)教師或?qū)W生設(shè)置的樣式屬性參數(shù)，動態(tài)實(shí)時呈現(xiàn)編碼后的定位效果，讓學(xué)生快速地在代碼與樣式效果之間建立關(guān)聯(lián)，幫助學(xué)生輕松理解原理和記憶樣式屬性，解決了傳統(tǒng)教學(xué)中教師只能通過逐行編寫代碼進(jìn)行演示講解，學(xué)生對代碼抽象難理解、易混淆、難記憶等問題，具有可推廣性。

在考核評價方面，學(xué)生在超星學(xué)習(xí)平臺、“網(wǎng)頁實(shí)驗(yàn)箱”、作品云平臺三個平臺的線上學(xué)習(xí)活動，均可生成對應(yīng)學(xué)習(xí)過程記錄，為綜合評價提供了科學(xué)依據(jù)。綜合評價表明，學(xué)生大都完成了學(xué)習(xí)任務(wù)要求，有效達(dá)到了教學(xué)目標(biāo)。但是如何實(shí)現(xiàn)“網(wǎng)頁實(shí)驗(yàn)箱”平臺評價數(shù)據(jù)、作品云平臺評價數(shù)據(jù)和超星學(xué)習(xí)平臺的共享與對接，實(shí)現(xiàn)更高效更智能的過程性評價，需要進(jìn)一步優(yōu)化整合。

在課程思政方面，利用信息化手段，統(tǒng)計學(xué)生感興趣的話題，并以此為主題設(shè)計教學(xué)案例，將實(shí)踐任務(wù)與思政教育相結(jié)合，向?qū)W生傳達(dá)孝敬父母，尊敬師長，感恩社會，報效祖國等思想，使學(xué)生在學(xué)習(xí)過程中有思想上的感悟，深入思考社會人的責(zé)任與使命，取得了較好的效果。思政教育的融入是一個日積月累過程，如何準(zhǔn)確把握思政內(nèi)容、充分挖掘課程中蘊(yùn)含的思政元素、檢驗(yàn)思政教育成效等問題，需要專業(yè)課教師不斷提升自身教學(xué)c能力和思政水平。

結(jié)? ?語

通過“相對定位與絕對定位”教學(xué)單元的信息化教學(xué)設(shè)計與實(shí)踐，探索高職《網(wǎng)頁制作》課程的信息化教學(xué)的有效方法。在課堂教學(xué)設(shè)計過程中突出學(xué)生的主體地位，基于真實(shí)網(wǎng)站案例引入分析，自然融入“課程思政”元素，運(yùn)用豐富的微課視頻、教學(xué)動畫、“網(wǎng)頁實(shí)驗(yàn)箱”等信息資源和技術(shù)，將知識形象化、生動化，激發(fā)學(xué)習(xí)興趣，便于學(xué)生理解知識點(diǎn)，為教師在“互聯(lián)網(wǎng)+”時代下開展高職信息化教學(xué)設(shè)計提供一定參考。

參考文獻(xiàn)：

[1]? 李娜.教育信息化2.0時代下：高校教師信息化教學(xué)能力的培養(yǎng)與提升[J].建筑工程技術(shù)與設(shè)計，2018（34）：4202.

[2]? 教育部.教育部關(guān)于印發(fā)《教育信息化2.0行動計劃》的通知[Z].教技[2018]6號， 2018-04-18.

[3]? 鄭雪芳，董曉丹.高職院?！禖語言程序設(shè)計》信息化教學(xué)設(shè)計研究[J].銅陵職業(yè)技術(shù)學(xué)院學(xué)報，2019，18（04）：85-87+96.

[4]? 曹培杰，余勝泉.數(shù)字原住民的提出、研究現(xiàn)狀及未來發(fā)展[J]. 電化教育研究， 2012（04）：21-27.

[5]? 王欣，楊澤偉.關(guān)于職業(yè)教育信息化及信息化教學(xué)設(shè)計的探討[J].職教論壇，2014（05）：76-78.

[6]? 劉璐.《傳感器應(yīng)用技術(shù)》信息化教學(xué)實(shí)踐——以認(rèn)識溫度傳感器教學(xué)設(shè)計為例[J].數(shù)碼世界，2020（05）：119.

收稿日期：2021-10-19

作者簡介：殷兆燕（1982- ），女，常州信息職業(yè)技術(shù)學(xué)院軟件與大數(shù)據(jù)學(xué)院講師，碩士，研究方向：軟件技術(shù)、web應(yīng)用開發(fā)等。