韓麗屏（深圳信息職業(yè)技術(shù)學(xué)院數(shù)字媒體學(xué)院，廣東深圳518172）

?

依托精品資源構(gòu)建《網(wǎng)頁設(shè)計》教學(xué)新模式*

韓麗屏
（深圳信息職業(yè)技術(shù)學(xué)院數(shù)字媒體學(xué)院，廣東深圳518172）

精品教學(xué)資源建設(shè)的本質(zhì)是為了提升教學(xué)質(zhì)量促進(jìn)教學(xué)改革，本文選取《網(wǎng)頁設(shè)計》這一“技術(shù)性”和“藝術(shù)性”雙線并行的特色課程作為探究的引子，依托課程歷經(jīng)六年開發(fā)的優(yōu)質(zhì)數(shù)字化教學(xué)資源，真實呈現(xiàn)信息化教學(xué)設(shè)計實施全過程，最終形成“前堂后室，展賽結(jié)合，信息推動”創(chuàng)新型教學(xué)模式，實現(xiàn)特色化教學(xué)效果。

精品教學(xué)資源；信息化設(shè)計；教學(xué)模式改革

一、引言

《網(wǎng)頁設(shè)計》是我校計算機(jī)多媒體技術(shù)專業(yè)的核心專業(yè)課，是伴隨著深圳文化創(chuàng)意產(chǎn)業(yè)蓬勃興起逐漸發(fā)展起來的一門特色化課程。在該課程的設(shè)計中將 “創(chuàng)意設(shè)計”的概念引入到傳統(tǒng)的僅強(qiáng)調(diào)技術(shù)的學(xué)習(xí)中，形成課程特有的“技術(shù)性”和“藝術(shù)性”雙線并行的特色形式，課程融“理論、實踐、應(yīng)用與創(chuàng)意設(shè)計”為一體，充分體現(xiàn)出“教師為主導(dǎo)、學(xué)生為主體、作品為抓手、項目開發(fā)為目標(biāo)”的教學(xué)理念。課程同時是信息產(chǎn)業(yè)部網(wǎng)頁設(shè)計師的認(rèn)證課程。該課程針對計算機(jī)多媒體技術(shù)專業(yè)的崗位專業(yè)能力設(shè)置學(xué)習(xí)領(lǐng)域，并與其他主干課程的學(xué)習(xí)領(lǐng)域一起構(gòu)建學(xué)生在多媒體行業(yè)中相關(guān)崗位就業(yè)所應(yīng)具備的知識和技能，為培養(yǎng)高素質(zhì)技能型人才提供保障。課程不以傳統(tǒng)技術(shù)類教學(xué)形式開展，而是分成“技術(shù)基礎(chǔ)、設(shè)計應(yīng)用和虛擬實訓(xùn)”三大部分，并將“考證訓(xùn)練和虛擬實訓(xùn)中單元項目訓(xùn)練”貫穿始終，分布于各單元中。

二、教學(xué)資源及學(xué)情分析

1.精品教學(xué)資源開發(fā)

課程于2008年完成網(wǎng)絡(luò)課程建設(shè)，至今已在6個年級15個班級開展了持續(xù)使用；于2010年完成智能多媒體課件，獲得第十屆全國多媒體課件大賽高職組一等獎，至今已為四個年級學(xué)生提供趣味性自主學(xué)習(xí)環(huán)境；于2012年完成虛擬實訓(xùn)平臺建設(shè)，獲得第十二屆全國多媒體課件大賽高職組一等獎，獨立開發(fā)企業(yè)級項目案例教程網(wǎng)站，實現(xiàn)課程單元教學(xué)和企業(yè)流程教學(xué)的同步；并于2014年確立為廣東省級精品資源共享課程。歷經(jīng)多年積累了豐富優(yōu)質(zhì)的教學(xué)資源，為課程教學(xué)模式的改革創(chuàng)新提供了有力的支持和保障。

2.學(xué)情分析

通過調(diào)研發(fā)現(xiàn)高職院校的學(xué)生普遍具有“思維活躍，興趣廣泛”的特點，其對新生事物的理解和接受能力不亞于本科院校的學(xué)習(xí)者，但面對理論性較強(qiáng)的知識學(xué)習(xí)時顯得主動性和耐性不足。針對以上特點，若在教學(xué)中采取傳統(tǒng)課堂講解的形式，“一支筆、一本書”的教學(xué)無法達(dá)到理想的效果。所以在職業(yè)院校的教學(xué)中需要充分運用現(xiàn)代化教學(xué)技術(shù)，開發(fā)調(diào)動學(xué)生積極性的教學(xué)資源，并運用多樣化的教學(xué)形式激發(fā)學(xué)生的熱情。

