潘春蓮

摘 要：《網(wǎng)頁(yè)制作》是一門理論性與實(shí)踐性非常強(qiáng)的操作性課程，針對(duì)該課程的特點(diǎn)及中職生的特點(diǎn)，為讓學(xué)生了解和掌握網(wǎng)頁(yè)制作知識(shí)和技能，從而達(dá)到良好的教學(xué)效果，文章從選好適用教材規(guī)劃課程、課程內(nèi)容的教學(xué)設(shè)計(jì)，制訂教學(xué)方案、教學(xué)方法、考核評(píng)價(jià)方法的改變幾個(gè)方面對(duì)網(wǎng)頁(yè)制作課程教學(xué)設(shè)計(jì)進(jìn)行探討。

關(guān)鍵詞：網(wǎng)頁(yè)制作；教學(xué)設(shè)計(jì)；教學(xué)方法；考核評(píng)價(jià)

怎樣建立一個(gè)網(wǎng)站？怎樣才能設(shè)計(jì)一個(gè)精美出色的網(wǎng)站？面對(duì)中職校的學(xué)生學(xué)習(xí)網(wǎng)頁(yè)制作又應(yīng)該從哪兒入手？應(yīng)該學(xué)會(huì)哪些制作網(wǎng)站的技術(shù)，并讓學(xué)生了解和掌握網(wǎng)頁(yè)制作知識(shí)和技能？這就是中職校網(wǎng)頁(yè)制作這門課程最關(guān)心的問(wèn)題。多年來(lái)我一直從事中職校網(wǎng)頁(yè)制作課程的教學(xué)工作，下面我就談一下網(wǎng)頁(yè)制作課程進(jìn)行教學(xué)設(shè)計(jì)。

一、選好適用教材

我校中職生大多是初中畢業(yè)生，且基礎(chǔ)較差，選定教材的難易程度一定要掌握好，不能讓學(xué)生看課本就像看天書，認(rèn)為自己學(xué)不會(huì)，從一開始就放棄這門課程。同樣，教材也不能過(guò)于簡(jiǎn)單，讓學(xué)生認(rèn)為沒(méi)有難度，不學(xué)或敷衍一下，這樣也達(dá)不到教學(xué)的目的。結(jié)合我校學(xué)生的特點(diǎn)，我們選的是根據(jù)教育部《中等職業(yè)技術(shù)學(xué)校計(jì)算機(jī)應(yīng)用與軟件技術(shù)專業(yè)領(lǐng)域技能型緊缺人才培養(yǎng)指導(dǎo)方案》編寫的《網(wǎng)頁(yè)制作》，本教材貫穿項(xiàng)目教學(xué)的思想，從網(wǎng)頁(yè)制作初學(xué)者的角度出發(fā)，并采用“任務(wù)驅(qū)動(dòng)”模式進(jìn)行編寫，通過(guò)一個(gè)個(gè)具體的課堂任務(wù)案例，由淺入深地講解網(wǎng)頁(yè)設(shè)計(jì)和制作，非常適合我校學(xué)生的特點(diǎn)。

二、規(guī)劃課程教學(xué)內(nèi)容

規(guī)劃教學(xué)內(nèi)容是做好課程教學(xué)的首要任務(wù)。根據(jù)中職學(xué)生的特點(diǎn)，本課程選擇以培養(yǎng)學(xué)生的實(shí)踐動(dòng)手能力為目標(biāo)。教學(xué)內(nèi)容主要定位在靜態(tài)網(wǎng)頁(yè)的制作、設(shè)計(jì)和發(fā)布方面，在內(nèi)容組織上從實(shí)際需要出發(fā)，以夠用為原則，精選了網(wǎng)頁(yè)制作技術(shù)的一些主要內(nèi)容展開講解，主要任務(wù)有網(wǎng)頁(yè)的基礎(chǔ)知識(shí)、HTML語(yǔ)言、Dreamweaver 8軟件、Photoshop CS2軟件、Flash 8軟件、CSS層疊樣式表、Script腳本等。以網(wǎng)頁(yè)設(shè)計(jì)的技能學(xué)習(xí)和訓(xùn)練為主，重點(diǎn)講授Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)軟件的使用方法及相關(guān)技巧。讓學(xué)生通過(guò)這門課程的學(xué)習(xí)，能夠具備綜合運(yùn)用專業(yè)軟件為中小型網(wǎng)站設(shè)計(jì)和制作網(wǎng)頁(yè)的能力，為今后從事相應(yīng)的網(wǎng)站設(shè)計(jì)制作工作打下良好的基礎(chǔ)。同時(shí)，注意綜合運(yùn)用學(xué)生已學(xué)的專業(yè)課程知識(shí)，如在其他課程學(xué)習(xí)的Photoshop、Flash等媒體處理軟件，通過(guò)Dreamweaver網(wǎng)頁(yè)設(shè)計(jì)軟件進(jìn)行整合，在課程的教學(xué)內(nèi)容中，結(jié)合中職人才培養(yǎng)要求，體現(xiàn)實(shí)用原則，注重培養(yǎng)學(xué)生自學(xué)能力，以應(yīng)用能力培養(yǎng)為目標(biāo)，以適應(yīng)信息技術(shù)的不斷更新，以培養(yǎng)適合社會(huì)需要的實(shí)用型人才為目標(biāo)的教學(xué)體系。

