基于工作過程的網頁設計課程實訓模式改革研究

天津濱海職業學院 劉秀芹

基于工作過程的網頁設計課程實訓模式改革研究

天津濱海職業學院 劉秀芹

為適應社會的人才需求現狀，提高網頁設計課程的教學質量，將崗位的職業標準引入課程設計，以前端工程師的典型工作過程分解為依據，從簡單到復雜，從局部到整體，基于工作過程重新構建網頁設計課程的實訓模式。

網頁設計；前端工程師；工作過程；實訓模式

為了適應社會進步所帶來的人才需求變化和提升教學效果，高等職業院校不斷嘗試結合專業和課程的特點，引入多種課程開發方法，深入進行課程建設和改革。目前，基于工作過程導向的課程教學改革正逐漸成為高職教育改革的重要探索領域。網頁設計課程是高等職業院校電子商務專業和計算機類專業開設的職業核心課程。所以，網頁設計課程的教學質量直接決定了學生的實踐能力和就業能力。

1.網頁設計課程存在的問題

網頁設計課程的相關崗位包括：前端工程師、網站管理、網絡編輯等，其中前端工程師是最主要的崗位。前端工程師是Web前端開發工程師的簡稱，是一種高端技能型人才。很多高職院校的相關專業開設了網頁設計課程，但培養出的學生很多都達不到企業關于前端工程師崗位的用人需求，所以依然存在很大的人才需求缺口。

網頁設計課程存在的問題主要包括以下幾個方面。(1)知識體系相對滯后。學生在學校學到的table表格布局等相關知識在企業已經基本不用。學生對企業用人需求描述中的專業術語和知識比較陌生，沒有用過企業要求的知識體系，這是造成學生不敢在前端工程師崗位競聘的主要原因。(2)注重單個知識點的掌握，不注重綜合能力培養。調研發現網頁設計課程的教學組織大多采用案例教學等方法，注重單個知識點的掌握，學生掌握了一個個知識點，比較有成就感，但面對企業的工作任務卻無從下手，感覺都不是自己學過的知識。這種注重單個知識點，忽略綜合能力培養的教學方式，雖然短期能夠得到學生的認可，但并沒有達到良好的教學效果，相應地也不能實現教學目標。

這引起了很多專家學者的關注，但很多研究僅僅是簡單地將某一種教學方法應用于課程的實訓教學，或者側重于項目驅動、任務導向的教學過程設計，都不夠系統，不夠貼近前端工程師的職業能力需要，所以很難達到滿意的教學效果，也很難滿足學生的就業需求。因此，結合高職學生的實際情況和職業需求，對“網頁設計”課程實施基于工作過程的實訓模式改革。

2.課程改革思路

工作過程是企業為完成一件工作任務并獲得工作成果而進行的一個完整過程。生產復雜產品、完成重大項目都可能需要多個工作過程，從而構成該產品、該項目的工作過程系統。基于工作過程即工作過程導向，是一種課程開發方法，是2002年德國勞耐爾(Rauner)教授帶領下的不來梅大學技術與教育研究所與大眾汽車公司合作開發的一種職業教育課程開發方法。

網頁設計課程面向的崗位群中最主要最具代表性的是前端工程師。所以在網頁設計課程的開發過程中依托前端工程師崗位展開。課題在研究過程中將通過走訪企業、校內交流、理論應用研究、調查問卷等方法對網頁設計人才需求情況和課程開展情況展開分析。根據調查研究中所發現的網頁設計課程教學過程中所存在的問題，結合企業對網頁設計人才能力的需求，對網頁設計師的工作過程進行分析，分解出典型工作任務，分析各個環節的能力要求。再基于網頁設計師的工作過程，構建網頁設計課程的實訓教學模式，其中包括實訓內容、實訓方法、考核方案等。并將構建的實訓教學模式應用于教學實踐，借以激發學生的學習興趣和學習熱情，改進教學效果。

