孫重巧　吳勇剛

摘要：對于《網(wǎng)頁設(shè)計》這門操作性比較強的課程，傳統(tǒng)的教學(xué)方法已經(jīng)遠遠不能滿足我們現(xiàn)實教學(xué)的需要，因此我們采取基于工作過程的項目教學(xué)的方法對該門課程進行改革探索。我們通過項目教學(xué)改革的出發(fā)點來提高學(xué)生的網(wǎng)頁設(shè)計的實戰(zhàn)技能，以典型的網(wǎng)頁設(shè)計項目為核心，按照實際開發(fā)的工作過程為導(dǎo)向?qū)㈨椖糠纸鉃槿舾蓚€工作任務(wù)，并按照實際工作過程中項目任務(wù)實施的需要來進行相關(guān)知識和技能的培養(yǎng)和訓(xùn)練。實踐證明，這種改革有利于教學(xué)，能有效提高教學(xué)質(zhì)量，值得推廣。

關(guān)鍵詞：網(wǎng)頁設(shè)計；項目教學(xué)；工作過程；教學(xué)改革；教學(xué)實施

中圖分類號：G642 文獻標(biāo)識碼：A 文章編號：1009-3044（2016）23-0111-02

《網(wǎng)頁設(shè)計》是廣大高職院校計算機專業(yè)的一門專業(yè)基礎(chǔ)課。本課程的前導(dǎo)課程有計算機基礎(chǔ)，后續(xù)課程有數(shù)據(jù)庫、動態(tài)網(wǎng)站開發(fā)等。它是一門實踐性很強的課程，既要掌握設(shè)計，又要動手編程，還要上機調(diào)試運行等。 對計算機專業(yè)來說是一門必修的課程，對后續(xù)課程的學(xué)習(xí)影響較大。此外，這門課程也是計算機軟件專業(yè)技術(shù)資格（水平）考試網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計工程師考試的主要語種。同時課程具有很強的社會實用性，深受學(xué)生的重視和喜愛。我們將圍繞如何基于工作過程的方式針對《網(wǎng)頁設(shè)計》課程進行項目教學(xué)改革，我們將從課程培養(yǎng)目標(biāo)、課程內(nèi)容設(shè)計與課程教學(xué)實施等三個方面來談一談《網(wǎng)頁設(shè)計》課程項目教學(xué)改革探索。

1 課程培養(yǎng)目標(biāo)的改革

結(jié)合現(xiàn)在高職高專人才培養(yǎng)規(guī)格，本課程培養(yǎng)的目標(biāo)應(yīng)該是培養(yǎng)學(xué)生Web客戶端靜態(tài)頁面設(shè)計能力的主干課程。是培養(yǎng)學(xué)生的靜態(tài)頁面設(shè)計能力，使學(xué)生掌握Web客戶端靜態(tài)頁面編寫的基本方法，并逐步形成正確的客戶端靜態(tài)頁面設(shè)計理念，能夠熟練地使用HTML語言、CSS設(shè)計、JavaScript編程，為網(wǎng)頁開發(fā)后續(xù)課程打下基礎(chǔ)的一門專業(yè)基礎(chǔ)課。圍繞上述課程培養(yǎng)目標(biāo)，

我從能力目標(biāo)和素質(zhì)目標(biāo)來談一談自己的想法：

1）能力目標(biāo)應(yīng)該注重如下幾個方面的培養(yǎng)：①能獨立進行文案資料的搜索與整理、具備能分析理解用戶需求的能力；②能根據(jù)項目需求，具備項目網(wǎng)頁的設(shè)計與功能實現(xiàn)能力；③能根據(jù)靜態(tài)頁面設(shè)計規(guī)則與CSS參數(shù)規(guī)范，實現(xiàn)網(wǎng)頁的美化和布局；④具有使用JavaScript技術(shù)進行頁面事件處理與表單驗證的能力；⑤能根據(jù)DOM樹形結(jié)構(gòu)，進行頁面DOM的控制；⑥具有綜合應(yīng)用HTML語言、CSS樣式、JavaScript腳本進行頁面的設(shè)計、編碼、調(diào)試、維護能力。

2）素質(zhì)培養(yǎng)目標(biāo)應(yīng)該注重如下幾個方面的培養(yǎng)：①養(yǎng)成善于思考、深入研究的良好自主學(xué)習(xí)的習(xí)慣；②通過項目與案例教學(xué)，培養(yǎng)學(xué)習(xí)者的分析問題、解決問題的能力；③具有吃苦耐勞、團隊協(xié)作精神，溝通交流和文字表達能力；④通過課內(nèi)外訓(xùn)練，培養(yǎng)學(xué)生的創(chuàng)新意識；⑤具有勤奮敬業(yè)、遵守職業(yè)道德規(guī)范、誠實、守信的高尚品質(zhì)。

2 課程內(nèi)容設(shè)計的改革