三、課程內(nèi)容的教學(xué)設(shè)計(jì)，制訂教學(xué)方案

根據(jù)中職學(xué)生的認(rèn)知規(guī)律和網(wǎng)頁(yè)學(xué)習(xí)的特點(diǎn)，循序漸進(jìn)、由淺入深地介紹網(wǎng)頁(yè)制作技術(shù)。實(shí)踐證明，學(xué)生學(xué)習(xí)網(wǎng)頁(yè)設(shè)計(jì)制作的過(guò)程一般可分為四個(gè)階段：

第一階段是網(wǎng)頁(yè)入門，內(nèi)容包括第一、二章，主要讓學(xué)生了解什么是網(wǎng)頁(yè)和網(wǎng)站，什么是HTML語(yǔ)言以及常用的網(wǎng)頁(yè)制作工具；學(xué)會(huì)制作簡(jiǎn)單的網(wǎng)頁(yè)和網(wǎng)站，既能把各種現(xiàn)成的素材插入網(wǎng)頁(yè)中，制作成一個(gè)個(gè)網(wǎng)頁(yè)，并能在網(wǎng)頁(yè)中對(duì)這些內(nèi)容進(jìn)行簡(jiǎn)單地編排，最后能將這些網(wǎng)頁(yè)鏈接起來(lái)，構(gòu)成一個(gè)簡(jiǎn)單的網(wǎng)站。

第二階段是網(wǎng)頁(yè)布局制作階段，內(nèi)容為第三章，主要讓學(xué)生學(xué)會(huì)網(wǎng)頁(yè)內(nèi)容布局的相關(guān)技術(shù)和快速建站的技術(shù)。這部分雖然也屬于網(wǎng)頁(yè)基礎(chǔ)，但內(nèi)容相對(duì)較難，也非常重要，因此單獨(dú)劃為一個(gè)階段。

第三階段是網(wǎng)頁(yè)美化設(shè)計(jì)階段，內(nèi)容包括第四、五、六章，主要讓學(xué)生學(xué)會(huì)使用Photoshop軟件對(duì)各類素材進(jìn)行加工處理和布局設(shè)計(jì)制作；學(xué)會(huì)使用Flash軟件設(shè)計(jì)制作網(wǎng)站的動(dòng)感效果；通過(guò)對(duì)優(yōu)秀網(wǎng)站的鑒賞，了解網(wǎng)站的制作流程、網(wǎng)站的布局設(shè)計(jì)和整體色彩搭配。這一階段的教學(xué)是建立在學(xué)生已經(jīng)初步掌握了Photoshop和Flash的簡(jiǎn)單操作基礎(chǔ)上的，而在網(wǎng)站設(shè)計(jì)上更突出讓學(xué)生通過(guò)鑒賞和模仿，學(xué)會(huì)網(wǎng)站設(shè)計(jì)技術(shù)，教學(xué)中應(yīng)該更多地根據(jù)學(xué)生的作品特點(diǎn)引導(dǎo)性地提供各類樣例給學(xué)生參考，讓學(xué)生學(xué)習(xí)某些符合他自身特點(diǎn)的色彩搭配和網(wǎng)頁(yè)布局。

