教育信息化2.0背景下高職《網頁制作》課堂教學設計與實踐

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

關鍵詞：信息化教學;課堂教學設計;網頁制作課程

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

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

一、信息化教學概述

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

二、教學情況分析

《網頁制作》是高職計算機類專業基礎課程，主要是培養學生靜態網頁制作、維護和開發能力，為學生后續學習《動態網頁開發》等課程提供有力支持。“相對定位與絕對定位”選自該課程單元三：CSS定位與布局的子任務，是該課程中的重點也是難點內容，單純的理論講解，學生很難理解定位的原理與區別。

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

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

三、教學過程設計

依據教育信息化2.0行動計劃創新發展智慧教育行動要求，在教學過程中不斷融入豐富的信息化教學資源，發揮現階段高職院校學生信息素養和自主獲取知識的能力強的優勢，通過情境創設、問題探究、協商學習、意義構建等形式，將傳統教師課堂講解轉變為以學生為主體、多種學習形式相結合的學習模式。基于教學情況分析，本次教學選取真實網頁案例“焦點圖”作為教學的任務載體，以學生為主體，教師為主導，以“任務驅動”和“問題解決”作為學習和研究活動的主線^[5]，以超星學習平臺和作品云平臺為依托，采用“網頁實驗箱”模擬與實踐操作相結合、自主探究與小組合作相結合、線上線下混合式教學模式，完成教學任務。教學過程分為課前準備、課堂實施、課后提升三個階段（如圖1所示）。

（一）課前準備

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

（二）課堂實施

本次課堂教學采用任務驅動法、實驗法等教學方法，開展以學生為中心的行動導向教學，引導學生通過自主學習、合作學習、探究學習，將學習內容逐步分解吸收^[6]，具體分為五個環節。

環節1：教師展示分析課前預習情況，使用超星學習平臺“詞云”統計功能分析課前討論的焦點圖主題，并針對主題引入思政教育內容：孝敬父母，尊敬師長，感恩社會，報效祖國等，將學生德育教育及實踐任務有機地融合，完成培養學生“愛國、敬業、誠信、友善”的思政目標。同時提出實踐任務——制作靜態焦點圖。

環節2：教師通過超星學習平臺發起投票，讓學生根據課前預習內容，選出實現案例任務需要使用的定位方法。根據投票結果，教師引導學生分別采用自己投票選擇和同學選擇的方法，通過“網頁實驗箱”進行驗證，并在操作完成后對幾種定位方法的效果進行對比分析。針對不同思路產生的問題，教師利用視頻動畫和“網頁實驗箱”演示講解相對定位和絕對定位原理，幫助學生分析問題，化解教學難點。

環節3：明確任務實現方法后，進行分組實踐。各小組通過抽簽小程序領取不同的網頁效果焦點圖，學生以小組團隊的形式協作完成實踐任務。實踐過程中，組內討論實施方案，教師通過超星學習平臺發布討論，收集各小組遇到的問題，引導其他小組分析解答問題，教師根據發現的問題指導學生編碼，提醒注意事項。學生在邊學邊做的過程中有效深化了教學重點的學習。

環節4：組織各小組推薦代表上臺進行展示匯報，重點講解文字與按鈕的定位樣式，教師引導學生一起分析總結實現焦點圖樣式的一般方法。展示結束后，通過超星學習平臺組間評價功能進行互評，得分最高的小組獲勝。

環節5：教師引導學生一起討論并總結實現兩種定位的區別與應用場合，隨后在超星學習平臺發布課堂測試，檢測學生知識點掌握情況，歸納解決問題的一般思路，幫助學生在不同應用場合舉一反三靈活運用。

（三）課后提升

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

四、教學評價與效果

在信息化背景下，教學評價應突出評價的多元化，充分利用信息化手段，利用各種評價方式，全方位評價學生的整個學習過程，從而激發學生的學習主動性與積極性，提高學習有效性。傳統的教學考核評價形式一般以考試成績為主，形式比較單一，學生的課堂表現往往取決于教師的主觀印象。本次教學，在超星學習平臺的支撐下，通過統計學生在學習過程中數據信息，對學生課前學習、課堂活動和課后作業等環節進行自動考核評價，采用線上評價與線下評價相結合的方式，將教師評價、平臺評價、學生互評、企業導師評價貫穿于整個教學過程（如表1所示）。教師還可以根據實時評價結果對授課內容及時作出調整，使教學考核評價機制更加全面、客觀、公正，使課程教學更具有針對性和實效性。

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

五、教學特色與反思

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

在考核評價方面，學生在超星學習平臺、“網頁實驗箱”、作品云平臺三個平臺的線上學習活動，均可生成對應學習過程記錄，為綜合評價提供了科學依據。綜合評價表明，學生大都完成了學習任務要求，有效達到了教學目標。但是如何實現“網頁實驗箱”平臺評價數據、作品云平臺評價數據和超星學習平臺的共享與對接，實現更高效更智能的過程性評價，需要進一步優化整合。

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

結? ?語

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

參考文獻：

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

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

[3]? 鄭雪芳，董曉丹.高職院校《C語言程序設計》信息化教學設計研究[J].銅陵職業技術學院學報，2019，18（04）：85-87+96.

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

[5]? 王欣，楊澤偉.關于職業教育信息化及信息化教學設計的探討[J].職教論壇，2014（05）：76-78.

[6]? 劉璐.《傳感器應用技術》信息化教學實踐——以認識溫度傳感器教學設計為例[J].數碼世界，2020（05）：119.

收稿日期：2021-10-19

作者簡介：殷兆燕（1982- ），女，常州信息職業技術學院軟件與大數據學院講師，碩士，研究方向：軟件技術、web應用開發等。