摘要：文中分析了網頁設計與制作課程的特點與現(xiàn)狀，從課程設計、教學組織與實施等方面探討了基于工作過程的《網頁設計與制作》課程教學改革，以激發(fā)學生的學習興趣，提高教師的教學質量。

關鍵詞：基于工作過程 網頁設計 網頁制作 教學改革

0 引言

《網頁設計與制作》課程是職業(yè)院校計算機類專業(yè)必修的一門專業(yè)課程。本課程以培養(yǎng)學生實際動手能力為目標，使學生具備網頁設計、網頁制作、網站建設與管理的實踐技能，學生畢業(yè)后可勝任網頁設計師、網站管理員等工作崗位。傳統(tǒng)的教學方法和內容已不能實現(xiàn)該課程的培養(yǎng)目標，如學生不能獨立完成網站規(guī)劃和頁面設計、網頁設計功能和視覺效果不理想等。因此，本文結合當前職業(yè)院校學生的實際情況及崗位需求，探討了基于工作過程的網頁設計與制作課程教學改革模式。

1 基于工作過程的教學模式

德國勞耐爾教授等認為，工作過程是“在企業(yè)里為完成一件工作任務并獲得工作成果而進行的一個完整的工作程序”?；诠ぷ鬟^程的課程教學是通過整體的職業(yè)崗位分析，確定典型工作任務，歸納出職業(yè)行動領域，按照對職業(yè)能力和知識領域的分析，形成學習領域，然后進行基于工作過程的整合，構建課程體系，設計出學習情境，整個教學組織與實施以工作過程為導向。這種教學模式要求打破傳統(tǒng)學科系統(tǒng)化的束縛，將學習過程、工作過程與學生的能力和個性發(fā)展聯(lián)系起來，目的是強調學生的設計與建構能力的培養(yǎng)。

2 基于工作過程的《網頁設計與制作》課程設計

2.1 確定典型工作任務

通過前期調研及對具體崗位（群）分析，明確了本門課程涉及的主要工作任務包括：一是網站的需求分析，二是網站的整體規(guī)劃與設計，三是網站的詳細設計（制作、編輯），四是網站的發(fā)布與推廣，五是網站的更新與維護。通過進一步歸納與總結，確定了該課程的典型工作任務就是在規(guī)定時間內設計出網站的規(guī)劃書，并針對網頁的不同特點，設計與制作網頁，然后進行網頁的測試，以便獲得符合技術要求的網頁。

2.2 歸納行動領域

通過對多個典型工作任務進行排序和歸納，按照相應的歸類原則，體現(xiàn)幾個典型工作任務所構成的集合，進而構成職業(yè)的行動領域。歸納后的行動領域應涵蓋崗位群工作任務所對應的專業(yè)知識能力、方法能力和社會能力。

2.3 形成學習領域

學習領域是和行動領域相對應的，指的是完成行動領域工作所必須學習的系統(tǒng)性內容。學習領域的名稱要表明一個完整的職業(yè)工作關系，對學習目標的描述要與典型工作任務的核心內容聯(lián)系在一起，學習難度從簡單到復雜、由淺入深。根據學生認知規(guī)律與職業(yè)成長規(guī)律，確定網頁設計與制作課程的主要知識包括HTML語言的使用、Dreamweaver軟件的使用等。此外，還要注重學生策劃、設計、決策、分析問題、解決問題、審美、團隊合作等能力的培養(yǎng)。

2.4 設計學習情境

學習情境是在職業(yè)的典型工作任務和行動領域的背景下，按照學習領域的目標和內容，進行教學轉換，是具體課程的實施方案。學習情境的設計必須要具有針對性，要體現(xiàn)課程的培養(yǎng)目標。基于這一指導思想，我們確定了以企業(yè)典型真實任務為載體的個人網站制作、精品課程網站建設、企業(yè)類網站建設、自主選題網站建設4個具有典型工作任務的學習情境。整個學習情境的設計遵循從簡單到復雜，由單一到綜合的原則，從專業(yè)能力到素質能力，再到職業(yè)資格標準都納入到了課程里面。通過4個情境的學習達到了教學效果與目的，提高了學生的學習興趣。

3 基于工作過程的《網頁設計與制作》課程的教學組織與實施

基于工作過程的課程教學組織與實施是按實際工作崗位的工作流程來進行的，每一個學習情境都是一個完整的工作過程，包括資訊、計劃、決策、實施、檢查、評估6個步驟。

3.1 資訊階段

根據任務的難易程序，將學生分成3-6人的小組，每組選出一名組長。教師下達任務書，并對相應內容進行一定的描述，每個小組的學生依據任務書，對網站中所需要的文字、圖片、音視頻、動畫等素材進行收集與整理。資訊階段即是讓學生了解學什么，做什么的過程，主要采用的教學方法是任務驅動法和小組合作法。

