韓麗屏

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

關鍵詞：精品教學資源；信息化設計；教學模式改革

中圖分類號：G713 文獻標志碼：A 文章編號：1673-8454（2016）06-0043-03

一、引言

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

二、教學資源及學情分析

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

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

2.學情分析

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

3.教材分析

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

三、教學分析

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

1.教學目的與要求

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

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

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

職業(yè)素養(yǎng)目標與要求：培養(yǎng)嚴謹、細致、負責任的工作態(tài)度；培養(yǎng)主動參與、團隊協(xié)作的集體意識；培養(yǎng)科學文明、積極向上的網(wǎng)絡文化。

2.單元定位

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

①“學”。學做典型按鈕。（重點）

②“用”。設計應用于頁面的中按鈕。（重點）

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

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

四、信息化教學設計

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

環(huán)節(jié)一為教學導入

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

環(huán)節(jié)二為技術基礎訓練，任務為學做典型按鈕

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

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

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

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

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

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

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

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

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

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

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

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

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

③企業(yè)項目訓練：完成企業(yè)設定的項目案例（課后）

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

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

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

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

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

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

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

六、總結(jié)

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

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

特色一：構建課程特有的雙線并行課程體系，并形成一項教學成果

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

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

2.反思與規(guī)劃

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

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

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

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

參考文獻：

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

[2]張靜，楊文正.面向深度學習的信息化教學案例評析與策略研究[J].教學與管理，2014（5）.

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

[4]教育部職業(yè)教育與成人教育司.高等職業(yè)學校專業(yè)標準（試行）[M].北京：中國廣播電視大學出版社，2012 .

[5]謝幼如，尹睿.網(wǎng)絡教學設計與評價[M].北京：北京師范大學出版社，2010.

（編輯：郭桂真）