淺析《網(wǎng)頁設(shè)計(jì)與制作》課程教學(xué)方法

[摘要]《網(wǎng)頁設(shè)計(jì)與制作》是一門實(shí)踐性很強(qiáng)的課程，隨著網(wǎng)絡(luò)資源的普及和深入，《網(wǎng)頁設(shè)計(jì)與制作》這門課程已成為高職計(jì)算機(jī)類專業(yè)的一門專業(yè)必修課程。本文將任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法應(yīng)用于《網(wǎng)頁設(shè)計(jì)與制作》課程，能夠使該課程從傳統(tǒng)的知識(shí)點(diǎn)講解式教學(xué)模式的枷鎖中掙脫出來，以任務(wù)為主線、教師為主導(dǎo)、學(xué)生為主體，把課程的整體內(nèi)容按知識(shí)點(diǎn)劃分成多個(gè)獨(dú)立的實(shí)際工作項(xiàng)目，使學(xué)生既學(xué)會(huì)了知識(shí)，又應(yīng)用知識(shí)完成了多項(xiàng)實(shí)際工作，達(dá)到了知識(shí)和能力的雙豐收。

[關(guān)鍵詞]網(wǎng)頁設(shè)計(jì)；網(wǎng)頁制作；任務(wù)驅(qū)動(dòng)；項(xiàng)目教學(xué)

《網(wǎng)頁設(shè)計(jì)與制作》作為一門實(shí)踐和應(yīng)用能力很強(qiáng)的課程，本門課程在計(jì)算機(jī)專業(yè)課程體系中處于一個(gè)非常重要的位置，《計(jì)算機(jī)網(wǎng)絡(luò)基礎(chǔ)》、《圖像處理技術(shù)》作為其先導(dǎo)課，為其提供必要的知識(shí)準(zhǔn)備，比如計(jì)算機(jī)網(wǎng)絡(luò)的熟悉、圖像處理的掌握等，而《網(wǎng)頁設(shè)計(jì)與制作》課程又為其后續(xù)課程《.Net技術(shù)基礎(chǔ)課程設(shè)計(jì)》、《.Net高級(jí)應(yīng)用》等課程提供有力的支持，比如開發(fā)界面的設(shè)計(jì)、HTML代碼的熟練掌握等等。這就要求學(xué)生不僅要掌握專業(yè)知識(shí)，更要具有運(yùn)用專業(yè)知識(shí)分析和解決實(shí)際問題的能力。

課程教學(xué)中提高學(xué)生的實(shí)際動(dòng)手能力是關(guān)鍵。這就要通過對(duì)教學(xué)內(nèi)容的合理安排對(duì)學(xué)生進(jìn)行正確引導(dǎo)，教學(xué)過程以工作項(xiàng)目為主導(dǎo)，教學(xué)內(nèi)容的設(shè)計(jì)就需要改變傳統(tǒng)的以知識(shí)點(diǎn)為主體的模式，而以實(shí)際工作任務(wù)需求為基礎(chǔ)，注重理論知識(shí)、實(shí)踐知識(shí)與職業(yè)技能的綜合。教學(xué)方法的設(shè)計(jì)以任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法為核心，在具體實(shí)施過程中，以任務(wù)為主線、教師為主導(dǎo)、學(xué)生為主體，把課程的整體內(nèi)容按知識(shí)點(diǎn)劃分成多個(gè)獨(dú)立的實(shí)際工作項(xiàng)目，使學(xué)生既學(xué)會(huì)了知識(shí)，又應(yīng)用知識(shí)完成了多項(xiàng)實(shí)際工作，達(dá)到了知識(shí)和能力的雙豐收。

一、理論基礎(chǔ)

