胡曉紅 王麗芬 張景峰

摘要：根據(jù)高職學生職業(yè)能力培養(yǎng)要求和傳統(tǒng)教學存在的問題，探索了基于職業(yè)能力培養(yǎng)的課程改革思路,以職業(yè)活動為主線，以學生為主體，以項目為載體，工學結合學以致用進行教學改革。通過分析典型工作任務和職業(yè)能力,構建了基于工作過程的《網(wǎng)頁設計與制作》課程,從教學理念、教學模式、教學內容、教學方法、考核方式等方面提出了具體的改革實施方案。

關鍵詞：職業(yè)能力；工作過程；網(wǎng)頁設計與制作；教學改革

中圖分類號：G642文獻標識碼：A文章編號：1009-3044(2012)20-4953-04

Investigation of "Web Page Design and Making " Teaching Reform Based on Vocational Ability Training

HU Xiao-hong, WANG Li-fen, ZHANG Jing-feng

(Beijing Vocational College of Electronic Science, Beijing 100029, China)

Abstract: According to the higher vocational students ability training requirements and the problems of traditional teaching, explore the vocational ability training courses based on reform thinking, to the professional activities as the main line, students as the main body, proj ects for the carrier, combining teaching reform to apply it. Through the analysis of typical tasks and vocational ability, based on the con struction of the working process in the web design and production course, from teaching concept, teaching mode, teaching contents, teach ing methods and evaluation methods, it puts forward the reform of the concrete implementation plan.

Key words: vocational ability; work process; web page design and making; teaching reform

1教學改革的必要性

隨著信息網(wǎng)絡技術的飛速發(fā)展，利用互聯(lián)網(wǎng)獲取信息已成為人們生活學習不可缺少的部分，當今社會需要大量的網(wǎng)頁設計制作人才，《網(wǎng)頁設計與制作》是高職計算機多媒體專業(yè)的核心課程，具有實踐性強、應用面廣、與崗位聯(lián)系密切、極富創(chuàng)造性等特點?！毒W(wǎng)頁設計與制作》每部分內容都具有相對獨立性和完整性，要求學生能主動參與到學習中，培養(yǎng)學生的實際動手能力和應用能力。傳統(tǒng)教學模式以教師為中心，按章節(jié)順序列舉案例將知識點串聯(lián)連起來，學生學完課程后感覺知識點零散，不能達到融會貫通的效果，不能根據(jù)企業(yè)需求獨立完成網(wǎng)站規(guī)劃、網(wǎng)頁布局和制作網(wǎng)頁的任務，學生所掌握的知識技能與企業(yè)需求脫節(jié)，不能勝任網(wǎng)頁設計師的崗位要求。為適應企業(yè)對高職人才的要求，實現(xiàn)教學與就業(yè)崗位零距離接軌，以工作過程為導向，以職業(yè)崗位為中心，從教學理念、教學模式、教學內容、教學方法、考核方式等方面進行教學改革非常必要。

2教學改革的基本思路

《網(wǎng)頁設計與制作》是典型的工學結合課程，主要特征是理論實踐一體化，教學目標是訓練學生編寫HTML代碼制作網(wǎng)頁的能力，熟練使用Dreamweaver、Flash、Photoshop軟件制作靜態(tài)網(wǎng)站的能力，培養(yǎng)學生規(guī)劃網(wǎng)站結構、建立管理站點、測試與發(fā)布網(wǎng)站的能力，培養(yǎng)學生網(wǎng)頁設計創(chuàng)意思維能力和色彩感悟能力，培養(yǎng)學生具備“團隊協(xié)作精神、溝通能力、獲取應用知識能力、解決問題能力、自主學習能力、創(chuàng)新能力”等職業(yè)核心能力，使學生能從事網(wǎng)站編輯、網(wǎng)站美工設計職業(yè)崗位工作，養(yǎng)成良好的職業(yè)道德。

傳統(tǒng)教學模式按照章節(jié)順序講解軟件功能來組織教學，學生模仿老師上機實踐被動接受知識，只學會了網(wǎng)頁中文本、圖像、超鏈接、表單、CSS樣式、層和時間軸、表格、框架、模板和庫、行為的操作方法，不能獨立設計出符合職業(yè)崗位需求、技術運用合理的網(wǎng)站。因此，教學中要不斷更新教學理念，將職業(yè)能力的培養(yǎng)貫穿教學過程，按照網(wǎng)站開發(fā)流程設計學習情境，每個學習情境劃分為若干個任務，以真實的網(wǎng)站項目為載體組織教學，重視上機實踐環(huán)節(jié)，重視學生校內學習過程與實際崗位工作的一致性，不斷強化學生的專業(yè)能力和職業(yè)核心能力。

3教學改革的內容

3.1教學模式的改革

