[摘要]文章立足于對(duì)“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)現(xiàn)狀的分析，指出其問(wèn)題所在，提出對(duì)“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)的改革探索，從“項(xiàng)目化教學(xué)法”“任務(wù)驅(qū)動(dòng)教學(xué)法”“案例教學(xué)法”三種教學(xué)方法、作品展示、考核評(píng)價(jià)幾個(gè)維度給出了實(shí)施路徑的建議，并在具體實(shí)踐中進(jìn)行了驗(yàn)證。

[關(guān)鍵詞]網(wǎng)頁(yè)設(shè)計(jì)與制作 職業(yè)能力 教學(xué)改革 實(shí)踐

[作者簡(jiǎn)介]周小麗（1973- ），女，浙江江山人，浙江同濟(jì)科技職業(yè)學(xué)院藝術(shù)系，副教授，碩士，研究方向?yàn)閿?shù)碼媒體設(shè)計(jì)與制作。（浙江 杭州 311231）

[中圖分類號(hào)]G642.0 [文獻(xiàn)標(biāo)識(shí)碼]A [文章編號(hào)]1004-3985（2013）08-0127-02

隨著互聯(lián)網(wǎng)的快速發(fā)展，越來(lái)越多的單位、部門以及個(gè)人利用建立網(wǎng)站進(jìn)行信息的發(fā)布、交流和互動(dòng)。電子商務(wù)在日常生活和工作中越來(lái)越普及，社會(huì)對(duì)網(wǎng)頁(yè)設(shè)計(jì)和制作人才的需求越來(lái)越大，對(duì)人才水平的要求也越來(lái)越高。目前有相當(dāng)一部分高職院校都開設(shè)了“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程。學(xué)生通過(guò)這門課程的學(xué)習(xí)，掌握靜態(tài)網(wǎng)站設(shè)計(jì)、制作的流程和技法，鍛煉靜態(tài)網(wǎng)站開發(fā)能力，既可以確定畢業(yè)設(shè)計(jì)的創(chuàng)作方向，也可以設(shè)計(jì)和制作個(gè)人網(wǎng)站來(lái)展示自己的優(yōu)秀作品，有利于就業(yè)率的提高。

一、“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)存在的問(wèn)題

“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程是浙江同濟(jì)科技職業(yè)學(xué)院（以下簡(jiǎn)稱“我院”）電腦藝術(shù)設(shè)計(jì)專業(yè)的一門專業(yè)核心課程，涵蓋了站點(diǎn)建立與維護(hù)、網(wǎng)頁(yè)布局、網(wǎng)頁(yè)元素定位、超鏈接技術(shù)、CSS樣式應(yīng)用、網(wǎng)頁(yè)動(dòng)態(tài)效果創(chuàng)建、網(wǎng)站測(cè)試與發(fā)布等方面的內(nèi)容，將網(wǎng)頁(yè)設(shè)計(jì)與Dreamweaver網(wǎng)頁(yè)制作軟件技術(shù)緊密結(jié)合，主要培養(yǎng)學(xué)生網(wǎng)頁(yè)美工設(shè)計(jì)和靜態(tài)網(wǎng)站開發(fā)能力。從學(xué)生就業(yè)應(yīng)聘情況和已從事與網(wǎng)站建設(shè)相關(guān)崗位的畢業(yè)生反饋信息來(lái)看，目前本課程的教學(xué)主要存在以下幾個(gè)問(wèn)題：

（一）學(xué)習(xí)被動(dòng)，學(xué)生的實(shí)踐能力差

長(zhǎng)久以來(lái)，“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程多是采用理論課與實(shí)踐課交替進(jìn)行的授課方式，老師先講解專業(yè)知識(shí)點(diǎn)和軟件技術(shù)操作示范，然后讓學(xué)生憑著記憶或是課堂筆記進(jìn)行模仿操作。教學(xué)內(nèi)容枯燥，學(xué)生學(xué)得被動(dòng)，學(xué)習(xí)積極性得不到很好的激發(fā)。有的學(xué)生不愿聽枯燥的理論知識(shí)，不愿做老師布置的上機(jī)作業(yè)，而是玩游戲、玩手機(jī)甚至?xí)缯n，導(dǎo)致對(duì)專業(yè)知識(shí)的掌握不牢。由于基礎(chǔ)理論與專業(yè)理論不扎實(shí)，學(xué)生在遇到問(wèn)題的時(shí)候不能迅速給予反應(yīng)。理論內(nèi)容與實(shí)踐內(nèi)容的脫節(jié)，使學(xué)生不能有效整合陳述性知識(shí)與過(guò)程性知識(shí)、理論知識(shí)與實(shí)踐知識(shí)，就是認(rèn)認(rèn)真真在模仿操作的同學(xué)也不能把所學(xué)的知識(shí)很好地遷移到實(shí)際工作崗位上去。