3.教材分析

本課選用的教材為主講教師自編“電子書”，為學(xué)校示范性教材項目；實訓(xùn)指導(dǎo)以虛擬實訓(xùn)系統(tǒng)來開展。針對學(xué)情分析，基于“項目化教學(xué)、突出信息化技術(shù)”以及“以學(xué)生為中心”的原則，根據(jù)自身教學(xué)需要以及生源素質(zhì)，與專業(yè)校企合作企業(yè)共同編寫了課程電子書。電子書內(nèi)容兼具“技術(shù)性”和“藝術(shù)性”雙線并行特色。創(chuàng)新的呈現(xiàn)形式方便師生使用，課程配有網(wǎng)絡(luò)課程、多媒體課件、虛擬實訓(xùn)系統(tǒng)等優(yōu)質(zhì)數(shù)字化教學(xué)資源，確保信息化資源的優(yōu)質(zhì)高效性。產(chǎn)教結(jié)合，精選企業(yè)真實案例，無縫對接職業(yè)標(biāo)準(zhǔn)，為符合新型崗位需求的特色教材。以“教材選用項目來自企業(yè)，開發(fā)流程符合行業(yè)標(biāo)準(zhǔn)，編寫全程有對口企業(yè)參與”為原則，力求為學(xué)生提供企業(yè)運作的新思想和新方案。

三、教學(xué)分析

《網(wǎng)頁設(shè)計》課程整體分為“技術(shù)基礎(chǔ)、設(shè)計應(yīng)用和虛擬實訓(xùn)”三大部分，內(nèi)容涉及十二個單元。本文將選取第二部分——設(shè)計應(yīng)用中“網(wǎng)頁中按鈕設(shè)計”部分進(jìn)行詳細(xì)的信息化教學(xué)設(shè)計分析，并全面呈現(xiàn)精品資源在教學(xué)中的運用，力求真實展現(xiàn)教學(xué)模式創(chuàng)新的全貌。所選單元為技術(shù)基礎(chǔ)到設(shè)計應(yīng)用的過渡，是學(xué)習(xí)者第一次由基礎(chǔ)學(xué)習(xí)階段進(jìn)入獨立設(shè)計階段，最能體現(xiàn)運用信息技術(shù)進(jìn)行教學(xué)模式創(chuàng)新的過程。

1.教學(xué)目的與要求

知識目標(biāo)與要求：了解網(wǎng)頁中按鈕的功能及設(shè)計原則；掌握典型按鈕的設(shè)計流程與制作方法（“學(xué)”）；掌握分析頁面及制作特定按鈕的方法（“用”）；掌握不同類型網(wǎng)站中特色按鈕的創(chuàng)意設(shè)計方法（“創(chuàng)”）。

技能目標(biāo)與要求：靈活運用網(wǎng)頁設(shè)計軟件中工具與圖層的相關(guān)操作；熟悉典型按鈕的設(shè)計與制作的方法。

方法能力目標(biāo)與要求：能從用戶體驗的角度對按鈕進(jìn)行評價；能用系統(tǒng)化的思維和方法進(jìn)行按鈕的設(shè)計與制作。

職業(yè)素養(yǎng)目標(biāo)與要求：培養(yǎng)嚴(yán)謹(jǐn)、細(xì)致、負(fù)責(zé)任的工作態(tài)度；培養(yǎng)主動參與、團(tuán)隊協(xié)作的集體意識；培養(yǎng)科學(xué)文明、積極向上的網(wǎng)絡(luò)文化。

2.單元定位

本文所列的課程 “網(wǎng)頁中的按鈕設(shè)計”處在應(yīng)用的“第一個環(huán)節(jié)”，是第一次由軟件使用過渡到頁面元素的創(chuàng)意設(shè)計，為重要的“節(jié)點性單元”。課程有“學(xué)—用—創(chuàng)”三個學(xué)習(xí)目標(biāo)：分別為：

①“學(xué)”。學(xué)做典型按鈕。（重點）

②“用”。設(shè)計應(yīng)用于頁面的中按鈕。（重點）

