《網頁設計與制作》課程教學改革探索

冀萍

（北京市經濟管理學校 北京 100142）

《網頁設計與制作》課程教學改革探索

冀萍

（北京市經濟管理學校 北京 100142）

《網頁設計與制作》是計算機網絡技術及計算機相關專業的一門重要的核心課程，課程具有極強的實操性，涉及美學、版面設計、開發工具、數據庫、編程等內容。基于課程的特殊性，本文通過分析專業特點、崗位需求，探索以網頁設計與制作工作崗位為導向的課程模塊及項目的構建，并結合實際教學，詳細闡述了課程實施項目教學法的流程及課程評價方式。

《網頁設計與制作》課程 網頁設計與制作職業崗位 項目教學法

北京市經濟管理學校信息技術系開設了計算機網絡技術、電子商務、平面設計、數字媒體技術應用等專業，《網頁設計與制作》是計算機網絡技術及計算機相關專業的一門重要的核心課程，目的是使學生具備設計和制作網站的能力，具有較強的技術性、實踐性及綜合性。課程需要多門學科的知識、技能予以支撐，課程包含的內容如表1所示，內容之間相互聯系、相互滲透、相互依賴，構成一個科學的、嚴密的、完整的課程體系。

表1 《網頁設計與制作》課程包含的內容

計算機相關專業開設《網頁設計與制作》課程的內容、課時不同，一般都開設了兩個學期。但在實際實施過程中，存在授課內容與專業沒貼近、同一專業不同學期授課內容重復、銜接不好、同一門課程不同教師授課內容差異性大等問題。根據專業特點，《網頁設計與制作》課程既有共同性，又存在差異性。因此如何結合專業學生特點，依據行業及崗位需求規范課程內容及教學設計，改革教學方法及考核方式，滿足不同專業學生技能培養需求，是本文的重點。

一、《網頁設計與制作》課程內容

1.網頁設計與制作行業崗位分析

網頁設計與制作相關的職業崗位有：網站美工、網頁制作員、網頁編輯員、網站開發程序員、網站維護人員等，對應的崗位職責如表2所示。

根據行業崗位需求及計算機相關專業學生特點，確定各個專業學生培養目標及對應崗位：計算機網絡技術專業學生開設課程系統全面，網頁設計與制作技術強，側重培養網頁制作、網站程序開發的能力；平面設計、數字媒體技術應用專業學生有一定的美術基礎，圖片處理技能強，側重培養網站美工、網頁設計的能力；電子商務專業學生熟悉商務網站的操作流程，側重培養網站開發、網站編輯、網站維護的能力。

2.《網頁設計與制作》課程模塊及項目構建

《網頁設計與制作》課程的構建，以不同專業學生對應的崗位所需的職業能力為目標，相關任課教師與行業企業專家經過認真研討，一起構建課程知識體系，依據網站開發的流程，進行以工作過程為導向的課程開發與設計，劃分課程為：網頁制作、網站規劃設計、網頁編程、動態網站開發、網站綜合實訓五大模塊。每個大模塊依據職業成長規律，結合學生的認知能力和知識結構設計三個項目，項目依據課程標準、網站建設的典型職業活動進行設計和排列。項目內容從簡單到豐富、功能從單一到復雜，從而使學生由易及難，由簡及繁。項目之間在知識能力結構上呈遞進兼有包容的關系，體現了“重復步驟、不重復內容，螺旋上升”培養學生掌握技能的原則，同時也符合學生的實際認知規律。《網頁設計與制作》課程構建如表3所示。

計算機網絡技術專業參加了北京市以工作過程為導向的課改，課程嚴格依據典型職業活動設置，前后課程鋪墊好、關聯性強，相關開設課程：網頁制作→網站規劃設計→網站頁面制作→網站程序開發。教學實施過程中，課程課標、教學設計根據需要進行適當的調整和改進，比如：增加DIV+CSS布局網頁、強化JavaScript+jQuery實現網頁特效、ASP.NET編程調整為PHP 的編程等，實現了計算機網絡技術3+2專業與相關合作高職院校的完美銜接。

表2 網頁設計與制作相關職業崗位及能力需求

二、《網頁設計與制作》課程的教學方法

以“工作過程為導向”的課改，在課堂教學實施中積極探索具有職教特色和專業特點的行動導向教學模式，以職業崗位工作過程為導向、以職業能力培養為課程核心、以學生為主體，通過學生“做中學、學中做”的活動，調動學生學習的積極性，發揮學生的創造力，不僅使學生學會完成職業活動中的工作任務，更要在完成工作任務的過程中，培養學生的綜合職業能力，從而有效促進學生就業和可持續發展。