以目前行業(yè)企業(yè)在其職業(yè)崗位上使用的最新、最流行的網(wǎng)頁設(shè)計軟件平臺為依據(jù)，結(jié)合企業(yè)崗位實際所需開設(shè)課程內(nèi)容，確保學(xué)生獲取知識與技能的時效性和適用性。

結(jié)合我們在實踐課程改革中的一些經(jīng)驗，在進行本課程內(nèi)容設(shè)計的過程中，主要基于工作過程導(dǎo)向的思想和設(shè)計理念來進行改革，根據(jù)課程標(biāo)準(zhǔn)確定5個工作項目任務(wù)、14個工作任務(wù)的學(xué)習(xí)內(nèi)容，具體《網(wǎng)頁設(shè)計》課程教學(xué)內(nèi)容整體設(shè)計如下表：

《網(wǎng)頁設(shè)計》課程項目教學(xué)設(shè)計，每個項目單元通過引出若干任務(wù)的教學(xué)核心內(nèi)容，明確教學(xué)任務(wù)。每個任務(wù)可以從任務(wù)陳述、知識準(zhǔn)備、任務(wù)拓展、項目實訓(xùn)等環(huán)節(jié)進行設(shè)計。

總體來講，課程內(nèi)容的設(shè)計應(yīng)遵循學(xué)生的認(rèn)知規(guī)律和職業(yè)成長規(guī)律，由淺到深，由簡單到困難，系統(tǒng)設(shè)計基礎(chǔ)知識和實踐能力訓(xùn)練體系，實現(xiàn)基礎(chǔ)知識、專業(yè)技能、素質(zhì)水平的同步提高，達到提升學(xué)生的職業(yè)能力的目的。

3 課程教學(xué)實施的改革

3.1 教學(xué)方法改革

在實際教學(xué)過程中，積累了一些教學(xué)方法改革經(jīng)驗同大家分享：

1）從學(xué)生認(rèn)知規(guī)律出發(fā)，課堂講授采用“學(xué)、仿、做一體化”教學(xué)方法，以教學(xué)項目為模塊，以基于工作過程的項目任務(wù)引導(dǎo)學(xué)生學(xué)習(xí)技能，并通過動手實踐，讓學(xué)生自己理解并歸納、掌握網(wǎng)頁的設(shè)計知識與常識。整個教學(xué)過程突出精講多練的模式，達到理論與實踐統(tǒng)一，知識的內(nèi)化與應(yīng)用的教學(xué)目的。

2）在教學(xué)過程中將學(xué)生分為若干小組，給定工作任務(wù)，啟發(fā)學(xué)生通過動手實踐以及對實踐結(jié)果進行思考獲取知識。

3）同時在講授的過程中，將網(wǎng)頁設(shè)計中多種技術(shù)與方法應(yīng)用到各教學(xué)單元，使學(xué)生最終能掌握網(wǎng)頁設(shè)計的規(guī)范與各種技巧。當(dāng)課程結(jié)束時，讓學(xué)生以團隊形式完成網(wǎng)頁設(shè)計項目。

3.2 教材建設(shè)改革

所選用的教材應(yīng)充分體現(xiàn)培養(yǎng)學(xué)生的職業(yè)能力為中心思想，以“教、學(xué)、做”為一體組織課堂內(nèi)容，注重理論與實踐相結(jié)合、教材內(nèi)容與行業(yè)標(biāo)準(zhǔn)要求相結(jié)合，強調(diào)理論在實踐過程中的應(yīng)用。

不拘泥于現(xiàn)有教材內(nèi)容限制，以實際工作環(huán)境中所需軟件的最新版本和最新功能作為講授的重點，去掉實用性不高和過時的內(nèi)容，并鼓勵教學(xué)團隊自編特色教材，最大限度地提高學(xué)生在校獲取知識技能的效率。并結(jié)合本專業(yè)在行業(yè)企業(yè)中的典型工作任務(wù)開發(fā)出6個項目工廠供學(xué)生實踐訓(xùn)練，讓學(xué)生既掌握課程所涉及的專業(yè)知識，同時掌握在設(shè)計中如何運用知識，在設(shè)計成果中讓學(xué)生獲得成就感，加深對專業(yè)知識渴求的愿望，充分調(diào)動學(xué)生的內(nèi)在動力，激發(fā)學(xué)生的學(xué)習(xí)潛能。綜上所述，教材建設(shè)改革應(yīng)具備如下要求：

1）項目豐富貫穿始終、任務(wù)驅(qū)動。以現(xiàn)實的網(wǎng)頁設(shè)計項目為主導(dǎo)貫穿整個教材，同時參照現(xiàn)實項目的實施流程將項目分解成若干個工作任務(wù)，并按各個任務(wù)所需的基礎(chǔ)知識和專業(yè)技能進行教材內(nèi)容的整合，用任務(wù)驅(qū)動作來牽引學(xué)生的好奇心，激發(fā)學(xué)生的學(xué)習(xí)的興趣，使學(xué)生帶著問題學(xué)、帶著目的學(xué)、帶著興趣學(xué)。

