《靜態網頁制作》課程階段性項目化教學初探

【摘要】《靜態網頁制作》課程是高職計算機類各專業開設的專業必修課，本課程具有很強的職業性和實踐性，非常適合項目化教學。為使本課程的項目化教學更加突出職業性和實踐性，本文針對高職學生的學情，并借鑒目前國內IT企業培訓機構所采用的一些教學方式（方法），試圖探索階段性項目化教學在本課程教學實踐中的應用。

【關鍵詞】高職教育 網頁制作 階段性項目化教學

【中圖分類號】G712【文獻標識碼】A 【文章編號】2095-3089（2013）12-0254-02

1.階段性項目化教學概述

在高職院校中，傳統教學的方式是教師面對學生重在專業知識和技能的講解，而忽視實踐性教學環節，更是缺乏相應的教學方法和手段的改革和創新。隨著高職教育的發展，這種傳統教學方式的弊端也日益明顯起來，教學方法和手段的改革已迫在眉睫。需要一種適合高職學生學習專業知識技能，行之有效的教學方式（方法），既要遵循學習規律——由淺入深、循序漸進，使高職學生能較為全面地掌握課程的基本知識，又要能為勝任未來的崗位工作而強化訓練崗位技能，提升相應的職業能力。當下，以任務為載體，基于工作過程的項目化教學，無論是教學內容、還是教學方法，教學過程、還是教學評價，處處體現出高職教育教學的特征——職業性、實踐性和開放性，已被越來越多的高職課程教學所采用。然而，由于各種課程的不同教學特點和要求，課程的項目化教學設計及其實施并非千篇一律。此門課程自采用項目化教學以來，前期使用項目化教學過程中，由于采用完全基于工作過程的項目化教學方法，缺乏基礎知識技能的系統講解，在教學執行中，經常出現如下情況：在執行的項目時，因項目綜合性強，而學生基本知識和技能不系統和缺乏導致中斷項目執行，轉而進行基礎知識技能補講環節，從而影響項目教學的正常進行，對學生而言也感覺課程學習上存在難度。在進行充分了解目前內IT培訓機構類似課程的教學方法和教師間教學法交流后，采用“階段性”的項目化教學設計進行教學實踐，通過階段性項目化教學方法的實施不僅提高本課程的教學效果，也能為今后進行系統性的項目化教學整體設計作鋪墊。

所謂階段性項目教學是在“以任務為載體，基于工作過程的項目化教學”的基本框架內融合目前國內IT培訓機構所采用的一些教學方式，設計課程教學、實施課程教學。階段性項目教學在項目設計上依然采用項目化的教學理念與教學方式，其特點就在于階段性。主要是設計適合高職學生學習的、具有不同層次的（基礎與進階）項目，序化成階段性教學內容和階段性基于工作過程項目。首先，對階段性項目進行分析，確定完成項目所需要的基本技能，并融入相應的知識點作為項目教學內容后，首先對相應的知識和技能進行系統講解與練習；然后，根據不同的項目內容，采用與其相適應的多種教學方法和手段，強化技能訓練；繼而通過深化校企合作，乃至采取工學結合的教學模式，按照“基于工作過程”的項目化教學基本要求，實施各“階段性項目”教學，充分體現職業性、實踐性和開放性的高職課改要求。

2.階段性項目化教學設計

2.1設計思路