《網頁設計與制作》課程分為五大模塊，每大模塊都包含了三個項目。不論是入門的網頁制作模塊，還是網站綜合實訓模塊，都是通過選取實際網站項目，通過項目來涵蓋整個教學內容。因此，課程適合采用項目教學法，模擬企業對工作流程的要求，將理論知識的學習穿插在項目的實際操作過程中。項目教學法，就是師生通過共同實施一個完整的“項目”而進行的教學活動，具體實施如以下流程。

第一階段，結合應用，明確項目

從網頁制作的實際應用及學生興趣出發，網頁制作模塊包含：個人網頁制作、部門網頁制作、企業網頁制作三個項目，以循序漸進項目群引路，確定每個項目任務的目標，將學生帶進網頁的學習之中。模塊項目目標如表4所示。

第二階段，分析項目，歸納方案

網頁制作模塊項目二制作班級網站（即部門網頁制作），班級網站是一個班級展示、記錄、交流與溝通的網絡平臺，利用網絡資源進行班級管理，促進班級建設、增強班級凝聚力、見證學生成長發展。項目實施前，學生上網查找收集有關信息資源，對項目進行研討，確定了班級網站的Logo、色彩、布局、Banner、欄目等功能結構，分析項目涉及知識及操作技能、工作步驟和程序，最終定出解決的方案。

第三階段，分組合作，完成項目

網站項目往往具有綜合性和復雜性，通過成立項目小組，可以根據學生的基礎和對課程的興趣，把學生分為不同的層次并將不同層次學生分成一個項目組，讓不同層次的學生能夠互相取長補短，發揮個性特長，更好地運用已有知識和技能，解決項目中的實際應用問題，分工、協作共同完成項目任務。通過項目小組協作式學習，形成“組內合作，組間競爭”的良好學習氛圍，培養學生的協作能力和團隊精神。

第四階段，展評結合，應用項目

各項目組的負責人向全班匯報、展示、交流本組設計制作的最終作品，在介紹過程中要求說明網站的設計思路以及制作過程中遇到過什么問題，這些問題是如何解決的，同時，其他項目組的同學也可提出問題，讓設計者解釋設計所用的相關技術及特點。最后各組之間進行互評，互相學習，通過相互評價進一步修改各自的設計，評價后得以完善的項目，可以推廣應用。如學生完成的“班級網站”就可以應用到學校網站的班級展示中。這既是檢驗了教學效果，也實現職業教育的目標和價值。

表3 《網頁設計與制作》課程模塊及項目構建

表4 模塊目標與項目目標對應表

三、《網頁設計與制作》課程評價方式

在項目完成后，要及時進行總結與評價，以促進學生的進一步發展。這個階段是開展項目教學活動中一個重要環節，當學生完成項目后，要做的就是各個項目小組進行項目成果的總結。總結內容包括項目成果的匯報與交流，在活動過程中遇到的問題、困難及解決的方法，收獲與感受，活動小結等多個方面。總結形式靈活多樣，可以是書面文字或電子文檔，也可以用作品展示。評價在項目展示完成以后，通過以下方式對學生進行多層次、多角度，全方位的職業技能和素質評價。

1.教師評價和學生評價相結合

在項目實施中一方面由教師對項目組負責人進行工作評價；另一方面，每個項目組成員對自己的各階段工作任務完成情況進行自評、互評，再由項目組負責人對其組員進行評價，通過三個不同的視角對學生進行評價，將更全面、更準確。

2.技能評價和綜合素質評價相結合

在評價項目的設置中，不僅注重對技術技能的評價，同時對必要的基本職業素質進行評價，例如溝通表達能力、團隊協作能力、版權意識等方面。

3.過程性評價和總結性評價相結合

在每個項目都設置了相應的考評價表，每個項目評價的累積直接影響最終的課程評價。

《網頁設計與制作》課程的教學改革正處在探索實踐階段，還需要進一步地完善。課程模塊設計的原則是突出專業性、崗位性和實用性，通過課程的學習、實踐，學生能夠按照網站開發流程，圓滿完成班級網站、系部網站、學校網站等項目。在今后的課程教學實踐中，通過“引企入校”等校企合作機制，與行業企業專家共同創設工作實境，成立校企合建的網站建設工作室，引進企業真實項目，讓不同專業學生全程參與其中，在學與做中全方位鍛煉學生“做項目”的能力，邊學習邊工作，實現學習過程和工作過程的同步推進。

［1］唐彩虹.基于工作崗位的《網頁設計》平臺課程模塊化教學［期刊論文］，當代職業教育，2014（2）

［2］張學琴. 《網頁設計》課程模塊化教學的探索［期刊論文］，東方青年·教師，2013（15）