冀萍

（北京市經(jīng)濟管理學校 北京 100142）

《網(wǎng)頁設(shè)計與制作》課程教學改革探索

冀萍

（北京市經(jīng)濟管理學校 北京 100142）

《網(wǎng)頁設(shè)計與制作》是計算機網(wǎng)絡(luò)技術(shù)及計算機相關(guān)專業(yè)的一門重要的核心課程，課程具有極強的實操性，涉及美學、版面設(shè)計、開發(fā)工具、數(shù)據(jù)庫、編程等內(nèi)容?；谡n程的特殊性，本文通過分析專業(yè)特點、崗位需求，探索以網(wǎng)頁設(shè)計與制作工作崗位為導向的課程模塊及項目的構(gòu)建，并結(jié)合實際教學，詳細闡述了課程實施項目教學法的流程及課程評價方式。

《網(wǎng)頁設(shè)計與制作》課程 網(wǎng)頁設(shè)計與制作職業(yè)崗位 項目教學法

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

表1 《網(wǎng)頁設(shè)計與制作》課程包含的內(nèi)容

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

一、《網(wǎng)頁設(shè)計與制作》課程內(nèi)容

1.網(wǎng)頁設(shè)計與制作行業(yè)崗位分析

網(wǎng)頁設(shè)計與制作相關(guān)的職業(yè)崗位有：網(wǎng)站美工、網(wǎng)頁制作員、網(wǎng)頁編輯員、網(wǎng)站開發(fā)程序員、網(wǎng)站維護人員等，對應(yīng)的崗位職責如表2所示。

根據(jù)行業(yè)崗位需求及計算機相關(guān)專業(yè)學生特點，確定各個專業(yè)學生培養(yǎng)目標及對應(yīng)崗位：計算機網(wǎng)絡(luò)技術(shù)專業(yè)學生開設(shè)課程系統(tǒng)全面，網(wǎng)頁設(shè)計與制作技術(shù)強，側(cè)重培養(yǎng)網(wǎng)頁制作、網(wǎng)站程序開發(fā)的能力；平面設(shè)計、數(shù)字媒體技術(shù)應(yīng)用專業(yè)學生有一定的美術(shù)基礎(chǔ)，圖片處理技能強，側(cè)重培養(yǎng)網(wǎng)站美工、網(wǎng)頁設(shè)計的能力；電子商務(wù)專業(yè)學生熟悉商務(wù)網(wǎng)站的操作流程，側(cè)重培養(yǎng)網(wǎng)站開發(fā)、網(wǎng)站編輯、網(wǎng)站維護的能力。

2.《網(wǎng)頁設(shè)計與制作》課程模塊及項目構(gòu)建

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

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

表2 網(wǎng)頁設(shè)計與制作相關(guān)職業(yè)崗位及能力需求

二、《網(wǎng)頁設(shè)計與制作》課程的教學方法

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

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

第一階段，結(jié)合應(yīng)用，明確項目

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

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

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

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

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

第四階段，展評結(jié)合，應(yīng)用項目

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

表3 《網(wǎng)頁設(shè)計與制作》課程模塊及項目構(gòu)建

表4 模塊目標與項目目標對應(yīng)表

三、《網(wǎng)頁設(shè)計與制作》課程評價方式

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

1.教師評價和學生評價相結(jié)合

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

2.技能評價和綜合素質(zhì)評價相結(jié)合

在評價項目的設(shè)置中，不僅注重對技術(shù)技能的評價，同時對必要的基本職業(yè)素質(zhì)進行評價，例如溝通表達能力、團隊協(xié)作能力、版權(quán)意識等方面。

3.過程性評價和總結(jié)性評價相結(jié)合

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

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

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

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