基于工作過程的《網(wǎng)頁設(shè)計(jì)》課程項(xiàng)目教學(xué)改革探索

孫重巧　吳勇剛

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

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

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

《網(wǎng)頁設(shè)計(jì)》是廣大高職院校計(jì)算機(jī)專業(yè)的一門專業(yè)基礎(chǔ)課。本課程的前導(dǎo)課程有計(jì)算機(jī)基礎(chǔ)，后續(xù)課程有數(shù)據(jù)庫、動(dòng)態(tài)網(wǎng)站開發(fā)等。它是一門實(shí)踐性很強(qiáng)的課程，既要掌握設(shè)計(jì)，又要?jiǎng)邮志幊?，還要上機(jī)調(diào)試運(yùn)行等。 對計(jì)算機(jī)專業(yè)來說是一門必修的課程，對后續(xù)課程的學(xué)習(xí)影響較大。此外，這門課程也是計(jì)算機(jī)軟件專業(yè)技術(shù)資格（水平）考試網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計(jì)工程師考試的主要語種。同時(shí)課程具有很強(qiáng)的社會(huì)實(shí)用性，深受學(xué)生的重視和喜愛。我們將圍繞如何基于工作過程的方式針對《網(wǎng)頁設(shè)計(jì)》課程進(jìn)行項(xiàng)目教學(xué)改革，我們將從課程培養(yǎng)目標(biāo)、課程內(nèi)容設(shè)計(jì)與課程教學(xué)實(shí)施等三個(gè)方面來談一談《網(wǎng)頁設(shè)計(jì)》課程項(xiàng)目教學(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è)計(jì)能力的主干課程。是培養(yǎng)學(xué)生的靜態(tài)頁面設(shè)計(jì)能力，使學(xué)生掌握Web客戶端靜態(tài)頁面編寫的基本方法，并逐步形成正確的客戶端靜態(tài)頁面設(shè)計(jì)理念，能夠熟練地使用HTML語言、CSS設(shè)計(jì)、JavaScript編程，為網(wǎng)頁開發(fā)后續(xù)課程打下基礎(chǔ)的一門專業(yè)基礎(chǔ)課。圍繞上述課程培養(yǎng)目標(biāo)，

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

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

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

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

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

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

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

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

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

3.1 教學(xué)方法改革

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

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

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

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

3.2 教材建設(shè)改革

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

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

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

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

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

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

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

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

4 后記

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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