3.2 計劃階段

各小組分別進行分析討論，根據下達的任務書，對網站頁面的框架結構進行分析、討論，學生各自表達自己的看法與意見，并討論出每個小組的工作方案。計劃階段即是擬定學習工作計劃的過程，主要采用小組討論法和頭腦風暴法。

3.3 決策階段

各小組根據擬定的工作計劃，進行概要設計和詳細設計，確定一個切實可行的方案。概要設計主要包括網站的目錄、架構；詳細設計主要包括每個頁面的功能和布局設計等。設計完成后，各小組進行分工，分別擔任項目經理、網頁設計人員、網頁制作人員、網站測試員等不同的角色，并制訂工作進度表。決策階段即是使學生明確學習、工作方法與目標的過程，主要采用小組合作法和案例教學法。

3.4 實施階段

各小組在項目經理的統(tǒng)籌指導，由網頁設計人員完成首頁及內頁面的框架的設計，由網頁制作人員完成網站內容的填加與編輯，由網站測試員進行測試并完成詳細的測試報告。各小組成員輪流執(zhí)行，完成整個網站的設計與制（上接第231頁）作。實施階段即是學習、工作具體實施的過程，主要采用角色扮演法和小組合作法。

3.5 檢查階段

各小組在合作完成既定任務后對完成的情況進行檢查，查找問題、分析問題并解決，如網頁中的鏈接是否正確，網頁中的圖片是否顯示，網頁中的音視頻是否能夠正常播放等。檢查階段即是任務完成情況檢查的過程，主要采用小組討論法和任務教學法。

3.6 評估階段

各小組完成作品后，對本小組的作品進行展示與匯報，同時讓學生集體討論，相互評價、找出問題，最后由教師點評，對典型問題進行分析與總結，對共性問題進行強調。評價主要包括小組自評（10%）、小組互評（20%）、任課教師評價（30%）、校內專業(yè)教師評價（20%）、網絡展示人氣指數評價（20%）等幾個環(huán)節(jié)。評估階段即是對學習和工作成果的評價過程，主要采用案例分析法和作品展示法。

4 基于工作過程的《網頁設計與制作》課程教學改革的體會與反思

基于工作過程的《網頁設計與制作》課程教學改革已經在我校進行實施，與“講解+練習”的傳統(tǒng)教學模式相比較，學生的學習興趣與積極性大大提高，設計與制作出來的網頁作品更加專業(yè)，教師的教學水平也得到了高度認可。但在整個教學組織與實施過程中，仍需注意一些細節(jié)問題：一是應使學生全部參與學習中來，避免濫竽充數的現(xiàn)象發(fā)生；二是應多組織一些網頁設計大賽等類型的活動來激發(fā)學生的創(chuàng)意；三是應通過職教新干線等網絡平臺，培養(yǎng)學生自主學習、遠程學習的能力；四是教師自身應下企業(yè)鍛煉，做實際項目，不斷加強業(yè)務學習。

5 結束語

經過調查發(fā)現(xiàn)，職業(yè)院校的學生一般動手能力強，形象思維比較發(fā)達，敢于表現(xiàn)自我，但是對理論知識缺乏興趣。因此，采用基于工作過程的課程教學改革有利于激發(fā)他們的學習積極性和主動性，有利于培養(yǎng)學生的專業(yè)技能和綜合職業(yè)能力，有利于縮短學習和就業(yè)之間的距離，最終實現(xiàn)職業(yè)院校高素質技術技能人才的培養(yǎng)目標。

參考文獻：

[1]李勤道.基于工作過程導向的課程和課程開發(fā)的研究與實踐[J].山東電力高等?？茖W校學報，2011，12（2）：21-25.

[2]曹艷琴.基于工作過程的課程開發(fā)——以高職院?！毒W頁設計與制作》課程教學改革為例[J].教學理論，2012（2）：172-173.

[3]黃麗娟.基于工作過程的軟件專業(yè)課程教學改革[J].Reformation改革，2013（1）：77-79.

[4]孫陸鵬，楚志剛，趙龍德.基于工作過程的ASP.NET課程教學研究[J].研究Research.2013（1）：106-108.

作者簡介：王洪蘭（1980-），女，吉林磐石人，講師，碩士，主要研究方向為網頁設計與制作，圖形圖像處理，數字圖像水印技術。

基金項目：2012年度湖南省教育教學改革研究項目“基于工作過程的《網頁設計與制作》課程改革研究與實踐”（項目編號：ZJC2012057）。