依托精品資源構建《網頁設計》教學新模式

韓麗屏

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

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

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

一、引言

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

二、教學資源及學情分析

1.精品教學資源開發

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

2.學情分析

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

3.教材分析

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

三、教學分析

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

1.教學目的與要求

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

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

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

職業素養目標與要求：培養嚴謹、細致、負責任的工作態度；培養主動參與、團隊協作的集體意識；培養科學文明、積極向上的網絡文化。

2.單元定位

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

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

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

③“創”。進行多形態按鈕的創意設計。（難點）

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

四、信息化教學設計

在教學的實施過程中通過“六個環節”的設計實現“學—用—創”三個主要學習目標，課程的教材選用教學組自編的智能電子書。

環節一為教學導入

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

環節二為技術基礎訓練，任務為學做典型按鈕

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

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

環節三為考證訓練，任務為一刻鐘問答

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

環節四為設計應用項目，任務是為缺損按鈕的網頁補充設計效果

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

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

環節五為創意思考，任務是進行多形態的按鈕設計

真實的網頁設計需求是千變萬化的，因此設計師的創作也要能根據需求產生變化。該教學環節定位為“你思—我導”，屬于“創意思維”訓練。

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

環節六為單元項目訓練，任務是在虛擬實訓系統中完成三項要求

①虛擬展示：實現“創意思考”環節的構想，形成作品，發布在虛擬實訓系統中（課堂為主，課后補充）

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

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

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

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

五、創新性教學模式建設

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

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

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

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

六、總結

1.特色與優勢

《網頁設計》課程經過教學設計思考和實施，形成兩項特色和一項優勢。

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

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

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

2.反思與規劃

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

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

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

依托精品資源推動信息化設計，形成網頁設計課程“前堂后室，展賽結合，信息推動”教學模式，體現了教學技術的創新、教學方法創新、教學組織形式創新以及教學內容的創新。在后續的建設中，課程將繼續整合優質信息化資源，開展持續信息化教學探索，積極推動教學模式創新，并將其應用到本專業其他課程資源建設和教學改革中。

參考文獻：

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

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

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

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

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

（編輯：郭桂真）