（二）眼高手低，學(xué)生的動(dòng)手能力差

學(xué)生看教師在示范時(shí)只是鼠標(biāo)單擊拖動(dòng)，自認(rèn)為很簡(jiǎn)單，不愿認(rèn)真學(xué)習(xí)，等到實(shí)踐課上自己操作時(shí)，面對(duì)給有具體操作步驟的任務(wù)不屑動(dòng)手，認(rèn)為過(guò)于簡(jiǎn)單，而對(duì)于沒給操作步驟的任務(wù)又覺得太難而手足無(wú)措，高不成低不就的現(xiàn)象普遍。學(xué)生沒有在自己動(dòng)手的實(shí)踐中掌握職業(yè)技能、習(xí)得專業(yè)知識(shí)，無(wú)法構(gòu)建屬于自己的經(jīng)驗(yàn)和知識(shí)體系，到了實(shí)際工作崗位上便無(wú)所適從，不能獨(dú)立地制訂計(jì)劃并付諸實(shí)施，無(wú)法將所學(xué)聯(lián)系實(shí)際，不具備解決問(wèn)題的能力。

（三）缺乏溝通，學(xué)生的適應(yīng)能力差

從畢業(yè)學(xué)生反饋的信息來(lái)看，學(xué)生缺乏溝通意識(shí)，沒有客戶至上的理念，導(dǎo)致適應(yīng)工作崗位的能力較差。有的不理解客戶的要求甚至將其置之不理，而是根據(jù)自己的審美觀自作主張進(jìn)行設(shè)計(jì)；有的對(duì)客戶的要求理解錯(cuò)誤，給客戶造成很多的不便。因缺乏溝通或溝通能力弱而造成返工，不但降低工作效率，還影響客戶對(duì)自己的信任，難逃老板的批評(píng)和指責(zé)。這些后果容易誘發(fā)學(xué)生的情緒化，進(jìn)而影響下一步的工作，陷入惡性循環(huán)。于是在這些學(xué)生眼中，工作變得無(wú)趣，沒有成就感，更有甚者無(wú)法繼續(xù)工作。

要解決以上問(wèn)題，在教學(xué)改革中應(yīng)以職業(yè)能力為核心，整合教學(xué)內(nèi)容，采用多種教學(xué)方法相結(jié)合，讓學(xué)生既掌握足夠的理論知識(shí)，又具有很強(qiáng)的實(shí)際操作能力，很快適應(yīng)工作崗位。改變傳統(tǒng)課程教學(xué)模式，在“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)中以真實(shí)網(wǎng)站建設(shè)項(xiàng)目為載體，將整個(gè)課程所涉及的知識(shí)點(diǎn)穿插到項(xiàng)目中。把本課程內(nèi)容整合為網(wǎng)站策劃、網(wǎng)頁(yè)設(shè)計(jì)和網(wǎng)站制作三大職業(yè)崗位模塊，以模塊化和任務(wù)驅(qū)動(dòng)方式進(jìn)行教學(xué)設(shè)計(jì)，根據(jù)各模塊所涉及的知識(shí)點(diǎn)，設(shè)計(jì)一些由淺入深的模擬制作任務(wù)，采用案例教學(xué)法對(duì)模擬制作任務(wù)進(jìn)行實(shí)戰(zhàn)式教學(xué)訓(xùn)練，同時(shí)結(jié)合“學(xué)院藝術(shù)系”網(wǎng)站建設(shè)這一實(shí)際項(xiàng)目進(jìn)一步要求學(xué)生獨(dú)立自主完成實(shí)踐任務(wù)，使學(xué)生在任務(wù)完成的過(guò)程中彰顯個(gè)性，輕松掌握網(wǎng)站建設(shè)的工作流程、技術(shù)知識(shí)和方法。

二、“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)改革實(shí)踐探索