第四階段是網(wǎng)站程序使用階段，內(nèi)容包括七、八章，主要讓學(xué)生學(xué)會(huì)網(wǎng)頁(yè)特效的制作和中小型動(dòng)態(tài)網(wǎng)站的架設(shè)。這一階段的學(xué)習(xí)除了能讓網(wǎng)頁(yè)更有技術(shù)含量、更有動(dòng)感外，還能掌握簡(jiǎn)單的中小型動(dòng)態(tài)網(wǎng)站建立方法，為以后學(xué)習(xí)動(dòng)態(tài)網(wǎng)站制作打基礎(chǔ)。

四、合理的教學(xué)方法

網(wǎng)頁(yè)制作是一門實(shí)踐性和操作性非常強(qiáng)的課程，要提高學(xué)生的綜合應(yīng)用能力和創(chuàng)新能力，加強(qiáng)學(xué)生的實(shí)踐動(dòng)手能力，課程必須安排在計(jì)算機(jī)房進(jìn)行，采用教與學(xué)結(jié)合的方式，學(xué)生通過(guò)多練、多做來(lái)掌握。在網(wǎng)頁(yè)制作教學(xué)中教師要制定教學(xué)方法，根據(jù)教學(xué)內(nèi)容、學(xué)生特點(diǎn)、教師自身的教學(xué)風(fēng)格等實(shí)際情況，通過(guò)多媒體教學(xué)手段，結(jié)合案例分析法、分組討論等多種教學(xué)方法進(jìn)行教學(xué)。

1. 多媒體教學(xué)手段

在多媒體教室運(yùn)用多媒體講臺(tái)、投影設(shè)備、音響設(shè)備等將案例效果的視頻或圖片進(jìn)行展示。

2. 案例分析法，給出相應(yīng)的項(xiàng)目任務(wù)

教師在上課的過(guò)程中，要精心設(shè)計(jì)案例，本著創(chuàng)造性、實(shí)用性和新穎性的原則，取人之長(zhǎng)，補(bǔ)己之短。要結(jié)合課程教學(xué)的需要將知識(shí)點(diǎn)融于其中，激發(fā)學(xué)生的學(xué)習(xí)興趣。對(duì)案例要進(jìn)行解剖分析，結(jié)構(gòu)與知識(shí)點(diǎn)應(yīng)用，詳細(xì)了解案例的典型性與應(yīng)該掌握的問(wèn)題解析，讓學(xué)生開闊視野，開拓學(xué)生的學(xué)習(xí)思路。

3. 模仿操作法

進(jìn)行模仿制作，讓學(xué)生詳細(xì)了解網(wǎng)站建設(shè)的方法和流程、制作過(guò)程和步驟，做到心中有數(shù)，了解制作現(xiàn)場(chǎng)，模擬制作步驟，提高學(xué)生動(dòng)手操作，激發(fā)學(xué)生的學(xué)習(xí)熱情，增強(qiáng)學(xué)習(xí)的積極性和主動(dòng)性，調(diào)動(dòng)模仿他人的網(wǎng)站的制作興趣與熱情。

4. 練習(xí)法

教師演示案例制作，學(xué)生在計(jì)算機(jī)設(shè)備上跟著教師的操作示范進(jìn)行實(shí)踐，邊講邊練，邊練邊學(xué)。給學(xué)生布置網(wǎng)頁(yè)制作練習(xí)，讓學(xué)生了解本節(jié)課要解決的問(wèn)題和工作任務(wù)，有目的地進(jìn)行學(xué)習(xí)，鞏固知識(shí)和提高操作設(shè)計(jì)水平。

5. 分組討論學(xué)習(xí)

采用學(xué)生和老師以及學(xué)生與學(xué)生間分組進(jìn)行學(xué)習(xí)的教學(xué)方法，如學(xué)生網(wǎng)頁(yè)設(shè)計(jì)自評(píng)、課堂討論、實(shí)踐作業(yè)、學(xué)生網(wǎng)頁(yè)制作的作品欣賞、模擬設(shè)計(jì)環(huán)境等教學(xué)方法，讓學(xué)生主動(dòng)地參加到教學(xué)活動(dòng)中來(lái)。這樣教學(xué)內(nèi)容就在教、學(xué)、賞、作、創(chuàng)的交融中完成了，同時(shí)也能培養(yǎng)學(xué)生的思考、總結(jié)能力，也能發(fā)揮學(xué)生的團(tuán)隊(duì)精神，從而提高學(xué)生的積極性和主動(dòng)性。對(duì)項(xiàng)目制作作品，分組討論項(xiàng)目實(shí)施方案和計(jì)劃，并在計(jì)算機(jī)設(shè)備上完成項(xiàng)目制作，之后，由每個(gè)小組派出代表對(duì)本組的作品進(jìn)行展示和解說(shuō)。最后，由教師和學(xué)生一起對(duì)他們的作品進(jìn)行點(diǎn)評(píng)、討論。