③“創(chuàng)”。進(jìn)行多形態(tài)按鈕的創(chuàng)意設(shè)計。（難點）

三者間形成一個“一”推“二”，生成“多”的完整教學(xué)過程。整個課程為四學(xué)時，采取四節(jié)連堂形式展開。

四、信息化教學(xué)設(shè)計

在教學(xué)的實施過程中通過 “六個環(huán)節(jié)”的設(shè)計實現(xiàn)“學(xué)—用—創(chuàng)”三個主要學(xué)習(xí)目標(biāo)，課程的教材選用教學(xué)組自編的智能電子書。

環(huán)節(jié)一為教學(xué)導(dǎo)入

以 “用戶體驗”的形式呈現(xiàn)兩組類似的作品進(jìn)行分析，主要目的是將學(xué)習(xí)者的關(guān)注點聚焦在主題“按鈕的設(shè)計”上，通過對比分析，引導(dǎo)學(xué)生體會按鈕設(shè)計中“個體的美感和整體的協(xié)調(diào)性”，強(qiáng)調(diào)單元的重要性。

環(huán)節(jié)二為技術(shù)基礎(chǔ)訓(xùn)練，任務(wù)為學(xué)做典型按鈕

該環(huán)節(jié)定位為“我教—你學(xué)”，屬于“基本技能”訓(xùn)練，采取“抽絲剝繭”的方式。

教師通過動態(tài)過程的“形態(tài)分解”引導(dǎo)學(xué)生在集體討論、自由發(fā)言中進(jìn)行相應(yīng)“效果描述”和“技能方法”尋找。一步步加強(qiáng)基礎(chǔ)學(xué)習(xí)，為規(guī)范過程，學(xué)生可在制作時查看教師錄制的操作視頻。

環(huán)節(jié)三為考證訓(xùn)練，任務(wù)為一刻鐘問答

該環(huán)節(jié)定位為“理論小測試”，屬于前一個環(huán)節(jié)的“強(qiáng)化技能”訓(xùn)練。特點是全程在信息化系統(tǒng)完成。學(xué)生獨立測試，系統(tǒng)自動評分，并將錯題匯總到各自的“工作室”空間，以形成自己的錯題庫，方便后續(xù)有針對性補(bǔ)充學(xué)習(xí)。

環(huán)節(jié)四為設(shè)計應(yīng)用項目，任務(wù)是為缺損按鈕的網(wǎng)頁補(bǔ)充設(shè)計效果

該環(huán)節(jié)定位為“你做—我評”，屬于基礎(chǔ)之后的“設(shè)計應(yīng)用”訓(xùn)練，采取點到即止的方法。選取有代表性學(xué)生的設(shè)計作品進(jìn)行點評，點評中以“個體制作效果”和“整體協(xié)調(diào)性”兩方面為評價標(biāo)準(zhǔn)，引導(dǎo)學(xué)生學(xué)會分析和評判。

教學(xué)過程中，教師以典型“項目點評”開始，到“學(xué)生作品點評”結(jié)束，引導(dǎo)學(xué)生“看—聽—做—想”實現(xiàn)從“制作”到“應(yīng)用”的過渡。

環(huán)節(jié)五為創(chuàng)意思考，任務(wù)是進(jìn)行多形態(tài)的按鈕設(shè)計

真實的網(wǎng)頁設(shè)計需求是千變?nèi)f化的，因此設(shè)計師的創(chuàng)作也要能根據(jù)需求產(chǎn)生變化。該教學(xué)環(huán)節(jié)定位為 “你思—我導(dǎo)”，屬于“創(chuàng)意思維”訓(xùn)練。

教學(xué)中，教師提出“五類不同設(shè)計需求”，引導(dǎo)學(xué)生開展充分的 “小組討論”以尋找到盡可能多的設(shè)計變化方法，實現(xiàn)“技能訓(xùn)練到能力提升”的過程。

環(huán)節(jié)六為單元項目訓(xùn)練，任務(wù)是在虛擬實訓(xùn)系統(tǒng)中完成三項要求

①虛擬展示：實現(xiàn)“創(chuàng)意思考”環(huán)節(jié)的構(gòu)想，形成作品，發(fā)布在虛擬實訓(xùn)系統(tǒng)中（課堂為主，課后補(bǔ)充）