近年來，計(jì)算機(jī)技術(shù)發(fā)展迅猛，知識(shí)結(jié)構(gòu)更新速度快，這已成為高等職業(yè)院校計(jì)算機(jī)類課程教學(xué)過程中的難題之一。在當(dāng)今信息時(shí)代，計(jì)算機(jī)技術(shù)的普及時(shí)刻要求我們必須教會(huì)專業(yè)學(xué)生熟練掌握計(jì)算機(jī)技能，而計(jì)算機(jī)硬件、軟件的持續(xù)更新，又使得“會(huì)”的內(nèi)涵在不斷發(fā)生變化，這就要求計(jì)算機(jī)教室在“教”和“學(xué)”方面及時(shí)更新，以適應(yīng)計(jì)算機(jī)發(fā)展的需要。

1.任務(wù)驅(qū)動(dòng)教學(xué)法

任務(wù)驅(qū)動(dòng)教學(xué)法是近年來廣泛應(yīng)用的教學(xué)方法。它是在建構(gòu)理論的基礎(chǔ)上繁衍的一種新型教學(xué)模式，學(xué)生的學(xué)習(xí)過程必須與任務(wù)相對(duì)接，通過問題的導(dǎo)引來激發(fā)學(xué)生的學(xué)習(xí)興趣；從簡(jiǎn)單的范例入手，帶動(dòng)理論知識(shí)的學(xué)習(xí)，培養(yǎng)學(xué)生獨(dú)立探索、不斷創(chuàng)新的學(xué)習(xí)能力，提高學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生主動(dòng)學(xué)習(xí)的意識(shí)。教師在開始“任務(wù)”設(shè)計(jì)時(shí)，要綜合考慮到網(wǎng)頁設(shè)計(jì)與制作所涉及的理論、技能及擴(kuò)展知識(shí)的連接，將該任務(wù)分解成若干個(gè)子任務(wù)，以任務(wù)驅(qū)動(dòng)的方式分步驟地指導(dǎo)學(xué)生完成課業(yè)，在完成子任務(wù)過程中，由淺入深，循序漸進(jìn)，保證課堂教學(xué)目標(biāo)順利完成。

2.項(xiàng)目教學(xué)法

項(xiàng)目教學(xué)法也是近年來各高職院校廣泛應(yīng)用的教學(xué)方法。它以自主式、探索式學(xué)習(xí)為基礎(chǔ)，采用科學(xué)實(shí)踐的方法，激發(fā)學(xué)生積極主動(dòng)地學(xué)習(xí)。在實(shí)際教學(xué)過程中，教師將需要完成的任務(wù)或需要解決的問題以項(xiàng)目的方式下發(fā)給學(xué)生，教師通過現(xiàn)場(chǎng)分析本次課程的教學(xué)內(nèi)容，分解教學(xué)任務(wù)，把將要講授的理論知識(shí)融入到學(xué)生即將完成的任務(wù)中，以小組的方式，由學(xué)生本人按照實(shí)際工作中的完整流程，共同制訂計(jì)劃、分解任務(wù)、分工完成整個(gè)項(xiàng)目操作，學(xué)習(xí)過程成為每個(gè)人都參與的團(tuán)隊(duì)實(shí)踐活動(dòng)，學(xué)生通過小組協(xié)作方式完成項(xiàng)目，達(dá)到真正掌握課堂知識(shí)的目的。

項(xiàng)目教學(xué)法最顯著的特征是以項(xiàng)目為主線，以學(xué)生為主體，以教師為主導(dǎo)，它改變了以往教師主動(dòng)講授、學(xué)生被動(dòng)聽講的傳統(tǒng)教學(xué)模式，創(chuàng)造性地提出了學(xué)生主動(dòng)參與、組內(nèi)自主協(xié)作、組間探索創(chuàng)新的教學(xué)新模式。學(xué)生成為學(xué)習(xí)的主體，通過獨(dú)立完成項(xiàng)目，主動(dòng)把理論和實(shí)踐有機(jī)結(jié)合，這不僅提高了學(xué)生理論知識(shí)水平和實(shí)際操作技能，同時(shí)在教師正確和有目的的指引下，培養(yǎng)了其團(tuán)隊(duì)合作、共同解決問題的能力。

二、任務(wù)驅(qū)動(dòng)法的具體應(yīng)用

1.創(chuàng)建情境，設(shè)計(jì)任務(wù)