在充分了解企業(yè)對(duì)招聘人才的核心要求與我院教學(xué)特點(diǎn)的基礎(chǔ)上，筆者在網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)中采用階段性集中授課方式，按照工作過(guò)程重新整合、序化教學(xué)內(nèi)容，按“項(xiàng)目需求分析—網(wǎng)站框架界面設(shè)計(jì)—網(wǎng)站素材設(shè)計(jì)與處理—網(wǎng)站頁(yè)面制作—網(wǎng)站測(cè)試與分布”等工作任務(wù)的完成為驅(qū)動(dòng)，以學(xué)生為主體，通過(guò)課內(nèi)與課外相結(jié)合的方式，應(yīng)用項(xiàng)目化教學(xué)、案例教學(xué)和任務(wù)驅(qū)動(dòng)教學(xué)法將知識(shí)、能力、素質(zhì)三方面的考核融于項(xiàng)目完成過(guò)程中，形成了一套由“專業(yè)知識(shí)、軟件技術(shù)與工作流程”組成的三維知識(shí)體系，讓學(xué)生學(xué)會(huì)設(shè)計(jì)制作的同時(shí)，掌握一線工作需要的技能。

（一）教學(xué)方法

1.項(xiàng)目化教學(xué)法。以實(shí)際項(xiàng)目為載體，強(qiáng)調(diào)分析、解決問(wèn)題能力的培養(yǎng)。在“學(xué)院藝術(shù)系”網(wǎng)站設(shè)計(jì)與制作過(guò)程的基礎(chǔ)上構(gòu)建學(xué)習(xí)項(xiàng)目，以完成崗位工作任務(wù)為主線確定“網(wǎng)站建設(shè)方案編寫、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作”三大模塊內(nèi)容，這樣的教學(xué)內(nèi)容貼近職業(yè)實(shí)際，能激發(fā)學(xué)生的學(xué)習(xí)興趣。按照工作主線提取不同的能力目標(biāo)，分配到網(wǎng)頁(yè)基礎(chǔ)知識(shí)儲(chǔ)備、編寫網(wǎng)站建設(shè)方案等11個(gè)不同的模擬制作任務(wù)中，主要培養(yǎng)學(xué)生在從事網(wǎng)站設(shè)計(jì)與制作工作時(shí)的分析、解決問(wèn)題的能力。然后設(shè)計(jì)獨(dú)立實(shí)踐任務(wù)，讓學(xué)生在完成任務(wù)的過(guò)程中有效鞏固所學(xué)知識(shí)，進(jìn)一步熟練網(wǎng)頁(yè)制作技能。

2.任務(wù)驅(qū)動(dòng)教學(xué)法。以模擬制作任務(wù)和獨(dú)立實(shí)踐任務(wù)為載體，強(qiáng)調(diào)技術(shù)應(yīng)用能力、工作能力及學(xué)習(xí)能力的培養(yǎng)。教學(xué)中設(shè)計(jì)11個(gè)模擬制作任務(wù)，把知識(shí)穿插在任務(wù)中。通過(guò)任務(wù)背景分析、操作步驟詳解、知識(shí)點(diǎn)拓展等流程，啟發(fā)學(xué)生思考。學(xué)生在解決問(wèn)題中掌握知識(shí)，通過(guò)任務(wù)將所學(xué)用于現(xiàn)實(shí)問(wèn)題的解決，從而鍛煉動(dòng)手和解決問(wèn)題的能力。另外要求學(xué)生完成獨(dú)立實(shí)踐任務(wù)部分，強(qiáng)化學(xué)生技能應(yīng)用能力訓(xùn)練和自學(xué)能力訓(xùn)練。

以制作學(xué)院藝術(shù)系網(wǎng)站引導(dǎo)頁(yè)任務(wù)為例，具體操作如下：（1）背景分析。通過(guò)藝術(shù)系網(wǎng)站，擴(kuò)大藝術(shù)系的影響力，促進(jìn)師生之間、校企之間、家校之間的溝通。（2）任務(wù)要求。更好地體現(xiàn)“學(xué)院藝術(shù)系網(wǎng)站”的特色，吸引瀏覽者，給瀏覽者留下深刻印象。（3）任務(wù)分析。在設(shè)計(jì)前對(duì)藝術(shù)系網(wǎng)站的用戶需求進(jìn)行詳細(xì)的分析，定位網(wǎng)站風(fēng)格，可以使用圖片或Flash動(dòng)畫制作引導(dǎo)頁(yè)，以圖片作為引導(dǎo)頁(yè)首先使用Photoshop設(shè)計(jì)好引導(dǎo)頁(yè)效果圖和Flash動(dòng)畫，然后進(jìn)行切片，最后使用表格布局，并把Flash動(dòng)畫、切好的圖片置入網(wǎng)頁(yè)中來(lái)吸引瀏覽者，提高訪問(wèn)量。（4）素材準(zhǔn)備。設(shè)計(jì)好效果圖，制作好Flash動(dòng)畫。（5）任務(wù)制作。（6）知識(shí)點(diǎn)拓展。切片的概念和優(yōu)點(diǎn)、切片技巧、設(shè)置表格屬性、設(shè)置單元格屬性。（7）解決問(wèn)題。為了提高網(wǎng)頁(yè)的瀏覽速度，往往需要把大圖切成小圖。