在《網(wǎng)頁設計與制作》教學中為提高學生的網(wǎng)頁制作技能，采用“項目導向，任務驅動，案例教學，理論實踐一體化”的教學模式，根據(jù)網(wǎng)站建設的開發(fā)流程設計學習情境，實踐教學圍繞四個真實的網(wǎng)站項目，在多媒體機房利用大屏幕投影儀和極域電子教室廣播軟件操作演示，學生邊學邊做，教師及時指導操作中的疑難問題，強化學生的網(wǎng)頁制作技能。教學過程按照“引導訓練→項目展示與任務描述→任務分析→操作演示與知識講解→同步實踐→疑難解析→歸納總結→課外拓展→綜合項目實訓”九個環(huán)節(jié)實施教學，以網(wǎng)站項目為考核評價單元，實現(xiàn)“教、學、做、評”四位一體。實踐項目分為基礎型實踐、拓展型實踐、綜合項目實訓三個階段，實踐環(huán)節(jié)分為課堂引導訓練、課堂同步訓練、課外拓展訓練、綜合項目實訓四種類型。實踐教學環(huán)節(jié)的具體內容見表1所示。

表1實踐教學環(huán)節(jié)

3.2教學內容的改革

3.2.1典型工作任務與職業(yè)能力的分析

《網(wǎng)頁設計與制作》課程對應的職業(yè)崗位主要有：網(wǎng)頁設計師、網(wǎng)站編輯、網(wǎng)站維護工程師等。網(wǎng)頁設計師是最主要的崗位，其崗位職責：1）負責網(wǎng)站界面的設計、編輯和美化；2）負責網(wǎng)站中Banner、Flash等宣傳廣告的設計；3）負責網(wǎng)頁設計與制作。崗位要求：1）熟悉網(wǎng)站設計、頁面制作的整體過程，具有一定網(wǎng)頁布局設計規(guī)劃能力；2）具有良好的創(chuàng)意思維和理解能力；3）熟練使用Pho? toshop、Dreamweaver、Flash工具軟件設計制作網(wǎng)頁。4）熟悉HTML語言和JavaScript代碼，能熟練使用DIV+CSS布局網(wǎng)頁；5）具有良好的團隊合作精神和高度責任感，有一定的創(chuàng)新精神。

通過以上分析，網(wǎng)頁設計師主要崗位職責是在規(guī)定時間內按照客戶需求進行網(wǎng)站規(guī)劃設計，能熟練使用Photoshop設計網(wǎng)站頁面并裁切設計稿，使用Flash制作動畫效果，使用Dreamweaver制作出符合技術要求的網(wǎng)頁。根據(jù)網(wǎng)站建設基本流程，網(wǎng)頁設計師主要包括“網(wǎng)站規(guī)劃→站點建設與管理→首頁設計→首頁美化→設計二級頁面→設計交互式頁面→網(wǎng)站測試與發(fā)布”7個典型工作任務。網(wǎng)頁設計師具備的專業(yè)能力有：網(wǎng)站規(guī)劃能力、素材收集整理能力、網(wǎng)頁設計制作能力、網(wǎng)站維護和更新處理能力；職業(yè)核心能力有：與人溝通能力、團隊合作能力、信息處理能力、解決問題能力、自學能力、創(chuàng)新能力。

3.2.2根據(jù)網(wǎng)站開發(fā)流程設計學習情境

根據(jù)學生職業(yè)能力形成規(guī)律和網(wǎng)站開發(fā)工作流程,充分考慮學生已有的知識技能水平，按照由簡單到復雜、由局部到整體、由易到難循序漸進地組織教學內容，理論知識以“必需、夠用”為原則，強化實踐教學環(huán)節(jié)，以制作某公司宣傳網(wǎng)站為主線，按照網(wǎng)站開發(fā)基本流程設計了“網(wǎng)站用戶體驗→規(guī)劃設計網(wǎng)站→設計制作網(wǎng)站首頁→美化設計首頁→設計制作二級頁面→制作交互頁面和網(wǎng)頁特效→測試與發(fā)布網(wǎng)站→綜合項目實訓”8個學習情境，具體學習情境設計內容見表2。

學習情境設計的載體是學習性工作任務,每個學習情境劃分為若干個任務，網(wǎng)頁設計制作的知識和技能隱含在這些任務中，學生通過上機實踐完成任務學會網(wǎng)頁設計制作的方法，熟悉工作過程，積累網(wǎng)頁制作經(jīng)驗,最后安排2周進行綜合項目實訓，提高學生網(wǎng)站開發(fā)能力，綜合應用知識解決實際問題的能力，強化學生的工程意識和職業(yè)能力，培養(yǎng)學生獨立制作網(wǎng)頁的能力。

3.3教學方法的改革

