基于工作過程的網頁設計與制作課程開發實踐

摘要基于工作過程的課程開發是當前高職課程改革的主要方向。本文以高職“網頁設計與制作”課程建設為例，采用基于工作過程的課程開發方法進行內容組織及教學設計，以項目教學法為主組織教學，取得良好的教學效果。

關鍵詞 工作過程 課程開發 教學設計 項目教學

中圖分類號：G712文獻標志碼：A

Practice of Website Design and Production Courses Based on Work Process

WU Zhenhui， LIU Rui， LU Manli， LU Yang

(Yangzhou Vocational College of Environment and Resources， Yangzhou， Jiangsu 225127)

AbstractCurriculum development based on work process is the main directions of reform of vocational courses. This paper takes vocational \"web design and production\" course construction as an example， based on the work process of curriculum development and teaching methods of content organization design， project-based organization of teaching pedagogy， to achieve good teaching.

Key wordswork process; curriculum development; teaching design; project teaching

0 引言

課程改革是高職教育教學改革的重點和難點，是高職教育工作者多年來一直探討和實施的對象。回顧近十年高職教育的課程改革，其在校企合作開發課程，突出實踐教學環節，強化學生能力培養等許多方面形成了一批成果。特別是以姜大源、趙志群等一批職教課程改革專家在學習了德國職教課程開發思想與經驗后，提出了“基于工作過程系統化”的課程開發理念，并先后在不同的高職院校進行了試點，收到了顯著的教學效果，使得基于工作過程的課程開發成為當前高職課程改革的主要方向。

1 課程概述

網頁設計與制作或網頁編程技術課程是計算機應用技術等相關專業課程體系中的主干課程之一，是在科學分析學院辦學定位，明確專業培養目標的前提下，通過對專業的職業工作崗位進行整體化的調研與分析，采用基于工作過程的課程開發方法而形成的一門課程。本課程作為一門職業技術課，側重于學習靜態網頁的設計與制作、HTML語言、CSS樣式、JavaScript編程等內容。該課程也是最受非計算機類專業學生歡迎的公選課之一，是培養學生網站開發技能的核心課程。

本課程的培養目標是強化網頁制作技能、積累網頁編程經驗；提高自主學習能力、樹立團隊合作精神。

2 課程開發主要內容

2.1 課程設計

課程開發的第一步工作就是組織實踐專家研討會，對計算機應用技術相關專業的主要就業崗位與典型工作任務進行分析，然后對這些工作任務進行整理、歸類，得出專業的行動領域，在對行動領域分析的基礎上，基于完整的工作過程確定專業的學習領域，從而進入學習領域課程的開發，在遵循科學的認知規律的前提下，以適當的載體構建學習情境，進行教學設計。

《網頁設計與制作》是體現以學生為主體、教師指導的，基于工作過程導向的學習領域課程之一。該課程強調以學生通過典型網頁的設計與制作，來掌握融合于實踐行動中的知識和技能，真正落實教、學、做一體化課程的實施，切實提高人才培養質量。

對于學習領域課程，按照網頁設計與制作的工作過程對課程內容進行序化，將理論知識學習與實踐技能訓練整合、專業技能培養與職業素質培養整合、實際工作過程與學生認知心理過程整合，圍繞學生職業崗位能力的培養，將學習領域細化成具體的學習情境，以適當的項目作為載體，按照“資訊—計劃—決策—實施—檢查—評估”六個步驟，進行教學組織。

2.2 教學內容選取

作為高職院校的一門學習領域課程，我們在課程內容的選取上依據三個原則：職業性原則、實踐性原則和開放性原則。

《網頁設計與制作》課程內容選擇以就業為導向，以實踐專家研討會形成的典型工作任務和工作內容為依托，體現職業性原則；通過以項目為載體的學習情境的劃分，體現實踐性原則；以學生為主體，充分發揮學生的創造性，學生完成的作品呈多元化特點，體現開放性原則，從而達到培養學生的專業能力、專業素養和綜合能力的目標。

本課程選擇三個完整的網站建設項目作為教學內容，如C語言在線學習網站、模仿淘寶網的雨迷購物網站以及企業產品宣傳網站。這些網頁都來自真實的網站，經過對網頁的教學化處理，它們都較好的體現了學習內容的工學結合特征，使學生在有限的學習時間內得到具有代表性網頁設計與制作能力的培養，較好地滿足工作崗位需要。

2.3 教學內容組織

在本課程中，我們共設計了六個學習情境，分別是：網站基礎頁面的設計與制作、網站主頁面的設計與制作、交互式頁面的設計與制作、表單頁面的設計與制作、站點的創建與管理以及綜合網站的建設。如圖1所示。

雖然在實際工作過程中，網站開發的第一步是進行網站主頁的設計與制作，但我們考慮到學生學習的心理需要，沒有將主頁的設計與制作安排在學習情境1，而是將一個圖文并茂的基礎頁面制作安排在第一個學習情境，這樣能消除學生的畏難情緒，盡快地調動學生學習的積極性。在這里，每個學習情境都是一個完整的工作過程，而前5個學習情境又可以集成為一個更大的工作過程，完成一個完整網站的創建、設計、制作與管理，在最后一個學習情境，我們安排了一個綜合網站的開發與制作。

圖1學習情境的劃分

在每個學習情境的實施過程中，都是按照“資訊-計劃-決策-實施-檢查-評估”六個步驟，以項目為載體來完成的。這樣，學生通過完成漸次復雜的工作任務，不僅強化了專業能力，而且學生的分析能力、獲取信息能力以及解決問題的策略等方法能力都得以提升。