3.前端工程師典型工作任務分解

通過調研，我們發現前端工程師的主要工作內容是基于XHTML+CSS架構根據網站策劃圖實現網站前端界面開發，所采用的技術目前主要是HTML4+CSS2，但也有部分前端工程師為了達到更好的設計效果已經升級到HTML5+CSS3。為了兼顧目前的主流技術，課程設計以HTML4+CSS2為主要教學內容。但為了學生將來的技術升級和可持續發展，課程簡單涉及到HTML5+CSS3的特點。

將前端工程師的主要工作內容進行分析整理，結合前端工程師應具備的能力和素質，我們將前端工程師的典型工作過程分解為以下八個部分：網站規劃、頁面布局、簡單元素添加、導航欄設計、圖文列表設計、特效腳本應用、系統設計、兼容性測試。一個網站是由一個個網頁所組成的。任何一個網頁都要經過除了網站規劃之外的七個步驟才能完成，每一個網頁的設計完成需要用到的知識基本類似，所以這里我們以單個網頁的設計完成為主要目標。前端工程師崗位的工作內容在技術方面涉及到Photoshop、Flash等網頁設計圖形設計軟件的使用以及JavaScript特效腳本的應用，這些都是網頁設計課程的前導課程或同期課程的講授內容，所以在此只涉及到應用，并不深入講解。

4.重新構建教學體系

4.1 實訓內容設計

網頁設計課程是以實踐為基礎的核心課程，所有理論知識必須在技能訓練過程中得以掌握和運用，所以必須注重培養學生理論知識的靈活運用能力和網頁制作實訓能力。網頁設計課程的實訓內容設計重點體現在以下幾個方面：

(1)以工作過程分解為依據。網頁設計課程以前端工程師的典型工作過程分解為依據，將實訓內容設計為包括局部設計、界面設計、兼容性測試、案例實訓四個大的模塊，貼近前端工程師的工作過程，滿足前端工程師的崗位能力需求，使整個教學過程更加具有針對性。局部設計又由常用XHTML標簽、DIV布局、CSS樣式美化、JavaScript頁面特效組成。局部模塊設計即兼顧網頁設計課程知識體系的系統性，又結合前端工程師的工作過程，即有利于加深學生對個別知識點的理解，又有利于學生網頁設計知識體系的構建。

(2)基礎知識與綜合實訓并重。實訓內容的前三個模塊屬于基礎知識學習部分，最后一個案例實訓模塊屬于綜合實訓。在整個課程設計中，綜合實訓課時占整個課程課時的1/3以上。課程教學方式也從前期的講練結合，轉變為實訓輔導為主；授課對象從前期的面向整體為主，轉為面向個體為主。通過對綜合實訓課時比例的增加，培養學生對知識點的綜合運用能力，進而無縫銜接前端工程師的崗位能力。

(3)化整為零、小小案例。前端工程師的工作過程是一個系統性非常強的、復雜的工程，由很多小的知識點組成，需要對知識點進行綜合、靈活的應用。針對知識點的案例往往并不適用于整體網頁設計，這就造成了知識點的學習與綜合實訓的脫節，容易給學生造成一種無所適從感。課程實訓設計將分布于綜合實訓中的局部功能分解為基礎知識點的學習案例，一個個局部功能分解為一個個小小案例。這種方法也使得學生在做綜合實訓時有一種親切感，方便學生知識體系從局部到整體的構建。

4.2 實訓方法設計

課程實訓方法設計結合實訓內容特點，采用“教、學、做”一體化的教學方法。局部設計主要采用理論實踐一體化的項目教學法和任務驅動教學法，強調知識點在小案例中的應用。綜合實訓主要采用分組教學法和真實案例教學法，強調小組協作能力和綜合實訓能力。

(1)項目教學法。項目教學法時一種由項目引入進而展開知識點的教學方法，一邊分析講解、一邊操作演示，講練結合，激發學生學習興趣，提高學生分析問題、解決問題的實際能力，輕松達到教學目標。

