基于職業(yè)能力培養(yǎng)的《網(wǎng)頁設(shè)計與制作》教學(xué)改革的研究

胡曉紅 王麗芬 張景峰

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

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

中圖分類號：G642文獻(xiàn)標(biāo)識碼：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教學(xué)改革的必要性

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

2教學(xué)改革的基本思路

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

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

3教學(xué)改革的內(nèi)容

3.1教學(xué)模式的改革

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

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

3.2教學(xué)內(nèi)容的改革

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

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

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

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

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

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

3.3教學(xué)方法的改革

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

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

六步教學(xué)法3.4考核方式的改革

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

4教學(xué)改革的成果

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

參考文獻(xiàn)：

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

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

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

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

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

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