基于工作過程的網(wǎng)頁設計與制作課程開發(fā)探索

馬 紅，單繼周

(海南經(jīng)貿職業(yè)技術學院，?？?571127)

當今是一個信息社會，隨著網(wǎng)絡的快速普及，對網(wǎng)頁的要求也越來越多，這就需要專業(yè)的網(wǎng)頁與制作，網(wǎng)頁設計師成為了搶手人才，網(wǎng)頁設計與制作已經(jīng)成為很多高等學校的必修課。然而，僅靠過去的傳統(tǒng)教學，并不能達到對人才的需求[1]。這門課程看似簡單，卻并不容易掌握，尤其是難以應用到實踐中。因此，根據(jù)人才培養(yǎng)的需要和專業(yè)人才的就業(yè)形勢，網(wǎng)頁設計與制作這一課程需要改革工作過程。

1 明確工作任務

通過對網(wǎng)頁設計與制作領域的招聘情況進行分析，看出網(wǎng)頁設計與制作類的崗位主要集中在這幾類：網(wǎng)頁運作、網(wǎng)頁維護、網(wǎng)頁編輯、網(wǎng)頁設計和制作，其中網(wǎng)頁制作和設計是最需要人的崗位。

通過研讀企業(yè)的招聘信息發(fā)現(xiàn)，網(wǎng)頁制作和網(wǎng)頁設計這塊要求職員具備以下能力：編輯能力、美工能力、創(chuàng)造力、編程能力、維護能力等。

針對網(wǎng)頁設計與制作這個職位，還要明確其典型工作任務。工作過程是指在企業(yè)里為完成一件工作任務并獲得工作成果而進行的一個完整的工作程序，它結構固定，包括咨詢、決策、計劃、實施、檢查和評估階段等。

2 設計學習情境

網(wǎng)頁設計與制作這門課程必須通過學習情境才能反映出來，要把任務環(huán)節(jié)放到學習情境中去，通過實際的反復訓練逐漸掌握網(wǎng)頁設計和制作能力[2]。

網(wǎng)頁設計和制作原有的課程內容多數(shù)集中在Html語言、Photoshop制作、Flash動畫設計、Dreamweaver上，理論課和實際操作有很大偏差，在考慮實際市場需求后，應根據(jù)具體任務選取課程。以靜態(tài)網(wǎng)站為參考，設計如下學習情境：網(wǎng)頁瀏覽與欣賞、網(wǎng)頁策劃與安排、網(wǎng)頁設計和制作、網(wǎng)頁發(fā)布和維護。同時，也為這些學習情境設立了課程標準，如表1所示。

表1 網(wǎng)頁設計及制作的學習情境及其標準Tab.1 Learning situation of web design and production, and its standards

安排這些課程的目的是讓學生在實際操作中掌握技能。通過這樣一系列的課程安排，學生可以查缺補漏，完善自身的理論漏洞，從而獨立完成項目任務。

3 改革措施

3.1 課程改革

網(wǎng)頁設計與制作課程更加考察實踐能力，因此，應根據(jù)實際需求作出最適合的調整，包括教材、考核方法、教學方法等，這符合OBE(能力導向教育)理念，主要就是“以學生為本”，要求教育成果、教學途徑和課程設計圍繞預期學習成果來實行。

例如：WEB教學課程內容相對滯后，缺乏Htmls等主流技術教學，學生難以掌握與WEB前端崗位對接的工作技能。在這種情況下，應結合WEB的職位需求，改進WEB前端網(wǎng)頁設計與制作這門課程，在原有的HTML、CSS、Javascript課程基礎上增添HTML5、CSS3、DOM、JQuery、Ajax 、Bootstrap 等內容，增加移動WEB頁面的布局，學習響應式網(wǎng)頁布局方法。要實現(xiàn)課程內容體系的全面全新升級，添加H5新技術、移動WEB應用、響應式布局技術[3]。

3.2 教材改革

教材應當深入淺出，層次清晰，不僅只講述知識點，更應該配置生動案例，激發(fā)學生學習興趣，按照設置的課程情境對應授課，如：針對靜態(tài)網(wǎng)站設計與制作課程講述學習路線與學習方法。

教材還應當將動畫課程等需要的地方直接引入進來，盡量不擴大分類，使學生可以直接系統(tǒng)地學習，如：商務網(wǎng)頁設計與制作項目課程的總體設計思路就是將學科導向的課程體系轉化為行動導向的課程體系，以工作過程為主線 ，以職業(yè)能力培養(yǎng)為依托，按照行動導向來組織教學， 以完成具體的項目、任務或產(chǎn)品為目標。

3.3 教學方法改革

傳統(tǒng)的教學體系中，實踐和理論課幾乎都是分開設置，沒有明確的任務項目，學生的實際操作效果不太理想。面對這種情形，應主張“教學-實踐”一體化教學，教師邊講述，學生邊操作，實現(xiàn)教學做一體化。要實施分組教學、分模塊教學，通過實際建設網(wǎng)頁達到教學目的。在學習過程中，學生就模擬正式工作場景，在教師的幫助和指導下共同完成課程的學習。教師要隨著時代需求而轉變教育理念，提高自身的基本功和應變能力，多參加技能培訓，具體方法如下：

(1)在HTML5的WEB前端課程在線開發(fā)與應用的基礎上，告別單一的知識講堂，開展“互聯(lián)網(wǎng)+”學習模式；(2)采用翻轉課堂形式，學生在課下利用教學平臺自主學習，教師只負責評價和改進；(3)采用SPOC(Small Private Online Course小規(guī)模限制性在線課程) 模式和混合教學模式，即現(xiàn)代課堂和傳統(tǒng)課堂相結合。

3.4 考核方式改革

網(wǎng)頁設計與制作這一課程需要構建一個“全過程、全方位、綜合性”的考核評價體系。以往的考核方式就是上交紙質作業(yè)或論文，難以檢測出學生的真正實力，建議進行在線設計考核，用作品提高說服力。

4 結語

基于工作過程對網(wǎng)頁設計與制作課程進行研究探索，根據(jù)主要的工作任務給出具體的學習情境及改革方向，實現(xiàn)教學做一體化，以期解決實際問題，提高教學質量和學生的實際操作能力，培養(yǎng)出符合時代發(fā)展的人才。