②自主學(xué)習(xí)：教師在“單元學(xué)習(xí)”中提供了另一類按鈕的學(xué)習(xí)過程和方法，學(xué)生可在系統(tǒng)中完成自主學(xué)習(xí)（課后）

③企業(yè)項目訓(xùn)練：完成企業(yè)設(shè)定的項目案例(課后)

考核方式:本單元采用“過程式考核”，學(xué)習(xí)效果的評價分為理論測試和操作評分兩部分。其中理論評分占20%，全程由信息化系統(tǒng)自動完成；而操作評分占80%，由教師、學(xué)生和企業(yè)三方共同完成，教師評價由教師直接評分，學(xué)生則采取自評和互評的形式，企業(yè)評價通過虛擬實訓(xùn)系統(tǒng)由企業(yè)指導(dǎo)教師在網(wǎng)上形成。

至此我們完成整個學(xué)習(xí)的過程，在這一系列的教學(xué)安排中，學(xué)生從無意識的欣賞到學(xué)會從專業(yè)的角度分析思考；從簡單的制作到模仿創(chuàng)作最后學(xué)會獨立設(shè)計思考。

五、創(chuàng)新性教學(xué)模式建設(shè)

在充分的教學(xué)分析之后針對課程開展了全面的信息化設(shè)計，該教學(xué)設(shè)計過程充分依托課程優(yōu)質(zhì)的精品教學(xué)資源，實現(xiàn)了“精品資源—信息化設(shè)計—教學(xué)模式”逐一推進(jìn)的過程，最終形成以信息技術(shù)為基礎(chǔ)的創(chuàng)新型教學(xué)模式。

其中環(huán)節(jié)一為教學(xué)導(dǎo)入，借助“微課程”教學(xué)視頻吸引學(xué)習(xí)者的關(guān)注，引發(fā)學(xué)習(xí)熱情；環(huán)節(jié)二的技術(shù)基礎(chǔ)訓(xùn)練，以傳統(tǒng)教學(xué)課程形式為主，但為了細(xì)致化呈現(xiàn)過程，通過課程開發(fā)的多媒體課件動態(tài)展示課程變化過程，更加形象和生動；環(huán)節(jié)三的考證訓(xùn)練過程針對課程考證，為頭腦風(fēng)暴式的強(qiáng)化過程，通過課程的信息化系統(tǒng)，自動抽取客觀題試題，虛擬呈現(xiàn)真實考證過程；環(huán)節(jié)四的設(shè)計應(yīng)用項目，通過企業(yè)提供的真實項目案例訓(xùn)練，將課堂延伸到企業(yè)中，讓學(xué)生身臨其境，真正做到“做中學(xué)，學(xué)中用”；環(huán)節(jié)五為創(chuàng)意思考，是通過發(fā)散思維訓(xùn)練，將所學(xué)知識擴(kuò)展，為后續(xù)的提升奠定基礎(chǔ)；環(huán)節(jié)六的單元項目訓(xùn)練，則借助虛擬實訓(xùn)系統(tǒng)，將訓(xùn)練內(nèi)容工作化、流程化，實現(xiàn)知識到能力的轉(zhuǎn)化。

在精品資源的基礎(chǔ)上形成針對課程的信息化教學(xué)設(shè)計，并最終形成課程特有的“前堂后室，展賽結(jié)合，信息推動”創(chuàng)新型教學(xué)模式，產(chǎn)生特色化教學(xué)的效果。

前堂為傳統(tǒng)課堂和信息化課堂的結(jié)合，體現(xiàn)教師和學(xué)生間溝通的全過程；后室為自主研發(fā)的“網(wǎng)頁設(shè)計虛擬工作室”，通過橫向“工作流程訓(xùn)練”和縱向“課程學(xué)習(xí)”搭建網(wǎng)狀知識結(jié)構(gòu)，實現(xiàn)教師、學(xué)生和企業(yè)三間之間的溝通；“展”為實體展示和虛擬展示的結(jié)合，實體展示源自課程本身的特點需要，通過學(xué)生作品的實物展示為其提供直接交流和溝通的空間，但從現(xiàn)實的角度出發(fā)實體展示畢竟只能展示少量優(yōu)秀作品。而虛擬實踐平臺中的展示卻可以忽略因為經(jīng)濟(jì)原因帶來的困擾，可以為每位學(xué)習(xí)者提供自我展現(xiàn)的空間；“賽”為師生競賽，提倡學(xué)生“以賽促學(xué)”的同時，也強(qiáng)調(diào)教師“以賽促教”，教師在自我提升的同時更易成為學(xué)生學(xué)習(xí)和效仿的對象；信息推動是指依托課程開發(fā)的優(yōu)質(zhì)教學(xué)資源，充分運用多媒體技術(shù)、網(wǎng)絡(luò)技術(shù)，將信息化教學(xué)貫穿教學(xué)的整個過程，保障和推動教學(xué)模式的創(chuàng)新和改革。

