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

殷兆燕

（常州信息職業(yè)技術(shù)學(xué)院，江蘇 常州 213164）

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

作為教師，提高自身信息化素養(yǎng)，深入探討如何發(fā)揮“互聯(lián)網(wǎng)+”、大數(shù)據(jù)、云計(jì)算等信息技術(shù)優(yōu)勢(shì)，變革傳統(tǒng)教學(xué)模式，推進(jìn)新技術(shù)與教育教學(xué)的深度融合，真正實(shí)現(xiàn)從融合應(yīng)用階段邁入創(chuàng)新發(fā)展階段［2］，利用信息技術(shù)和“互聯(lián)網(wǎng)+教育”大平臺(tái)進(jìn)行教學(xué)設(shè)計(jì)，激勵(lì)學(xué)生利用信息化環(huán)境進(jìn)行學(xué)習(xí)、探索與實(shí)踐，從而完成教學(xué)任務(wù)，增強(qiáng)學(xué)生的學(xué)習(xí)應(yīng)用能力，已經(jīng)成為教學(xué)改革的重要任務(wù)。以《網(wǎng)頁(yè)制作》課程中的“相對(duì)定位與絕對(duì)定位”教學(xué)單元為例，對(duì)教育信息化2.0時(shí)代背景下創(chuàng)新教學(xué)設(shè)計(jì)與實(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é)情況及時(shí)調(diào)整、優(yōu)化教與學(xué)的過(guò)程［3］。教育信息化2.0時(shí)代的信息化教學(xué)，需要將信息技術(shù)和智能技術(shù)深度融入教學(xué)全過(guò)程，借助高速寬帶網(wǎng)絡(luò)和4G/5G 移動(dòng)網(wǎng)絡(luò)，利用轉(zhuǎn)型升級(jí)的智能化教學(xué)平臺(tái)和服務(wù)應(yīng)用將課堂外的研學(xué)與課堂內(nèi)的講授活動(dòng)深度融合，將以傳統(tǒng)課堂教學(xué)為主的學(xué)習(xí)模式逐漸向不受時(shí)間、空間和媒介約束的“開(kāi)放式”學(xué)習(xí)模式轉(zhuǎn)變。課堂教學(xué)從“信息化”拓寬到“智慧化”，學(xué)習(xí)環(huán)境從線(xiàn)下課堂拓寬到線(xiàn)下線(xiàn)上融合課堂，學(xué)習(xí)內(nèi)容從課本拓寬到互聯(lián)網(wǎng)大資源，學(xué)習(xí)模式從學(xué)、記、考拓寬到虛擬現(xiàn)實(shí)和模擬實(shí)踐操作。將學(xué)生從簡(jiǎn)單的課堂學(xué)習(xí)應(yīng)用能力向利用“互聯(lián)網(wǎng)+”技術(shù)解決學(xué)習(xí)、生活中問(wèn)題的信息素養(yǎng)能力拓展。同時(shí)，充分利用信息化技術(shù)手段和媒體資源傳播優(yōu)勢(shì)，將符合時(shí)代特征的課程思政內(nèi)容滲透到教學(xué)全過(guò)程，推進(jìn)落實(shí)立德樹(shù)人的教育根本任務(wù)。本次教學(xué)設(shè)計(jì)基于教育信息化2.0 教學(xué)要求，結(jié)合“網(wǎng)頁(yè)制作”課程的特點(diǎn)，分為教學(xué)情況分析、教學(xué)過(guò)程設(shè)計(jì)、教學(xué)評(píng)價(jià)、教學(xué)特色與反思等四個(gè)部分。

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

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

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

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

三、教學(xué)過(guò)程設(shè)計(jì)

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

圖1 教學(xué)過(guò)程

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

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

（二）課堂實(shí)施

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

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

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

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

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

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

（三）課后提升

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

四、教學(xué)評(píng)價(jià)與效果

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

表1 教學(xué)評(píng)價(jià)表

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

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

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

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

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

結(jié) 語(yǔ)

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