授課前，教師提前向?qū)I(yè)學(xué)生布置這門課程、這個(gè)階段、這個(gè)單元、本節(jié)課程的學(xué)習(xí)任務(wù)，要求學(xué)生課前帶著任務(wù)和問題去預(yù)習(xí)；授課時(shí)，教師向?qū)W生推薦一些和本次課程相關(guān)的網(wǎng)頁、網(wǎng)站等資源供學(xué)生現(xiàn)場(chǎng)欣賞，把學(xué)生帶入到真實(shí)的學(xué)習(xí)情境中，激發(fā)學(xué)生的學(xué)習(xí)熱情，引導(dǎo)學(xué)生去思考、構(gòu)想如何設(shè)計(jì)網(wǎng)頁、制作網(wǎng)頁，確定本門課程的總?cè)蝿?wù)——建設(shè)一個(gè)完整實(shí)用的網(wǎng)站和頁面；教師要針對(duì)課程所涉及到的每個(gè)知識(shí)點(diǎn)將總體任務(wù)劃分成若干個(gè)任務(wù)，如文本網(wǎng)頁、圖像網(wǎng)頁、超鏈接網(wǎng)頁、表格網(wǎng)頁、框架網(wǎng)頁、CSS樣式網(wǎng)頁、層在網(wǎng)頁中運(yùn)用、時(shí)間軸在網(wǎng)頁中運(yùn)用、模板網(wǎng)頁和庫(kù)操作等，再將每個(gè)任務(wù)進(jìn)一步劃分成若干個(gè)子任務(wù)。任務(wù)的劃分應(yīng)遵循由淺入深，由易到難，即子任務(wù)應(yīng)緊密圍繞任務(wù)一個(gè)個(gè)去完成，任務(wù)應(yīng)緊密圍繞總體任務(wù)一個(gè)個(gè)去實(shí)現(xiàn)。教師根據(jù)網(wǎng)頁制作的規(guī)律，主動(dòng)創(chuàng)建激發(fā)學(xué)生學(xué)習(xí)興趣的任務(wù)，營(yíng)造愉快的學(xué)習(xí)氛圍，使學(xué)生自覺、主動(dòng)地完成規(guī)定任務(wù)。

2.分析任務(wù)，提出問題

提出任務(wù)后，不急于講解，先讓學(xué)生帶著任務(wù)進(jìn)行思考、分析、研討，提出完成該任務(wù)需要解決什么問題。在提出的所有問題中，有些問題學(xué)生以前已經(jīng)學(xué)過的，可以讓學(xué)生自行去解決；有些問題是學(xué)生以前沒有接觸到的，即隱藏在任務(wù)中新的知識(shí)點(diǎn)，這正是本次任務(wù)需要解決的問題，最好由學(xué)生主動(dòng)提出這些問題，解決問題很容易，僅僅是技能方面的掌握，而提出新問題、從新的視角去看待老問題，卻需要學(xué)生具有創(chuàng)造性的想象力。例如，在具體應(yīng)用CSS樣式的教學(xué)過程中，教師先演示某一網(wǎng)頁文字效果，引導(dǎo)學(xué)生主動(dòng)與學(xué)過的網(wǎng)頁文字效果進(jìn)行比對(duì)，讓學(xué)生自己去分析任務(wù)、提出問題，而不是直接告訴答案，給出現(xiàn)成的結(jié)論。

3.自主學(xué)習(xí)，解決問題