六、總結(jié)

1.特色與優(yōu)勢

《網(wǎng)頁設(shè)計》課程經(jīng)過教學(xué)設(shè)計思考和實施，形成兩項特色和一項優(yōu)勢。

特色一：構(gòu)建課程特有的雙線并行課程體系，并形成一項教學(xué)成果

特色二：構(gòu)建出符合課程特點的新型教學(xué)模式，并形成完整的實施方案

優(yōu)勢項目為：優(yōu)質(zhì)信息化教學(xué)資源的開發(fā)、使用和推廣處于領(lǐng)先水平，實現(xiàn)了全程的信息化教學(xué)，針對課程開發(fā)了一系列的信息化教學(xué)資源。其中校企共建的虛擬實訓(xùn)平臺教學(xué)成效明顯：收集學(xué)生項目設(shè)計方案200多件；三家校企合作企業(yè)的項目發(fā)布場所，為他們提供備選設(shè)計方案；在國家級教學(xué)資源庫的成功申報中，該系統(tǒng)作為樣例提供。

2.反思與規(guī)劃

反思一：信息技術(shù)在整個教學(xué)過程中的作用及教學(xué)效果如何

回顧此次教學(xué)設(shè)計中實施的過程，我們發(fā)現(xiàn)：信息技術(shù)的使用貫穿教學(xué)設(shè)計的每一個環(huán)節(jié)中，對教學(xué)起到了極大的推動和促進(jìn)的作用。通過學(xué)生、同行和社會各方的評價，最重要的是結(jié)合學(xué)生設(shè)計作品，發(fā)現(xiàn)在實行信息化教學(xué)過程中充分運用精品教學(xué)資源，形成了創(chuàng)新的教學(xué)模式，有效提高了學(xué)生的學(xué)習(xí)興趣，全面提升了教學(xué)質(zhì)量。

反思二：“前堂后室，展賽結(jié)合，信息推動”的教學(xué)模式創(chuàng)新在哪里

依托精品資源推動信息化設(shè)計，形成網(wǎng)頁設(shè)計課程“前堂后室，展賽結(jié)合，信息推動”教學(xué)模式，體現(xiàn)了教學(xué)技術(shù)的創(chuàng)新、教學(xué)方法創(chuàng)新、教學(xué)組織形式創(chuàng)新以及教學(xué)內(nèi)容的創(chuàng)新。在后續(xù)的建設(shè)中，課程將繼續(xù)整合優(yōu)質(zhì)信息化資源，開展持續(xù)信息化教學(xué)探索，積極推動教學(xué)模式創(chuàng)新，并將其應(yīng)用到本專業(yè)其他課程資源建設(shè)和教學(xué)改革中。

［1］胡小勇，鄭曉丹，馮智慧.信息技術(shù)與教學(xué)深度融合的優(yōu)課課例研究［J］.中國電化教育，2015（4）.

［2］張靜，楊文正.面向深度學(xué)習(xí)的信息化教學(xué)案例評析與策略研究［J］.教學(xué)與管理，2014（5）.

［3］祝智庭，賀斌.智慧教育：教育信息化的新境界［J］.電化教育研究，2012，（12）：5-13.

［4］教育部職業(yè)教育與成人教育司.高等職業(yè)學(xué)校專業(yè)標(biāo)準(zhǔn)（試行）［M］.北京：中國廣播電視大學(xué)出版社，2012.

［5］謝幼如，尹睿.網(wǎng)絡(luò)教學(xué)設(shè)計與評價［M］.北京：北京師范大學(xué)出版社，2010.

（編輯：郭桂真）

G713

A

1673-8454（2016）06-0043-03

本文系廣東省高等職業(yè)教育教學(xué)改革項目2013年“高職院校優(yōu)質(zhì)數(shù)字化專業(yè)教學(xué)資源開發(fā)模式的研究與實踐”的階段性成果（編號：20130201096）。