在任務(wù)制作過(guò)程中進(jìn)行知識(shí)點(diǎn)拓展教學(xué)，有針對(duì)性地讓學(xué)生在理論知識(shí)夠用的同時(shí)掌握知識(shí)獲取方法和途徑，提高學(xué)習(xí)效率。教師要考慮知識(shí)夠用度，也要考慮知識(shí)點(diǎn)的完整性，因?yàn)榧夹g(shù)的發(fā)展會(huì)影響學(xué)生職業(yè)的變遷。要給學(xué)生足夠的知識(shí)面，在選定知識(shí)點(diǎn)時(shí)既要針對(duì)崗位群，留有適當(dāng)?shù)挠嗔?，結(jié)合技術(shù)的發(fā)展及設(shè)備的更新給學(xué)生職業(yè)所帶來(lái)的影響。在整個(gè)教學(xué)過(guò)程中，側(cè)重綜合職業(yè)能力與職業(yè)素質(zhì)的培養(yǎng)，融教、學(xué)、做為一體，盡可能適應(yīng)以“能力本位”為主旨的學(xué)生為主、教師為輔的新型教學(xué)模式的需要。每一個(gè)模擬制作任務(wù)都對(duì)能力目標(biāo)、知識(shí)目標(biāo)提出明確的要求，強(qiáng)調(diào)“能用什么做什么”，充分體現(xiàn)本課程教學(xué)與就業(yè)崗位能力要求的密切聯(lián)系，使學(xué)生的學(xué)習(xí)更加具有針對(duì)性和實(shí)用性。

3.案例教學(xué)法。案例教學(xué)法是將實(shí)際的網(wǎng)頁(yè)設(shè)計(jì)與制作案例引入課堂，真正做到實(shí)戰(zhàn)式、探索式、啟發(fā)式教學(xué)，它不同于單一的網(wǎng)頁(yè)效果制作，而是將理論教學(xué)與實(shí)踐教學(xué)有機(jī)結(jié)合，著力培養(yǎng)學(xué)生的積極性和主動(dòng)性，能夠提高學(xué)生的實(shí)踐能力、創(chuàng)新能力，促進(jìn)課程教學(xué)的改革與創(chuàng)新，達(dá)到更理想的教學(xué)效果。如本項(xiàng)目中的“網(wǎng)站首頁(yè)設(shè)計(jì)與制作”任務(wù)，對(duì)于藝術(shù)系網(wǎng)站首頁(yè)要有自己的個(gè)性，通過(guò)首頁(yè)展示整個(gè)網(wǎng)站的風(fēng)格與內(nèi)容。這沒有統(tǒng)一的標(biāo)準(zhǔn)，學(xué)生需要把學(xué)到的知識(shí)與技能在首頁(yè)設(shè)計(jì)與制作中體現(xiàn)出來(lái)，把創(chuàng)意設(shè)計(jì)與Dreamweaver軟件制作技術(shù)緊密地結(jié)合起來(lái)，有力地培養(yǎng)學(xué)生的創(chuàng)新能力和實(shí)踐能力，推動(dòng)學(xué)生專業(yè)技能和工作能力的快速提升。

（二）作品展示

作品展示可以充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的好勝心和競(jìng)爭(zhēng)意識(shí)，提高學(xué)生學(xué)習(xí)的積極性。在展示學(xué)習(xí)成果時(shí)，要求學(xué)生上臺(tái)匯報(bào)，闡述自己的觀點(diǎn)，其他同學(xué)可以對(duì)提出的觀點(diǎn)進(jìn)行交流、探討，充分發(fā)表自己的意見。要求學(xué)生對(duì)項(xiàng)目任務(wù)學(xué)習(xí)效果進(jìn)行總結(jié)，進(jìn)一步提高專業(yè)能力，同時(shí)鍛煉語(yǔ)言表達(dá)能力。