根據(jù)《網(wǎng)頁設計與制作》課程特點，靈活采用“同步練習法、項目導向、任務驅動教學法、案例教學法、小組研討法”等多種教學方法，根據(jù)網(wǎng)站開發(fā)流程設計學習情境，按照學生職業(yè)成長規(guī)律組織教學，采用理實一體化的“階梯式螺旋推進”教學模式，借助于CAI課件、極域多媒體教學系統(tǒng)、局域網(wǎng)絡平臺等先進的教學手段輔助教學。圍繞四個真實的網(wǎng)站項目，按照“資訊→計劃→決策→實施→檢查→評估”六步法實施教學（具體教學環(huán)節(jié)見下圖），學生在動手實踐中學會網(wǎng)頁設計制作的方法，由被動學習轉變?yōu)橹鲃訉W習，提高了學生的綜合職業(yè)能力。

資訊階段：教師布置分析任務，展示網(wǎng)頁效果，激發(fā)學生學習興趣；計劃階段：確立工作小組，分組討論制定工作計劃，收集整理素材和資料；決策階段：根據(jù)工作計劃，小組討論確定網(wǎng)站目錄結構和網(wǎng)頁布局。實施階段：學生根據(jù)計劃實施工作方案，使用Pho toshop設計網(wǎng)站首頁、二級頁面并裁切設計稿，使用Dreamweaver制作網(wǎng)站首頁、二級頁面、交互頁面及網(wǎng)頁特效，使用Flash制作動畫效果。教師要及時監(jiān)督學生的學習過程，對學生提供必要的指導；檢查階段：學生檢查網(wǎng)頁制作效果，測試上傳網(wǎng)站，根據(jù)主題撰寫網(wǎng)站作品說明書；評估階段：學生分組展示網(wǎng)站作品，介紹網(wǎng)站設計思想、內容和特色，根據(jù)網(wǎng)站評價標準進行綜合性評價。

六步教學法3.4考核方式的改革

學習活動由學生、教師及學習小組共同完成，學習評價時要充分考慮學生在學習活動中的作用、變化和團隊合作情況，根據(jù)具體項目或任務設計評價標準，對學生進行動態(tài)評價，將職業(yè)素質和創(chuàng)新意識納入考核標準，以學生和教師作為評價主體，采用過程性評價和終結性評價相結合的方式，構建基于職業(yè)能力培養(yǎng)的“全方位、多角度、綜合性”考核評價方式。對課堂引導、課堂同步、課外拓展、綜合實訓四個網(wǎng)站項目按照學生自評（占20%）、小組互評（占30%）和教師評價（占50%）的比例進行綜合性評價，根據(jù)網(wǎng)站標準評價（見表3），每個網(wǎng)站項目從作品考核、過程考核兩部分進行綜合性評價。每個項目都要提交網(wǎng)站作品和撰寫網(wǎng)站規(guī)劃書和設計說明，提高學生撰寫科技文檔的能力。

4教學改革的成果

在《網(wǎng)頁設計與制作》課程中實施教學改革，采用理實一體化的“項目導向、任務驅動”教學模式，圍繞真實的網(wǎng)站項目組織教學，每個網(wǎng)站項目分解為若干個學習任務，以任務作為教學載體，將學習過程、工作過程和職業(yè)能力有機的結合起來，學生通過完成任務體驗到成功的樂趣，激發(fā)了學習興趣，提高了學生自主探究能力和創(chuàng)新精神，提高了學生網(wǎng)站開發(fā)能力和獨立制作網(wǎng)頁的能力，有利于培養(yǎng)學生形成“工學”一體的職業(yè)意識，提高學生的職業(yè)技能和實踐能力，培養(yǎng)出符合企業(yè)需求的高技能型人才，最終實現(xiàn)高職教育的培養(yǎng)目標。

參考文獻：

[1]姜大源.當代德國職業(yè)教育主流教育思想研究—理論、實踐與創(chuàng)新[M] .北京：清華大學出版社，2007.

[2]戴士弘.職業(yè)教育課程教學改革[M].北京：清華大學出版社,2008.

[3]張靚,李明欣,申巧俐.基于工作過程《網(wǎng)頁設計技術》教學改革的研究[J].成都航空職業(yè)技術學院學報,2008,24(2).

[4]吳元凱，周正輝，劉亞妮.高職“基于工作過程導向”的《網(wǎng)頁設計與制作》課程模式探索與實踐[ J] .重慶職業(yè)技術學院學報,2008, 17(7).

[5]劉萬輝,宋桂嶺.基于工作過程的“網(wǎng)頁設計與制作”課程改革的探索與實踐[J].計算機教育,2010(2).

[6]張存燁.淺談在網(wǎng)頁制作項目教學中學生職業(yè)素質與能力的培[J].內蒙古科技與經(jīng)濟,2011(18).