提出問題后，教師先不要直接跟學(xué)生講解問題如何去處理，而是跟學(xué)生指明解決問題的思路和線索。要以問題的探索引起和激發(fā)學(xué)生的愛好和興趣。學(xué)生根據(jù)自己掌握的知識(shí)獨(dú)立完成任務(wù)，通過主動(dòng)探索和團(tuán)隊(duì)的協(xié)作開展活動(dòng)，在活動(dòng)的過程中掌握新知識(shí)和新技能，并將知識(shí)進(jìn)行融會(huì)貫通，并運(yùn)用到實(shí)際操作中。例如，學(xué)生如果做一個(gè)公司的網(wǎng)站設(shè)計(jì)，學(xué)生就先去上網(wǎng)了解一些其他公司網(wǎng)站的設(shè)計(jì)思路及效果，然后再嘗試根據(jù)該公司提供的素材和要求進(jìn)行設(shè)計(jì)。在任務(wù)制作過程中，要充分考慮到學(xué)生間的個(gè)體差異，隨時(shí)給學(xué)生提供技術(shù)支持，讓學(xué)生盡快掌握知識(shí)，并熟練操作。

4.評(píng)價(jià)反饋，總結(jié)提煉

在教學(xué)實(shí)施過程中，教師不應(yīng)以學(xué)生所掌握知識(shí)的對(duì)錯(cuò)為基準(zhǔn)，應(yīng)以學(xué)生參與整個(gè)教學(xué)活動(dòng)的態(tài)度、解決實(shí)際問題的能力、創(chuàng)造力的發(fā)揮、吸取的經(jīng)驗(yàn)和教訓(xùn)為基準(zhǔn)。對(duì)學(xué)生整體評(píng)價(jià)應(yīng)包含以下幾方面內(nèi)容：是否理解、掌握并熟練操作新知識(shí)；自主學(xué)習(xí)能力是否提高；獨(dú)立操作能力是否提高；創(chuàng)造性解決問題的能力是否加強(qiáng)等。

三、項(xiàng)目教學(xué)法的具體應(yīng)用

1.設(shè)計(jì)思路

首先，項(xiàng)目名字的選取既能引起學(xué)生的興趣，又能和實(shí)際工作相一致；其次，項(xiàng)目?jī)?nèi)容的設(shè)定要包含所有知識(shí)點(diǎn)，各項(xiàng)目間是相對(duì)獨(dú)立又有密不可分的關(guān)系，項(xiàng)目的內(nèi)容激發(fā)學(xué)生的學(xué)習(xí)興趣和愿望，使學(xué)生掌握的知識(shí)能學(xué)有所用、學(xué)以致用，真正起到事半功倍的效果；再三，項(xiàng)目?jī)?nèi)容之間的關(guān)系相互遞進(jìn)，螺旋上升，形成了從初學(xué)到熟練操作的學(xué)習(xí)過程。本門課程共劃分了七個(gè)獨(dú)立遞進(jìn)的項(xiàng)目，即：制作文本網(wǎng)頁、制作超鏈接導(dǎo)航網(wǎng)頁、制作圖像和多媒體網(wǎng)頁、制作布局網(wǎng)頁、使用樣式表設(shè)計(jì)模板網(wǎng)頁、制作特效網(wǎng)頁、站點(diǎn)的測(cè)試與發(fā)布。

每個(gè)項(xiàng)目的設(shè)計(jì)與制作過程都包含了整個(gè)網(wǎng)頁設(shè)計(jì)全過程，即：項(xiàng)目的分析、設(shè)計(jì)、制作、測(cè)試和發(fā)布全過程，完成一個(gè)項(xiàng)目就完成一個(gè)工作任務(wù)。雖然各項(xiàng)目的實(shí)施過程是繁瑣的，但內(nèi)容操作上是遞進(jìn)的，細(xì)節(jié)上是不同的。后續(xù)的項(xiàng)目會(huì)使用到之前項(xiàng)目的知識(shí)點(diǎn)，既鞏固了舊知識(shí)，有學(xué)習(xí)了新知識(shí)。

2.實(shí)施過程

在具體教學(xué)過程中，為每個(gè)項(xiàng)目設(shè)計(jì)了相應(yīng)的任務(wù)單，按照實(shí)際工作流程，在工作任務(wù)單中設(shè)計(jì)相應(yīng)的學(xué)習(xí)情境。例如，某企業(yè)想要設(shè)計(jì)一組網(wǎng)頁，用來展示自己企業(yè)產(chǎn)品的種類、性能、售后等信息。提出需求如下：主頁面的框架結(jié)構(gòu)采用上下結(jié)構(gòu)，上框架中以表格布局的方式放置企業(yè)的徽標(biāo)、標(biāo)題欄、導(dǎo)航欄，下框架以表格的方式展示企業(yè)的相關(guān)內(nèi)容，從感官效果上整體感、立體感非常強(qiáng)烈，能夠很好地體現(xiàn)企業(yè)的形象。

