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

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

一、引言

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

（三）教學(xué)策略

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

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

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

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

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

（四）教學(xué)評價(jià)

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

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

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

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

四、結(jié)束語

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