6. 課后創(chuàng)新活動(dòng)

一方面組織學(xué)生參加比賽，包括國(guó)內(nèi)舉辦的各種大賽和校內(nèi)舉辦的比賽，鼓勵(lì)學(xué)生以團(tuán)隊(duì)合作方式進(jìn)行創(chuàng)作，促進(jìn)學(xué)生同行之間的相互交流與學(xué)習(xí)。另一方面根據(jù)上課的內(nèi)容，又進(jìn)行了拓展練習(xí)，留下相關(guān)作業(yè)進(jìn)行鞏固復(fù)習(xí)工作。這樣既對(duì)知識(shí)點(diǎn)進(jìn)行了強(qiáng)化，同時(shí)也激發(fā)學(xué)生繼續(xù)學(xué)習(xí)的興趣。

五、考核、評(píng)價(jià)方法

網(wǎng)頁(yè)制作課程的實(shí)踐性非常強(qiáng)，我們要檢驗(yàn)的是學(xué)生的設(shè)計(jì)能力、綜合應(yīng)用能力和創(chuàng)新能力，單靠最后的期末考試，是不能確切地評(píng)價(jià)一個(gè)學(xué)生的真實(shí)水平的，因此要將平時(shí)的作業(yè)、練習(xí)都納入學(xué)生評(píng)價(jià)中。對(duì)于網(wǎng)頁(yè)這門課程，我將課堂任務(wù)分解為“知識(shí)預(yù)讀”“任務(wù)目標(biāo)”“實(shí)施步驟”“對(duì)照練習(xí)”“任務(wù)小結(jié)”和“知識(shí)拓展”等環(huán)節(jié)，每個(gè)任務(wù)完成后可以用下面的評(píng)價(jià)量表進(jìn)行評(píng)價(jià)。

平時(shí)的作業(yè)就是一次次的案例，檢查學(xué)生平時(shí)學(xué)習(xí)的態(tài)度和知識(shí)的掌握情況，進(jìn)行評(píng)分。期中考試可以做一個(gè)簡(jiǎn)單的個(gè)人網(wǎng)頁(yè)來(lái)考核學(xué)生的學(xué)習(xí)情況，要求在考試時(shí)間內(nèi)完成題目。對(duì)于期末考試，我認(rèn)為應(yīng)該以要求學(xué)生設(shè)計(jì)一個(gè)完整的網(wǎng)站來(lái)結(jié)束本課程，所以網(wǎng)頁(yè)制作的考核成績(jī)應(yīng)以平時(shí)作業(yè)、期中考試成績(jī)、期末考試成績(jī)按4∶3∶3的比例評(píng)分。因?yàn)榫W(wǎng)頁(yè)制作要建設(shè)一個(gè)整體設(shè)計(jì)的網(wǎng)站在短短的兩三個(gè)小時(shí)內(nèi)是無(wú)法完成的，包括素材的收集、版面的布局、內(nèi)容的充實(shí)等，所以應(yīng)該以上交作品的形式完成本課程的期末考試，而不是像原來(lái)所執(zhí)行的2個(gè)小時(shí)完成考題。在作品完成的過(guò)程中，教師進(jìn)行巡視、評(píng)價(jià)，也就是我們考核的不僅僅是最后的作品，而是將完成作品的過(guò)程也作為我們?cè)u(píng)價(jià)的一個(gè)依據(jù)。最后，上交的作品可以讓全班同學(xué)互相點(diǎn)評(píng)、互相評(píng)價(jià)，在評(píng)價(jià)別人作品的同時(shí)以提高自己的水平。

幾年來(lái)，我一直堅(jiān)持上述的做法，取得了良好的教學(xué)效果。在我所教的班級(jí)中涌現(xiàn)出了一批網(wǎng)頁(yè)制作高手，我所教的網(wǎng)頁(yè)制作課程也越來(lái)越受到學(xué)生的喜愛。

（武鳴縣職業(yè)技術(shù)學(xué)校）