具體教學(xué)過程如下：首先，對(duì)學(xué)生進(jìn)行分組，2至4人為一組，以組為單位完成項(xiàng)目的設(shè)計(jì)與制作過程；其次，小組接到任務(wù)單后，由組長(zhǎng)給組員分配具體的工作任務(wù)，并將分配任務(wù)結(jié)果填寫到任務(wù)單上，例如，框架設(shè)計(jì)、頁面設(shè)計(jì)、首頁制作、其他頁面制作、美工特效、后期合成等任務(wù)；再三，按照具體分工，各組成員開始進(jìn)行頁面分析、設(shè)計(jì)、制作的工作，并上交作品和任務(wù)單。在整個(gè)教學(xué)實(shí)施過程中，教師的角色發(fā)生了改變，只是在布置任務(wù)前，先將知識(shí)點(diǎn)做一下講解，而后教師便成為項(xiàng)目的指導(dǎo)和顧問，學(xué)生成為了學(xué)習(xí)的主體。

3.考核方式

考核方式由期末考試方式變成過程考核方式，考核方式以每次作品評(píng)價(jià)、答辯評(píng)價(jià)為主體。作品評(píng)價(jià)一方面來自教師的評(píng)價(jià)，另一方面來自小組間的評(píng)價(jià)，事先在教室將作品公布，組間進(jìn)行互評(píng)，并寫出評(píng)價(jià)建議，體現(xiàn)評(píng)價(jià)的公平性、公正性、公開性；答辯評(píng)價(jià)是對(duì)小組中每個(gè)成員進(jìn)行考核的一種手段，在答辯過程中，學(xué)生自己闡述工作過程，教師詢問有關(guān)知識(shí)點(diǎn)，并回答情況和任務(wù)單給予客觀的評(píng)價(jià)。經(jīng)過考核后，學(xué)生的成績(jī)能夠準(zhǔn)確地反應(yīng)出平時(shí)學(xué)生的理論、實(shí)操掌握情況，注重了學(xué)生能力的培養(yǎng)，滿足了我國(guó)高等高職教學(xué)的需要。

四、總結(jié)

本文圍繞《網(wǎng)頁設(shè)計(jì)與制作》這門課程，著重闡述了任務(wù)驅(qū)動(dòng)教學(xué)法和項(xiàng)目教學(xué)法的具體運(yùn)用和實(shí)施。教師在采用這種教學(xué)方法授課過程中，有利于學(xué)生掌握理論知識(shí)，加深理解認(rèn)識(shí)，學(xué)會(huì)靈活使用這些知識(shí)；充分地調(diào)動(dòng)了學(xué)生的學(xué)習(xí)積極性、創(chuàng)造性，使學(xué)生成為學(xué)習(xí)的主體，使學(xué)生的學(xué)習(xí)更能貼近實(shí)際工作過程，提高了職業(yè)技能，滿足社會(huì)的需求，符合我國(guó)高職院校的培養(yǎng)目標(biāo)和教學(xué)要求。

作者簡(jiǎn)介

敖冰峰（1974-），男，黑龍江省哈爾濱人，黑龍江職業(yè)學(xué)院副教授，主要從事計(jì)算機(jī)教學(xué)管理和專業(yè)建設(shè)工作；徐鵬（1980-），男，黑龍江省哈爾濱人，黑龍江職業(yè)學(xué)院講師，主要從事計(jì)算機(jī)教學(xué)和課程建設(shè)工作；喬陽（1978-），男，黑龍江省哈爾濱人，黑龍江職業(yè)學(xué)院講師，主要從事計(jì)算機(jī)教學(xué)和課程建設(shè)工作。