《網(wǎng)頁設(shè)計與制作》信息化教學(xué)設(shè)計與實踐

何 麗，李 蓉，劉衛(wèi)紅，曾 建

（廣東農(nóng)工商職業(yè)技術(shù)學(xué)院 計算機學(xué)院，廣東 廣州 510507）

一、引言

為加快推進信息技術(shù)融入職業(yè)教育改革發(fā)展的核心領(lǐng)域，按照《高等職業(yè)教育創(chuàng)新發(fā)展行動計劃（2015-2018 年）》以及建設(shè)“人人皆學(xué)、處處能學(xué)、時時可學(xué)”的學(xué)習(xí)型社會的要求［1］，廣東農(nóng)工商職業(yè)技術(shù)學(xué)院開始積極探索教學(xué)信息化與課堂教學(xué)的深度融合。

《網(wǎng)頁設(shè)計與制作》課程在教學(xué)改革中，針對課程在傳統(tǒng)教學(xué)設(shè)計上存在的問題：學(xué)情分析不夠深入、信息化技術(shù)手段運用缺失、教學(xué)過程難以把控等，以課程的一個教學(xué)單元作為切入點，基于混合式教學(xué)理念以及探究性學(xué)習(xí)理念，從教學(xué)目標(biāo)設(shè)計、教學(xué)策略設(shè)計以及教學(xué)評價設(shè)計三個層面重塑教學(xué)結(jié)構(gòu)，再造教學(xué)流程，打開學(xué)習(xí)網(wǎng)頁開發(fā)的新思路，啟發(fā)學(xué)生學(xué)習(xí)創(chuàng)新，提高教學(xué)質(zhì)量。

二、信息化教學(xué)單元設(shè)計總體思路

教學(xué)單元設(shè)計中的“教學(xué)單元”來自于課程大綱的教材內(nèi)容和進程表［2］。在教學(xué)設(shè)計過程中，為實現(xiàn)核心能力及能力指標(biāo)，學(xué)生“如何學(xué)”成了引導(dǎo)教師思考的唯一議題。信息化教學(xué)單元設(shè)計總體思路［3］如下：

（一）教學(xué)目標(biāo)重構(gòu)設(shè)計

單元教學(xué)目標(biāo)是從課程教學(xué)目標(biāo)轉(zhuǎn)化而來，并緊扣與之對應(yīng)的專業(yè)能力指標(biāo)。在學(xué)習(xí)者特征分析的前提下，按照課程教學(xué)目標(biāo)分析學(xué)生在新的教學(xué)單元中涉及到的知識點以及理清知識點與知識點之間的聯(lián)系；分析本單元教學(xué)目標(biāo)與其它教學(xué)單元教學(xué)目標(biāo)的關(guān)系；確定出知識、技能和素養(yǎng)目標(biāo)以及教學(xué)重難點。為強化預(yù)期教學(xué)目標(biāo)的實現(xiàn)，應(yīng)采用可評測、可驗收的方式進行闡述，讓學(xué)生和教師都能更清晰了解本單元的學(xué)習(xí)內(nèi)容和學(xué)習(xí)后應(yīng)具備的能力。

（二）教學(xué)策略重構(gòu)設(shè)計

依托教學(xué)平臺，整合并優(yōu)化教學(xué)資源，借助信息化技術(shù)手段以學(xué)生為中心開展教學(xué)活動。教學(xué)活動的開展分為三個階段：課前準(zhǔn)備階段、課中發(fā)展階段以及課后整合階段。課前準(zhǔn)備階段的主要任務(wù)是借助學(xué)生原有學(xué)習(xí)經(jīng)驗激發(fā)學(xué)生學(xué)習(xí)新知的動力，明晰新知中學(xué)習(xí)重點，側(cè)重于知識目標(biāo)的達成。課中發(fā)展階段的主要任務(wù)是檢驗準(zhǔn)備階段的效果、繼續(xù)創(chuàng)造學(xué)習(xí)環(huán)境、展開各項學(xué)習(xí)活動，鼓勵學(xué)生主動學(xué)習(xí)。課后整合階段主要任務(wù)是整理學(xué)習(xí)內(nèi)容、檢驗并展覽教學(xué)目標(biāo)、反省與改善。

（三）教學(xué)評價重構(gòu)設(shè)計

教師通過教學(xué)平臺追蹤并分析學(xué)習(xí)數(shù)據(jù)，分階段實時動態(tài)評測學(xué)生學(xué)習(xí)效果的同時，為學(xué)生提供學(xué)習(xí)改進建議，調(diào)整學(xué)習(xí)者的行為，為教師提供教學(xué)反思依據(jù)，全面總結(jié)教與學(xué)，有效達成教學(xué)三維目標(biāo)，促進學(xué)習(xí)者持續(xù)發(fā)展。

三、信息化教學(xué)單元設(shè)計案例

（一）課程學(xué)習(xí)成果

結(jié)合“Web 前端開發(fā)工程師”的崗位需求，緊扣《國家職業(yè)教育改革實施方案》，參照軟件技術(shù)專業(yè)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)，確定了《網(wǎng)頁設(shè)計與制作》課程的學(xué)習(xí)成果。本教學(xué)單元“隨心而動的CSS 定位”為“任務(wù)六-Web 頁面布局”中的子任務(wù)，對應(yīng)學(xué)習(xí)成果為專業(yè)技能L05（如圖1），即能根據(jù)實際需求設(shè)計網(wǎng)頁布局。

