論高職院校《網頁設計與制作》項目化課程的開發(fā)與實踐

周蘇峽

摘 要：該文介紹了《網頁設計與制作》項目化教學思路和方法，從設計理念與思路、對計應相關專業(yè)建設與發(fā)展的定位與作用、課程內容的針對性與適用性、教學內容的組織與安排、教學模式的設計與創(chuàng)新、實踐教學條件的建設與使用等6個方面進行了設計與分析，為學生較好地掌握知識及快速適應工作崗位需求進行了一些思考和探索。

關鍵詞：高職院校 網頁設計 項目化課程 開發(fā)實踐

中圖分類號：TP311.1 文獻標識碼：A 文章編號：1674-098X（2017）02（c）-0224-02

《網頁設計與制作》是計算機應用專業(yè)的一門專業(yè)核心課程。該課程目標是讓學生掌握網頁設計與制作能力。它以圖形圖像處理、互聯(lián)網應用等課程的學習為基礎，也是進一步學習動態(tài)網站設計等課程的基礎。學完本課程，要求學生能達到掌握網頁美工初步技能；熟練掌握HTML+CSS進行頁面布局與排版的技能；基本掌握使用網頁腳本控制頁面操作和提升用戶體驗的能力。

按照高職高專知識傳授特點與職業(yè)技能需求，同時根據(jù)網頁設計與制作課程知識的掌握規(guī)律，目前我校采用了項目化教學方法，為學生較好地掌握知識及快速適應工作崗位需求打下扎實的基礎。

1 設計理念與思路

該課程根據(jù)職業(yè)能力發(fā)展的基本規(guī)律（新手—生手—熟手—能手—專家），將學習內容設計為網頁設計實際工作，通過工作實現(xiàn)學習。采用整體→模塊→整體的設計思路，按照簡單到復雜、單一到綜合、低級到高級的原則進行。

1.1 設計理念：學習的內容是工作，通過工作實現(xiàn)學習。

這一理念體現(xiàn)了該課程的職業(yè)性和實踐性，同時學習的主體變?yōu)閷W生，學習內容以培養(yǎng)學生的職業(yè)技能為主。為體現(xiàn)這一設計理念，在課程設計前我們調研了數(shù)十家合作企業(yè)，與企業(yè)專家一起，對網頁設計各個方面涵蓋的崗位進行職業(yè)技能與職業(yè)素質分析，整合出一個基于工作實踐的“網頁設計與制作”項目（比工作實踐更完備體現(xiàn)課程的各個知識點）。同時分解實際工作中網頁設計的工作流程和崗位，確立多個子項目。這種方式學習，充分體現(xiàn)職業(yè)典型工作任務，以“工作”促學習，邊“工作”邊學習，學生學習內容具體化，學習興趣大大提高。

1.2 設計思路：整體→模塊→整體

課程設計的思路是根據(jù)幾個不同類型的網站案例整體設計入手，將網頁設計所有環(huán)節(jié)和操作步驟詳細介紹給學生，讓學生從與“用戶”溝通開始參與到整個系統(tǒng)的設計過程中，教師根據(jù)任務需要，先給出網頁效果圖，讓學生體驗完成后的整體效果，再根據(jù)項目進程分解任務，這種設計優(yōu)點是能讓學生將學習過程作為完整的“工作”過程。在此基礎上，進一步將各工作任務分成若干子任務，通過90課時教學+30課時整周實訓學習，最終將各個子項目整合，完成網站整體設計工作。在子模塊學習任務設定中，每個子任務設計是按實際工作中網頁設計的技能要求提煉出來的，能滿足不同崗位的需求。

項目完成時，我們還設計了學員相互評價體系，對設計成果進行評估，讓學生在自我學習過程中及時總結并收獲進步。

2 對專業(yè)建設與發(fā)展的定位與作用

該課程采用項目化教學方式，可以起到如下作用。

（1）學生對該專業(yè)的工作崗位有了具體認識，了解了各崗位所需的專業(yè)知識，從而幫助學生進行職業(yè)規(guī)劃和知識儲備。（2）學生對所學專業(yè)的工作內容有了比較具體的認識。該課程使學生對計應專業(yè)到底是做什么的、怎么做等問題有了全面認識，增強了學習信心和學習興趣。

3 課程內容的針對性與適用性

（1）該課程是依據(jù)“計算機應用專業(yè)職業(yè)崗位與職業(yè)能力分析表”中網頁設計師職業(yè)崗位設置的?？傮w設計思路是：著重培養(yǎng)學生網頁制作能力，具備HTML、CSS、JavaScript等知識，以網站設計工作任務為中心選擇和組織課程內容，讓學生在完成網站設計具體項目的過程中完成相應工作任務。課程構成主要突出職業(yè)能力要求。（2）課程總學時為90學時教學+ 30學時整周實訓，內容包括Web服務器配置、網頁視覺效果設計、用戶體驗設計、網頁兼容性設計等。

（3）知識目標和能力目標。

知識目標應掌握HTML、CSS、JavaScript、HTML5、CSS3等知識，該課程學習結束，學生應能自行設計各種網頁、開發(fā)一定規(guī)模的網站，熟練掌握網站制作基本方法和技巧，并最終設計出綜合性的網站。

能力目標主要體現(xiàn)以下方面：

①熟練使用網頁編輯軟件。

②熟練使用樣式表控制頁面外觀。

③能在網頁中設置需要的腳本。

④能進行網站的更新與管理。

另外根據(jù)職業(yè)教育要求，加強學生以下素質：

①服務意識：為他人提供優(yōu)質的服務。

②文明法制意識：網站內容積極健康向上，不做違法的事。

③合作精神：能夠與他人合作，具有協(xié)調能力和組織管理能力。

④較強的自我知識及技術更新能力：能快速跟蹤網頁制作的新技術及市場應用動態(tài)。

4 教學內容的組織與安排

該課程主要教學內容包括網站服務器、HTML、CSS、網頁界面整體設計（含JavaScript應用）、網頁兼容性等5個教學模塊，其中HTML和CSS為學習和實踐的重點，通過幾個案例的制作過程展開知識講授。具體教學內容及課時安排見表1，“網頁外觀制作技術”項目的教學設計見表2（其他教學項目的教學設計因篇幅所限此處省略）。

5 教學模式的設計與創(chuàng)新

在該課程的教學中，教學地點由教室遷移到一體化實訓室，教學方式由教師講為主轉變?yōu)閷W生做為主。實施中包含如下步驟。

（1）指定清晰的工作任務，教師展示頁面效果。（2）學生制訂工作計劃，理順工作思路。（3）教師進行工作過程輔導，講解涉及的理論知識。（4）學生根據(jù)需要在課程網站上獲得豐富的教學資源。（5）學生完成工作任務，體驗工作效果。（6）師生及企業(yè)專家共同評價工作成果。

6 實踐教學條件的建設與使用

課程在網站設計一體化教室完成，其間配合到企業(yè)現(xiàn)場教學實習環(huán)節(jié)，實施時由每位學生獨立完成網頁制作任務，課程各種教學資源能夠在學習過程中在線使用。

7 結語

課程的開發(fā)與實踐是教育實施中始終不能停止的工作，不僅要根據(jù)課程教學的一般規(guī)律行事，還要根據(jù)不同專業(yè)、不同課程加以調整，另外也并不是所有課程都能很好地適用項目化教學方法，在職業(yè)技術教育中只有與時俱進，本著培養(yǎng)實用型人才、服務于社會經濟發(fā)展的宗旨，才能真正讓學生對課程知識學得快、學得好、用得著。