冀萍

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

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

冀萍

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

第二階段，分析項(xiàng)目，歸納方案

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

第三階段，分組合作，完成項(xiàng)目

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

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

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

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

表4 模塊目標(biāo)與項(xiàng)目目標(biāo)對應(yīng)表

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

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

1.教師評(píng)價(jià)和學(xué)生評(píng)價(jià)相結(jié)合

在項(xiàng)目實(shí)施中一方面由教師對項(xiàng)目組負(fù)責(zé)人進(jìn)行工作評(píng)價(jià)；另一方面，每個(gè)項(xiàng)目組成員對自己的各階段工作任務(wù)完成情況進(jìn)行自評(píng)、互評(píng)，再由項(xiàng)目組負(fù)責(zé)人對其組員進(jìn)行評(píng)價(jià)，通過三個(gè)不同的視角對學(xué)生進(jìn)行評(píng)價(jià)，將更全面、更準(zhǔn)確。

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

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

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

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

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

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

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