（二）教學(xué)目標(biāo)和教學(xué)重難點

本課程授課對象是高職軟件技術(shù)專業(yè)一年級學(xué)生，學(xué)習(xí)者已掌握HTML 以及CSS 的基礎(chǔ)知識，能應(yīng)用盒子模型搭建網(wǎng)頁結(jié)構(gòu)，能區(qū)分塊元素、行內(nèi)塊元素以及行內(nèi)元素這三種基本網(wǎng)頁元素類型，同時也能對這些元素進行相互轉(zhuǎn)換。熟悉標(biāo)準(zhǔn)文檔流以及浮動的布局規(guī)律，能利用不同網(wǎng)頁元素進行網(wǎng)頁縱向和橫向布局。對新穎先進的信息化手段具有濃厚的興趣，對“互聯(lián)網(wǎng)+”世界充滿好奇，勇于實踐。但較缺乏空間想象、抽象思維能力；信息整合能力較差，以及軟件質(zhì)量意識薄弱。在學(xué)習(xí)者特征分析基礎(chǔ)上，通過對知識點的分解以及理清知識點之間的聯(lián)系，確定出本教學(xué)單元的教學(xué)目標(biāo)和教學(xué)重難點（如表1）。

（三）教學(xué)策略

本次教學(xué)單元采用了混合式教學(xué)方式來設(shè)計整個教學(xué)過程，通過融合現(xiàn)代教育技術(shù)與傳統(tǒng)教學(xué)優(yōu)勢，從教師主導(dǎo)和學(xué)生主體相結(jié)合的視角出發(fā)，引進企業(yè)真實項目，依托教學(xué)平臺，重塑教學(xué)結(jié)構(gòu)，再造教學(xué)流程。整個教學(xué)過程分為以下3 個階段［4］：

1.課前導(dǎo)學(xué)階段，學(xué)生完成（局部作品初稿）；

2.課中研學(xué)階段，學(xué)生解決課前作品中存在的問題，完成（局部作品終稿）；

3.課后練學(xué)階段，學(xué)生完成完整作品的制作。

針對每個教學(xué)環(huán)節(jié)分別設(shè)計師生之間以及生生之間的教學(xué)活動（線上活動和線下活動），具體如表2所示。在整個教學(xué)實施過程中，采用基于移動端的多維積分評價系統(tǒng)為每個階段生成教學(xué)評價，在評測學(xué)生學(xué)習(xí)效果的同時，為學(xué)生提供學(xué)習(xí)改進建議，為教師提供教學(xué)反思依據(jù)，有效達成教學(xué)三維目標(biāo)。

（四）教學(xué)評價

圖1 《網(wǎng)頁設(shè)計與制作》課程學(xué)習(xí)成果

表1 《隨心而動的CSS 定位》教學(xué)目標(biāo)

本單元教學(xué)目標(biāo)是通過課前導(dǎo)學(xué)、課中研學(xué)以及課后練學(xué)三個階段達成，所以對學(xué)生的評價也是基于這三個階段來設(shè)計。課前導(dǎo)學(xué)階段：通過 “小程序”平臺，學(xué)生對多種形式的導(dǎo)學(xué)作品（效果圖、核心代碼、思維導(dǎo)圖、匯報視頻等）進行投票，形成“課前導(dǎo)學(xué)”階段積分；課中研學(xué)階段：通過 “小程序”平臺，教師對研學(xué)階段作品依據(jù)電子量規(guī)進行評價，形成“課中研學(xué)”階段積分；課后練學(xué)階段：通過“小程序”平臺作為入口完成理論部分的自動化評測，同時由教師基于練學(xué)量規(guī)完成課后電子作品的評價，由企業(yè)專家抽樣完成專業(yè)點評。進而形成“課中研學(xué)”階段積分；每個階段的積分會自動化通過系統(tǒng)進行累計，最后為每一位學(xué)生生成本教學(xué)單元的總積分，同時為學(xué)生給出改進性建議。

表2 《隨心而動的CSS 定位》教學(xué)活動

四、結(jié)束語

通過合理的使用信息化手段（如微課、思維導(dǎo)圖、CSS Mindmap、FLASH 動畫、直播等）彌補了學(xué)生信息整合能力不強的弱點，突破了傳統(tǒng)教學(xué)的重點和難點。采用教學(xué)平臺加強課程教學(xué)管理，有效達成教學(xué)目標(biāo)。對比往屆學(xué)生，優(yōu)秀作品的比例提高了25%；采用基于成果導(dǎo)向的信息化教學(xué)方式得到了學(xué)生高度認(rèn)可。同時，作為一名計算機專任教師，通過對一個教學(xué)單元深入進行成果導(dǎo)向的信息化教學(xué)設(shè)計與實踐，也進一步促進自身對《網(wǎng)頁設(shè)計與制作》課程的教學(xué)改革。截止目前，已完成整個課程的信息化平臺建設(shè)。實踐結(jié)果表明，網(wǎng)頁設(shè)計與制作課程教學(xué)單元信息化教學(xué)設(shè)計的教學(xué)效果明顯，具有可借鑒性和一定的推廣價值，同時也有待大家進一步深入研究。