(2)任務驅動教學法。將實訓內容設計為一個個獨立任務，充分調動學生的學習積極性和主動性。任務也分為三種類型：局部功能任務、整體設計任務、真實企業任務。任務的實施也是從簡單的局部功能任務到整體設計任務，再到靈活運用的真實企業任務的過程，逐步進階。任務驅動貫穿整個實訓環節設計，有利于訓練學生的職業態度，也有利于提高學生的知識應用能力和創新能力。

(3)分組教學法。綜合實訓階段的任務相對復雜，單個同學實現有一定的難度，所以采用分組教學的方法，有利于形成小組內探討解決問題的氛圍，也有利于加深對知識點的理解，能有效培養學生的團隊意識。為充分發揮每個成員的潛能，形成足夠量的成員任務，在設計小組時人數不宜太多，一般以2-3人為宜。

(4)真實案例教學法。將企業真實案例引入教學過程，能有效拉近課程教學與崗位能力需求之間的距離，充分激發學生的學習熱情，即能讓學生對崗位能力需求有更深刻的理解，也能增加學生的自我認同感和成就感，進而達到培養崗位人才的目的。

4.3 考核方案設計

本課程的最終目的是要求學生應用所學知識，根據網站策劃圖完成網站設計。前端工程師是一個注重實際能力的崗位，傳統的理論知識考試方式不能充分評價學生的學習成績和能力水平，對于學生實踐能力的提高，以及就業能力的提高是沒有多少益處的。也有部分研究者將考核形式改為考核學生完成網站作品制作的形式。這種考核方式相對理論知識考試有了很大的進步，更加注重實踐能力的考核，但很多時候教師考核給出的網站策劃作品比較滯后，內容相對簡單，所有同學完成一樣的網站設計，難免存在抄襲的嫌疑。這就造成了很多同學覺得自己對課程內知識掌握的不錯，但看到企業復雜的網站策劃圖，依然不敢面試前端工程師崗位。

因此課題組對考核方案進行了大膽的改革，期末總評學習成績由三部分組成：過程考核(平時到課考勤、上課回答問題和隨堂作品)占20%、技能考核(課內分模塊作品以及綜合設計作品)占30%和項目考核(期末綜合作品)占50%。這種方式較為客觀的反應了學生的學習情況和能力水平，主要特點包括：

(1)真題真做。將企業一線的多個真實案例拿來供學生選擇，作為項目考核題目。多種作業選擇能在一定程度上減少學生作業抄襲的情況。來自企業一線的真實案例與崗位能力要求高度契合，增強學生就業能力和自信心。

(2)注重過程考核。期末考核只占期末總評成績的50%，其余兩部分都是教學過程中完成的，屬于過程考核。這樣的考核方案設計能有效避免學生過分注重短時間的期末考核，能使學生更加重視知識技能積累的學習過程。

5.小結

基于工作過程的網頁設計課程實訓模式開發，以前端工程師的典型工作過程分解為依據，從簡單到復雜，從局部到整體，符合學生的認知學習規律。實踐內容以來自企業一線的真實案例為基礎，真題真做，培養和提高學生的實踐動手能力和綜合運用能力，拉近課程培養與企業用人需求之間的距離，提高學生的就業能力和核心競爭力，實現技術技能型人才的培養目標。

[1]何興國.DACUM與工作過程導向課程開發方法比較研究[J].職教論壇,2012(27):70.

[2]孫士新.基于工作過程導向的高職本土化教學模式研究[J].遼寧醫學院學報:社會科學版,2013(2):69.

[3]沈玲.基于工作過程的高職課程建設研究[D].湖南師范大學論文,2012.6:20-27.

[4]余雪麗.高職共享型專業教學資源庫建設探究[J].職業時空,2009(7):47-48.

劉秀芹（1982—），女，山東曹縣人，講師，主要研究方向：電子商務、信息管理。