具體進行教學組織時，我們按照：資訊項目展示→分析討論相關知識、技能→看我做→（學生）做什么→怎么做→開始做→做得怎么樣，充分體現基于工作過程的課程的六步教學法。

2.4 教學方法應用

圖2六步教學法

（1）項目導向教學法。我們構建了以“網站開發工作過程”為導向的課程結構，課程圍繞三個完整網站開發項目展開，每一個網站都是一個獨立的工作過程。無論是在教師的示范環節還是在學生自主實施過程中，都是以項目為導向，遵循工作過程的步驟進行學習，從而實現了在學校即可積累項目開發的經驗。在項目的選擇上，我們在考慮項目實用性的同時，也盡可能地提高項目的趣味性、并加強與日常生活中遇到的問題和現象的聯系，從而幫助學生理解任務的內容。通過這種項目教學的方式，學生不會迷失在知識的孤島上，同時會具備更多的行業知識和項目經驗。

（2）六步教學法。本課程選取了六個學習情境，分別對應于網站開發的幾個工作過程，宏觀上采用上圖所示的六步教學法，但是對于每個學習情境中的每一個任務都靈活地采用多種教學方法，如在資訊階段，通常采用項目展示法、興趣激勵法；在計劃階段，通常采用如分析引導法、分組討論法；在實施階段，采用如互助協作法、文獻檢索法等等。

（3）教學做一體化方法。教學做一體化方法的引入，學生在項目的驅動下自主學習，邊學邊做，真正成為學習的主人，而教師只是一名引導協助者。教學全過程沿著教師明確“做什么”，引導學生“怎么做”，到學生從“做中學”，力求“做更好”的方向發展。在完成項目的過程中，隨著新問題的出現，教師組織同學交流討論，不斷激發學生的求知欲，提高學生的學習興趣和學習熱情。

3課程實施保障

（1）制度保障。課程建設作為提高人才培養質量的重要建設項目之一，學院結合國家教育部、省教育廳有關精品課程建設的文件要求，出臺了一系列政策支持該項目的實施，如精品課程建設項目的啟動、明確項目管理的職能部門、確定課程建設發展目標、加大課程建設的資金投入力度、開展校內精品課程評比活動等。

（2）校內外實訓基地。校內共有六個實訓室，每個實訓室均配備電腦和交換機，并安裝了多媒體設備，可以充分滿足學生校內的實訓需要。同時，與校外多家企業簽訂長期合作協議，采取校內外實訓指導、課程實習、畢業實習、畢業設計、就業等多種合作形式。各實訓基地能夠為學生提供如：網站的管理、網站界面的設計、網頁的編輯、動畫設計與制作、圖像處理等多方面的實訓，充分滿足學生對網站建設及網頁設計與制作的實訓要求。同時，還能讓學生更直觀地了解實際項目的開發流程、最前沿的技術，體驗企業的文化，學生普遍感覺收獲很大。

（3）師資隊伍。本課程教學團隊成員大多為中青年教師，綜合結構合理，有較豐富的教學經驗和項目開發經驗，他們對網頁制作員、網站管理員等崗位的工作任務理解深刻，對網站建設前端架構認識清晰，對該課程在專業人才培養中的地位、作用理解透徹，每位教師都能勝任理論教學與實踐指導，是一支富有創新精神且朝氣蓬勃的教學團隊。

（4）現代教學技術手段。將現代教育技術引入課堂，是提高教學質量的重要手段。每個校內實訓室均配有多媒體設備和現代教學互動軟件，確保學生和老師之間進行第一時間的交流溝通。同時建設課程網站，提供與本課程相關的一系列教學信息資源和在線學習功能，學生可通過網絡隨時瀏覽和下載。課程網站還通過QQ、電子郵件等現代交流技術實現在線答疑、作業上傳、分組討論等功能，使得教學活動的開展不受時間地點的限制。

4 課程實施效果

實踐證明，本課程的實施充分調動了學生學習的興趣，取得了明顯的效果，學生的實習、實訓產品充分體現了應用價值。走上工作崗位的畢業生受到企業的普遍歡迎，一致認為他們動手能力強，很短時間內就能直接上崗，特別是網頁設計與制作能力非常突出，這得益于他們在校期間獲得了很好的項目開發實踐，具有比較豐富的項目開發經驗，團隊合作意識強，善于與他人交流，發展潛力大。

5 結束語

本課程在基于工作過程的課程開發方法（下轉第93頁）（上接第45頁）的指導下，以職業能力培養為核心，以實際項目為導向，注重對學生在職業情境中的實際技能的培養。通過多種教學方法的應用，能夠讓學生學中做、做中學、邊學邊做，從而提升學生的綜合能力和職業素養。

基金項目1：2009年江蘇省高等教育教改立項研究課題《軟件技術專業基于工作過程的課程開發探索與實踐》（序號283，指南編號3-30）實踐成果之一

基金項目2：2008年揚州市教育科學“十一五”規劃個人課題《基于項目的學習在高職計算機課程教學中的應用研究》（課題批準號：G-g/2008/z/010）研究成果之一

參考文獻

[1]教育部.關于全面提高高等職業教育教學質量的若干意見[Z].教高[2006]16號文，2006.

[2]姜大源.當代德國職業教育主流教學思想研究：理論、實現與創新[M].北京:清華大學出版社，2007.

[3]趙志群.職業教育工學結合一體化課程開發指南[M].北京:清華大學出版社，2009.

[4]嚴中華.職業教育課程開發與實施[M].北京:清華大學出版社，2009.

[5]方風波.基于工作過程系統化的“多媒體技術及應用”課程建設[J].計算機教育，2009（20）.