（三）考核評(píng)價(jià)

注重完成項(xiàng)目任務(wù)的過(guò)程，而不僅僅是最終的結(jié)果。考核評(píng)價(jià)方式采取形成性考核和獨(dú)立實(shí)踐項(xiàng)目任務(wù)完成情況考核兩部分相結(jié)合的方式， 所占比例為6∶4。形成性考核主要是對(duì)學(xué)生的模擬制作任務(wù)完成情況、學(xué)習(xí)過(guò)程中的學(xué)習(xí)行為表現(xiàn)等方面進(jìn)行考核評(píng)價(jià)，獨(dú)立實(shí)踐項(xiàng)目完成情況考核主要考核學(xué)生綜合運(yùn)用所學(xué)知識(shí)解決問(wèn)題和實(shí)際開發(fā)設(shè)計(jì)的能力。

獨(dú)立實(shí)踐項(xiàng)目完成后，按照評(píng)分要求和細(xì)則，根據(jù)學(xué)生自評(píng)、學(xué)生互評(píng)、教師總評(píng)相結(jié)合的方法對(duì)學(xué)生的作品進(jìn)行評(píng)價(jià)。學(xué)生自評(píng)，不僅有利于學(xué)生自主學(xué)習(xí)，而且有利于課程或教學(xué)設(shè)計(jì)的改進(jìn)；學(xué)生互評(píng)，引導(dǎo)學(xué)生對(duì)學(xué)習(xí)成果進(jìn)行共享，從學(xué)生的角度發(fā)現(xiàn)問(wèn)題以及提出改進(jìn)意見；教師總評(píng)，對(duì)學(xué)生作品綜合評(píng)價(jià)必須要有“重過(guò)程、輕結(jié)果”的意識(shí)，這是對(duì)學(xué)生勞動(dòng)成果的一種肯定，也是對(duì)學(xué)生的一種激勵(lì)。注重的是任務(wù)完成的過(guò)程，即學(xué)生自己探索鉆研的過(guò)程，不能只進(jìn)行優(yōu)劣評(píng)價(jià)，而應(yīng)該指出問(wèn)題所在，給出具體改進(jìn)及修改建議等，讓學(xué)生自愿進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)與制作。

三、結(jié)束語(yǔ)

通過(guò)實(shí)施“網(wǎng)頁(yè)設(shè)計(jì)與制作”課程教學(xué)改革使學(xué)習(xí)過(guò)程成為一個(gè)人人參與的創(chuàng)造實(shí)踐活動(dòng)過(guò)程，學(xué)生自己處理、克服在項(xiàng)目任務(wù)完成過(guò)程中出現(xiàn)的問(wèn)題和困難，靈活運(yùn)用新學(xué)習(xí)的知識(shí)和技能來(lái)解決實(shí)際問(wèn)題，有明確而具體的作品成果展示，采用學(xué)生自評(píng)、學(xué)生互評(píng)、教師總評(píng)相結(jié)合的方式共同評(píng)價(jià)作品成果，不是只注重最終的結(jié)果，而是更加關(guān)注學(xué)生完成項(xiàng)目任務(wù)的過(guò)程。學(xué)生在項(xiàng)目任務(wù)實(shí)踐過(guò)程中，理解和把握課程要求的知識(shí)和技能，積累項(xiàng)目經(jīng)驗(yàn)，總結(jié)經(jīng)驗(yàn)教訓(xùn)，培養(yǎng)分析問(wèn)題和解決問(wèn)題的能力，從而提升綜合素質(zhì)。只有進(jìn)行課程教學(xué)改革，網(wǎng)頁(yè)設(shè)計(jì)與制作課才能提高教學(xué)效率，實(shí)現(xiàn)教學(xué)目標(biāo)。

[參考文獻(xiàn)]

[1]張健.職業(yè)學(xué)校電腦美術(shù)設(shè)計(jì)專業(yè)教學(xué)改革初探[J].現(xiàn)代閱讀，2011（5）.

[2]王清政.模塊化教學(xué)在網(wǎng)站設(shè)計(jì)與制作中的應(yīng)用[J].科技資訊，2008（24）.

[3]趙鑫.項(xiàng)目教學(xué)法在高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程教學(xué)中的應(yīng)用[DB/OL].http：//www.cnki.net/KCMS/detail/detail.aspx？QueryID=0&CurRec=1&recid=&filename=2009159303.nh&dbname=CMFD2009&DbCode=CMFD&urlid=&yx=，2009-

05-01.