2）雙重循環(huán)完成任務(wù)的實施，掌握知識點和技能點。第一重循環(huán)：給出實施的任務(wù)的目標(biāo)、重點、技術(shù)要求、操作步驟，讓學(xué)生嘗試著完成各次任務(wù)，在遇到問題時會需要學(xué)習(xí)和掌握必要的知識和技能，從而使學(xué)習(xí)知識和技能具有很強的目的性和針對性，極大地提高學(xué)生學(xué)習(xí)效果。第二重循環(huán)：基礎(chǔ)知識和專業(yè)技能的講解，講解與相應(yīng)任務(wù)實施有關(guān)的基礎(chǔ)知識和專業(yè)技能。學(xué)生邊學(xué)邊操作，同時也是對任務(wù)問題的深入或功能拓展，在“教中學(xué)，學(xué)中做”。

3）自由選擇特定項目自主學(xué)習(xí)。教材是一個相對完整的學(xué)習(xí)資料，是理論與實踐的統(tǒng)一體。學(xué)生大多能根據(jù)自己的學(xué)習(xí)情況靈活地選擇特定任務(wù)，根據(jù)任務(wù)的針對性和技術(shù)要求學(xué)習(xí)相應(yīng)的知識和技能章節(jié)，并在所提供的上一任務(wù)電子（或紙質(zhì)）成果的基礎(chǔ)上完成本次任務(wù)。

4）構(gòu)建綜合項目實踐教學(xué)情境案例。有利于提高教師專業(yè)能力，提高教學(xué)水平，有利于增強學(xué)生學(xué)習(xí)的主觀能動性，提高學(xué)生分析和解決問題的基本能力，有利于增加師生互動，提高教學(xué)質(zhì)量。最重要的是綜合項目實踐教學(xué)情境案例是完全基于工作過程的，詳細描述了一個商業(yè)項目的開發(fā)纖細過程。

3.3 考核標(biāo)準(zhǔn)和考核方法改革

課程以考查方式考核學(xué)生對《網(wǎng)頁制作》的掌握程度，理論部分可以采用傳統(tǒng)試卷考核的方式，并與平時學(xué)習(xí)情況、個人表現(xiàn)等結(jié)合起來的考試方式。也可創(chuàng)新其他方式進行考核。實踐部分可以選擇采取現(xiàn)場技能操作、上機操作、設(shè)計答辯、實驗測試、作品制作、產(chǎn)品制作、競賽形式等方式，或者采取理論測驗與上述操作結(jié)合起來的方式，或者實際操作與平時學(xué)習(xí)情況等因素綜合考慮的考核方式。

4 后記

采用基于工作過程的項目教學(xué)法進行《網(wǎng)頁設(shè)計》課程教學(xué)，能把枯燥的理論變成現(xiàn)實可行的項目。通過教學(xué)調(diào)查學(xué)生普遍反映掌握的基礎(chǔ)知識和專業(yè)技能更扎實了，能夠運用所學(xué)去進行網(wǎng)頁設(shè)計，開發(fā)網(wǎng)站。該課程的教學(xué)改革有效地調(diào)動他們的學(xué)習(xí)主觀能動性，開拓他們的想法、提升了專業(yè)能力、培養(yǎng)綜合素質(zhì)，更提高了他們的自信心和成就感，培養(yǎng)了他們分析解決問題的能力；但教學(xué)改革是一個長期的艱苦的過程，要根據(jù)實施過程中的具體情況靈活運用，并不斷加以改進完善。

參考文獻：

[1] 武創(chuàng)，王慧.網(wǎng)頁設(shè)計探索之旅[M].北京：電子工業(yè)出版社， 2006.

[2]劉萬輝，司艷麗.網(wǎng)頁設(shè)計與制作教程[M].北京：機械工業(yè)出版社， 2007.

[3]王偉，葉穎.項目課程的教學(xué)設(shè)計探討[J].中國現(xiàn)代教育裝備，2007（10）： 115-117.

[4]蔡伯峰.網(wǎng)頁設(shè)計與制作教學(xué)設(shè)計改革[J].泰州職業(yè)技術(shù)學(xué)院學(xué)報，2008（2）： 55-58.

[5]曾海.JavaScript程序設(shè)計基礎(chǔ)教程[M].北京.人民郵電出版社，2009.

[6]任長權(quán).靜態(tài)網(wǎng)頁設(shè)計技術(shù)[M].北京：中國鐵道出版社，2009.

[7]張洪斌.基于工作過程的網(wǎng)頁設(shè)計與制作教程[M].北京：機械工業(yè)出版社，2010.

[8]趙輝.HTML+CSS網(wǎng)頁設(shè)計指南[M].北京：清華大學(xué)出版社，2010.