《靜態網頁制作》課程主要培養學生能夠利用“DIV+CSS”進行靜態網頁制作。主要知識技能包括：（1）網頁制作相關概念、（2）HTML常用標簽、（3）CSS使用、（4）表格布局和（5）DIV+CSS 等等。在進行階段性項目設計時，既充分考慮目前企業中網頁制作員和前端開發工程師崗位特點，同時又緊密結合高職學生的學習特點。通過與企業從事UI開發人員進行崗位調研與分析，全面了解崗位所需要的基本技能和崗位要求，進而確定對階段性知識技能和項目的選取，遵循學生的學習規律進行項目教學設計，由淺入深、循序漸進——分階段（不同層次要求）——階梯式的“拾級而上”，對各個階段性項目的知識技能，要求逐個深入，其技能難度和（崗位工作的）實踐性也必須依次有所提升。靜態網頁制作由淺入深分為三個階段，第一階段：HTML常用標簽、CSS的基礎和利用表格布局制作網頁等；第二個階段： CSS的深入應用，盒子模型，定位與浮動，利用DIV+CSS進行網頁布局與制作；第三階段：DIV+CSS綜合高級應用。對于上述三個階段又分別設計基礎技能完成后的階段性項目，階段性項目設計依然完全采用基于工作過程方式進行，從而達到鞏固和應用知識技能的目的。本門課程總體設計三個階段性項目，前兩個項目屬于基礎項目，一是要求學生掌握基本知識與技能，二是要求熟練運用靜態網頁制作的技能，提升自主學習能力，學會常用的制作技巧；而第三個項目則是通過深化校企合作，并希望采用工學結合教學模式的實戰（崗位工作的）進階項目。

2.2階段性項目設計

2.2.1基礎項目設計

第一階段項目設計：汽車配件網站，此階段項目選取采用表格布局方式。包含知識技能：HMTL常用標簽，CSS基礎和利用表格與CSS相結合制作網頁，表格布局雖然目前在企業前端開發中基本不再使用，但考慮到網頁制作發展歷程和表格布局也確實還有一些優勢的地方可取，包括網頁標準倡導者谷歌公司網站版面上依然可以見到表格布局的頁面，所以第一個階段主要采用表格結合CSS進行。

第二階段項目設計：地產類型網站，主要采用目前流行的DIV+CSS方式進行頁面布局與制作。包含知識技能：深入CSS盒子模型，浮動與定位和常用的DIV+CSS布局方法與頁面制作，同時加強利用fir？鄄bug插件火狐瀏覽器下進行查看網頁CSS樣式和借鑒學習網上經典的一些網頁布局方法和制作網頁的技巧，以提升學生自主學習能力。

2.2.2進階項目設計

此階段屬于進階項目，讓學生了解到基本熟悉網頁前端的界面設計、美工設計和頁面制作崗位分工和流程，重點是讓學生對DIV+CSS技術綜合應用，后期則要求學生進行目前主流的四種瀏覽器內核的代表瀏覽器進行兼容性測試，此階段項目采用校企合作方式或崗位式工學結合方式進行，有企業人員參與，完全按照企業崗位要求的業務流程而進行，在企業人員和教師的共同參與下，由學生比較獨立自主完成。項目選取主要結合目前主流門戶型網站中較為經典的頁面而設計，知識技能應用綜合性強，這樣不但可以鞏固學生所學知識技能，同時校企合作，讓學生熟悉企業崗位業務流程，突出職業性特點。因此項目選取最終由企業人員和教師共同選取，每年會根據目前網站比較主流的布局和制作方式而有不同。

3.教學實施

在階段性項目設計完成后，接下來就是如何行之有效地對其進行實施，首先考慮的應是教學方法和手段。

3.1采用多種教學方法

前兩個基礎項目實施，首先，由教師進行項目操作演示，初步講解完成項目的流程，而重點向學生詳細介紹項目中所包含的基本知識和技能，而在基本知識技能教學環節完成后，則進行階段性項目教學。為鞏固已學的基本知識與技能，同時布置適量的操作練習（網頁作品），而后則采用學生相互點評，以及采取師生互動的方式——由教師點評講解具有代表性的學生練習作品，一方面用以當堂檢查學習效果，另一方面也可以督促學生的進一步學習。

