網頁設計與制作課程開發研究

前言：想要寫出一篇引人入勝的文章？我們特意為您整理了網頁設計與制作課程開發研究范文，希望能給你帶來靈感和參考，敬請閱讀。

摘要:對基于工作過程的網頁設計與制作課程開發進行探究。從明確工作任務、設計學習情境來進行教學改革，其中包括課程改革、教材改革、教學方法改革、考核方式改革，以期解決實際問題，提高教學質量和學生的實際操作能力。

關鍵詞:工作過程;網頁設計與制作課程

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

1明確工作任務

通過對網頁設計與制作領域的招聘情況進行分析，看出網頁設計與制作類的崗位主要集中在這幾類:網頁運作、網頁維護、網頁編輯、網頁設計和制作，其中網頁制作和設計是最需要人的崗位。通過研讀企業的招聘信息發現，網頁制作和網頁設計這塊要求職員具備以下能力:編輯能力、美工能力、創造力、編程能力、維護能力等。針對網頁設計與制作這個職位，還要明確其典型工作任務。工作過程是指在企業里為完成一件工作任務并獲得工作成果而進行的一個完整的工作程序，它結構固定，包括咨詢、決策、計劃、實施、檢查和評估階段等。

2設計學習情境

網頁設計與制作這門課程必須通過學習情境才能反映出來，要把任務環節放到學習情境中去，通過實際的反復訓練逐漸掌握網頁設計和制作能力［2］。網頁設計和制作原有的課程內容多數集中在Html語言、Photoshop制作、Flash動畫設計、Dreamweaver上，理論課和實際操作有很大偏差，在考慮實際市場需求后，應根據具體任務選取課程。以靜態網站為參考，設計如下學習情境:網頁瀏覽與欣賞、網頁策劃與安排、網頁設計和制作、網頁和維護。同時，也為這些學習情境設立了課程標準，如表1所示。安排這些課程的目的是讓學生在實際操作中掌握技能。通過這樣一系列的課程安排，學生可以查缺補漏，完善自身的理論漏洞，從而獨立完成項目任務。

3改革措施

3.1課程改革

網頁設計與制作課程更加考察實踐能力，因此，應根據實際需求作出最適合的調整，包括教材、考核方法、教學方法等，這符合OBE(能力導向教育)理念，主要就是“以學生為本”，要求教育成果、教學途徑和課程設計圍繞預期學習成果來實行。例如:WEB教學課程內容相對滯后，缺乏Htmls等主流技術教學，學生難以掌握與WEB前端崗位對接的工作技能。在這種情況下，應結合WEB的職位需求，改進WEB前端網頁設計與制作這門課程，在原有的HTML、CSS、Javascript課程基礎上增添HTML5、CSS3、DOM、JQuery、Ajax、Bootstrap等內容，增加移動WEB頁面的布局，學習響應式網頁布局方法。要實現課程內容體系的全面全新升級，添加H5新技術、移動WEB應用、響應式布局技術［3］。

3.2教材改革

教材應當深入淺出，層次清晰，不僅只講述知識點，更應該配置生動案例，激發學生學習興趣，按照設置的課程情境對應授課，如:針對靜態網站設計與制作課程講述學習路線與學習方法。教材還應當將動畫課程等需要的地方直接引入進來，盡量不擴大分類，使學生可以直接系統地學習，如:商務網頁設計與制作項目課程的總體設計思路就是將學科導向的課程體系轉化為行動導向的課程體系，以工作過程為主線，以職業能力培養為依托，按照行動導向來組織教學，以完成具體的項目、任務或產品為目標。

3.3教學方法改革

傳統的教學體系中，實踐和理論課幾乎都是分開設置，沒有明確的任務項目，學生的實際操作效果不太理想。面對這種情形，應主張“教學－實踐”一體化教學，教師邊講述，學生邊操作，實現教學做一體化。要實施分組教學、分模塊教學，通過實際建設網頁達到教學目的。在學習過程中，學生就模擬正式工作場景，在教師的幫助和指導下共同完成課程的學習。教師要隨著時代需求而轉變教育理念，提高自身的基本功和應變能力，多參加技能培訓，具體方法如下:(1)在HTML5的WEB前端課程在線開發與應用的基礎上，告別單一的知識講堂，開展“互聯網+”學習模式;(2)采用翻轉課堂形式，學生在課下利用教學平臺自主學習，教師只負責評價和改進;(3)采用SPOC(SmallPrivateOnlineCourse小規模限制性在線課程)模式和混合教學模式，即現代課堂和傳統課堂相結合。

3.4考核方式改革

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

4結語

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

參考文獻:

［1］彭紹東.信息技術教育學［M］．長沙:湖南師范大學出版社，2002.

［2］鄭偉，張永良，郭偉，等.《商務網頁設計與制作》項目課程的開發與建設［J］．楊凌職業技術學院學報，2010，(12):60－61.

［3］李艷華.以編程能力為導向的教學模式在中職《動態網頁設計》課程中的應用研究［D］．廣州:廣東技術師范大學，2019.

作者:馬紅 單繼周 單位:海南經貿職業技術學院