在教學上應用多種教學方法，采用任務驅動法，提問法，引導法，案例法等都可以加強師生互動。此外，教師也會重點介紹網絡上現有的經典網站，通過利用一些工具、或方法剖析這些經典網站的制作思路和實現方法，如火狐瀏覽器中的fire-bug插件的使用，從而引導學生更新被動學習為主動學習，促進自主學習能力的提升。為了能夠方便學生課后自主學習，本課程還建立了課程學習網站，網站上提供豐富的課程資源，為開創課內課外學習一體化提供條件。

3.2深化校企合作

在本課程最后一個階段性項目——進階項目（網站設計）實施中，擬聘請企業技術人員進課堂參與教學，由企業技術人員、教師和學生共同完成項目（工作任務），教學過程與崗位工作流程緊密結合。首先，由企業技術人員面向學生進行工作動員：介紹項目背景，布置項目任務，提出工作要求；然后，學生、企業技術人員、教師三方各就各位投入工作，如，學生分組（可兩人一組）查詢資料、相互討論、按崗位（或分工）工作流程保質保量完成各自的工作任務、撰寫說明書等；企業技術人員和教師共同面對學生進行現場輔導（答疑）；項目完成后，先經學生自評，后由企業技術人員及教師分別進行點評，指出學生完成的項目（網站設計）作品的優點與不足，督促再次修改，多次往復、精益求精——這不僅是一種工作方法，而更是一種工作責任。進階項目教學過程實施，不僅能使學生在體驗未來工作崗位中基本流程，獲得相關的靜態網頁制作的技能與技巧；同時也會提升任課教師的專業知識和技能，這將有利于進一步深化高職課程教學改革。

4.課程考核與評價

階段性項目教學方式重在訓練學生完成（網站設計）項目的“實戰”技能，傳統的考核方式顯然不能很好地考核學生的學習效果。因此，本課程必須采用“基于項目化的過程性”考核評價方式，即學生的最終成績評定：一是由課程教學中的三個項目完成情況（包含學生自評、以及教師、企業技術人員的點評），分別按一定比例來構成，按334比例構成；二是為了能最大程度上督促學生獨立完成（網站設計）項目，期末將隨機抽取不同成績段的學生進行課程答辯，答辯則采用提問方式進行，問題由淺入深進行，再將答辯結果（成績）計入課程成績。

5.結束語

近幾年來，筆者和同仁通過此門課程教學實踐效果前后比較，采用完全項目化和階段性項目兩種教學方法，經過教學實踐情況表明，后者教學效果良好。

應用階段性項目化教學理念設計《靜態網頁制作》課程教學，一是遵循學生的學習規律——階段性的項目由淺入深、循序漸進，比較適合高職學生的學習；二是基于工作過程的項目化教學，符合高職教育教學的特征——職業性、實踐性和開放性。

階段性項目化教學對學生而言，所學知識更易于消化吸收，也能比較全面地掌握基本制作技能，在基于工作過程的教學環境（尤其是進階項目教學過程）中，通過“實戰”技能的訓練，不但培養了學生自主學習的能力，而且也有助于提高學生的職業素養，這最終會促進學生今后在真正的職業崗位上的終身學習。對教師而言，通過階段性項目化教學，與企業技術人員的緊密合作，能及時了解到專業技能在市場中的最新應用情況；與學生們一起完成項目任務的同時，也能共同體驗崗位工作的職業能力需求，這兩者都可以為啟動新一輪的課程改革提供目標與任務。

參考文獻：

[1]楊乃如，馮霞.基于項目化的靜態網頁制作課程的實踐探索[J].黑龍江科技信息，2011，33：203.

[2]王鷹漢，楊明宇.項目教學法在《網頁設計》課程中的應用[J].南昌教育學院學報，2013，07：89+93.

[3]高亞平，高潔，張靜.高職《網頁設計與制作》教學探索與實踐[J].華中師范大學學報（人文社會科學版），2013，S3：169-172.

[4]張曉娟，張琳林.高職項目化課程教學評價體系探析[J].河南科技，2013，16：249-250.

作者簡介：

譚春茂（1977-），男，講師，上海農林職業技術學院，研究方向：web開發和高職教學方法研究。