遠(yuǎn)程教育《 網(wǎng)頁設(shè)計(jì)與制作》項(xiàng)目教學(xué)探究

□李偉藝

( 山西廣播電視大學(xué)，山西 太原 030027)

“網(wǎng)頁設(shè)計(jì)與制作”是當(dāng)今社會(huì)的熱門，相關(guān)制作技術(shù)越來越受到人們的關(guān)注，它已成為現(xiàn)代生活中的一門實(shí)用技術(shù)。面對(duì)網(wǎng)頁制作人才持續(xù)增長的社會(huì)需求，電大開放教育多個(gè)專業(yè)開設(shè)了“網(wǎng)頁設(shè)計(jì)與制作”課程，目的是通過該課程的學(xué)習(xí)，使學(xué)生能夠自主開發(fā)設(shè)計(jì)一個(gè)完整的網(wǎng)站，畢業(yè)后能夠直接從事相關(guān)網(wǎng)頁設(shè)計(jì)與制作的工作。

一、項(xiàng)目教學(xué)研究背景

“網(wǎng)頁設(shè)計(jì)與制作”課程內(nèi)容實(shí)踐性較強(qiáng)，以往的教學(xué)主要是重難點(diǎn)知識(shí)講解及書中案例的操作演示，注重軟件的使用和操作，實(shí)踐教學(xué)環(huán)節(jié)相對(duì)薄弱，學(xué)生實(shí)際操作能力差。從學(xué)生完成的實(shí)訓(xùn)作品看，教學(xué)效果并不理想，所學(xué)知識(shí)和技能比較零散，綜合運(yùn)用能力不強(qiáng)，達(dá)不到社會(huì)對(duì)人才的要求，教學(xué)與社會(huì)生產(chǎn)實(shí)踐出現(xiàn)脫節(jié)現(xiàn)象，學(xué)完本課程后，學(xué)生還是不知道如何設(shè)計(jì)制作真實(shí)的完整網(wǎng)站。因此，為適應(yīng)遠(yuǎn)程教學(xué)和自主化學(xué)習(xí)的要求，有效地解決以往教學(xué)存在的弊端，提高開放學(xué)生的學(xué)習(xí)效率，對(duì)“網(wǎng)頁設(shè)計(jì)與制作”課程進(jìn)行教學(xué)改革，探究新的教學(xué)模式，將實(shí)際項(xiàng)目引入課程教學(xué)，改革教學(xué)方法、教學(xué)手段及考核形式，實(shí)現(xiàn)培養(yǎng)應(yīng)用型人才的教學(xué)目標(biāo)。

二、項(xiàng)目教學(xué)設(shè)計(jì)思路

在項(xiàng)目教學(xué)設(shè)計(jì)過程中，課程教學(xué)的實(shí)施以社會(huì)需求為目標(biāo)，以學(xué)生的技術(shù)應(yīng)用能力為主線設(shè)計(jì)教學(xué)過程。

1.實(shí)訓(xùn)項(xiàng)目貫穿整個(gè)教學(xué)過程，實(shí)訓(xùn)項(xiàng)目的設(shè)計(jì)要重視知識(shí)和技能的綜合運(yùn)用，考慮知識(shí)點(diǎn)的含量、前后的聯(lián)系等多方面的因素，將教學(xué)重點(diǎn)、難點(diǎn)分解到每個(gè)小項(xiàng)目中。

2.教學(xué)設(shè)計(jì)以學(xué)生的自主學(xué)習(xí)為中心，以實(shí)踐教學(xué)為關(guān)鍵，讓學(xué)生帶著任務(wù)學(xué)知識(shí)、帶著任務(wù)學(xué)技能，通過項(xiàng)目的開發(fā)使學(xué)生掌握網(wǎng)頁設(shè)計(jì)與制作的基本技能。

3.用模仿式教學(xué)模式實(shí)現(xiàn)教與學(xué)的互動(dòng)，充分激發(fā)學(xué)生的主動(dòng)學(xué)習(xí)能力。采用小組協(xié)作的學(xué)習(xí)方式調(diào)動(dòng)學(xué)生的學(xué)習(xí)積極性，相互彌補(bǔ)思維的欠缺，培養(yǎng)學(xué)生的合作創(chuàng)新精神。

4.充分利用網(wǎng)絡(luò)教學(xué)平臺(tái)的遠(yuǎn)程教學(xué)優(yōu)勢(shì)開展課程項(xiàng)目教學(xué)，進(jìn)行資源共享，協(xié)作學(xué)習(xí)，師生互動(dòng)，交流經(jīng)驗(yàn)，作品展示。

5.改革傳統(tǒng)的筆試閉卷考核方法，將考核重點(diǎn)放在對(duì)學(xué)生實(shí)際操作能力的考核上。

三、項(xiàng)目教學(xué)實(shí)施過程

項(xiàng)目教學(xué)以項(xiàng)目活動(dòng)為基礎(chǔ)，以解決實(shí)際問題為主要目的。在老師的指導(dǎo)下,將相對(duì)獨(dú)立的實(shí)訓(xùn)項(xiàng)目交給學(xué)生自己處理，包括素材的收集和整理，項(xiàng)目方案的設(shè)計(jì)和實(shí)施，由學(xué)生以學(xué)習(xí)小組協(xié)作的形式完成。通過實(shí)訓(xùn)項(xiàng)目的進(jìn)行, 學(xué)生掌握了網(wǎng)頁設(shè)計(jì)與制作的整個(gè)過程。簡單講，項(xiàng)目教學(xué)法就是以項(xiàng)目為主線，教師為主導(dǎo)，學(xué)生為主體的教學(xué)方法。

1.課程教學(xué)方案。“網(wǎng)頁設(shè)計(jì)與制作”課程項(xiàng)目教學(xué)的實(shí)施過程圍繞實(shí)訓(xùn)項(xiàng)目進(jìn)行，教學(xué)過程包括三個(gè)環(huán)節(jié)：第一，集中導(dǎo)學(xué)，圍繞實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)案例，著重解決重點(diǎn)和難點(diǎn)知識(shí)；第二，遠(yuǎn)程教學(xué)，利用網(wǎng)上教學(xué)平臺(tái)豐富的立體化教學(xué)資源開展教學(xué)；第三，自主學(xué)習(xí)，利用文本教材和IP課件系統(tǒng)學(xué)習(xí)課程知識(shí)。通過這三種方式的學(xué)習(xí)達(dá)到對(duì)不同知識(shí)的深入理解與掌握。課程項(xiàng)目教學(xué)的具體實(shí)施方案如下圖所示：

集中教學(xué)安排了五次，主要圍繞五個(gè)實(shí)訓(xùn)項(xiàng)目的內(nèi)容進(jìn)行教學(xué)，集中學(xué)習(xí)分3個(gè)層次進(jìn)行：①實(shí)訓(xùn)項(xiàng)目的相關(guān)知識(shí)和操作技能講解；②解答學(xué)生自學(xué)過程中出現(xiàn)的共性問題；③集中輔導(dǎo)教材中的重點(diǎn)、難點(diǎn)知識(shí)，演示典型案例。

遠(yuǎn)程教學(xué)和自主學(xué)習(xí)主要依托山西省電大在線平臺(tái)進(jìn)行，利用網(wǎng)上教學(xué)平臺(tái)建立完善的課程教學(xué)支持服務(wù)系統(tǒng)，課程欄目內(nèi)容包含教學(xué)指導(dǎo)文件、教學(xué)輔導(dǎo)、章節(jié)練習(xí)、學(xué)習(xí)指導(dǎo)、IP課程、網(wǎng)頁制作素材、在線測試、實(shí)訓(xùn)作品展示等，同學(xué)們可以在家里上網(wǎng)，也可以到教學(xué)點(diǎn)上網(wǎng)，根據(jù)自己的需要自主學(xué)習(xí)，利用課程討論區(qū)與教師進(jìn)行交流討論，同學(xué)之間開展協(xié)作學(xué)習(xí)。網(wǎng)上教學(xué)給學(xué)習(xí)者提供完善的教學(xué)信息和咨詢服務(wù)，幫助引導(dǎo)學(xué)習(xí)者完成自主學(xué)習(xí)過程。

2.教學(xué)方法?！熬W(wǎng)頁設(shè)計(jì)與制作”課程已往的教學(xué)過程是：面授課上先進(jìn)行重、難點(diǎn)的理論知識(shí)講解和操作演示，隨后學(xué)生上機(jī)練習(xí)，課后輔助IP課件來系統(tǒng)傳授知識(shí)。這種教學(xué)方式學(xué)生學(xué)到的知識(shí)比較零碎，解決實(shí)際問題的能力較差，很難構(gòu)建起完整的知識(shí)結(jié)構(gòu)體系。為了提高學(xué)生的綜合應(yīng)用能力和創(chuàng)新能力及實(shí)踐動(dòng)手能力，我們將網(wǎng)站建設(shè)的項(xiàng)目引入到教學(xué)中，將實(shí)訓(xùn)項(xiàng)目與教材內(nèi)容相結(jié)合，案例教學(xué)，任務(wù)驅(qū)動(dòng)、學(xué)做合一、小組協(xié)作學(xué)習(xí)等多種教學(xué)方法并行。學(xué)生在完成實(shí)訓(xùn)項(xiàng)目的過程中發(fā)現(xiàn)問題，解決問題，培養(yǎng)學(xué)生的學(xué)習(xí)能力和解決實(shí)際問題的能力。

“網(wǎng)頁設(shè)計(jì)與制作”項(xiàng)目教學(xué)中，“實(shí)訓(xùn)項(xiàng)目”的設(shè)計(jì)是非常重要的環(huán)節(jié)，在實(shí)訓(xùn)項(xiàng)目的設(shè)計(jì)上要求做到：以教學(xué)的內(nèi)容為依據(jù)，以現(xiàn)實(shí)的對(duì)象為素材，實(shí)訓(xùn)項(xiàng)目既要包含教材中的基本知識(shí)，又要能訓(xùn)練學(xué)生解決問題的能力。根據(jù)這一原則，我們確定的總項(xiàng)目是“建立個(gè)人網(wǎng)站”，這個(gè)項(xiàng)目貼近學(xué)生的生活實(shí)際，容易激發(fā)學(xué)生的學(xué)習(xí)興趣，根據(jù)教材中的知識(shí)點(diǎn)進(jìn)一步將總項(xiàng)目分解成五個(gè)子項(xiàng)目，一個(gè)學(xué)期分階段完成每個(gè)子項(xiàng)目內(nèi)容。布置實(shí)訓(xùn)項(xiàng)目之前，教師精心設(shè)計(jì)編制各子項(xiàng)目的具體操作任務(wù)書，把教學(xué)目標(biāo)巧妙地蘊(yùn)涵到各子項(xiàng)目任務(wù)中。例如：子項(xiàng)目五“應(yīng)用CSS樣式表對(duì)網(wǎng)頁進(jìn)行排版”，編制操作任務(wù)書如下：①設(shè)置文本樣式，將正文內(nèi)容設(shè)置為“宋體”、“9pt”、黑色文字；②設(shè)置鏈接樣式，鏈接正常狀態(tài)為靛藍(lán)，已訪問過的為藍(lán)色，移入時(shí)為紅色；③設(shè)置標(biāo)題樣式，將標(biāo)題內(nèi)容設(shè)置為“黑體”、“12pt”、黑色文字；④將樣式表導(dǎo)出，并應(yīng)用在整個(gè)網(wǎng)站中的所有頁面。根據(jù)完成具體任務(wù)的要求，在第五次集中面授教學(xué)中，以子項(xiàng)目五“應(yīng)用CSS樣式表對(duì)網(wǎng)頁進(jìn)行排版”為主線，精心設(shè)計(jì)了3個(gè)案例：【案例1】定義及應(yīng)用標(biāo)簽樣式；【案例2】定義及應(yīng)用高級(jí)樣式(鏈接樣式)；【案例3】在網(wǎng)頁中應(yīng)用樣式表。我們把教材中的知識(shí)融入到3個(gè)案例中去講解，用案例教學(xué)突破教材中的重、難點(diǎn)內(nèi)容，模擬演示操作步驟，邊講邊練，學(xué)做合一。課后，學(xué)生以學(xué)習(xí)小組為單位進(jìn)行項(xiàng)目開發(fā)。學(xué)生在項(xiàng)目任務(wù)的驅(qū)動(dòng)下，進(jìn)行自主探索和小組協(xié)作的學(xué)習(xí)，掌握了CSS樣式表在網(wǎng)頁制作中的應(yīng)用。

3.教學(xué)手段。多媒體面授教學(xué)：集中面授課安排在多媒體機(jī)房，教學(xué)按實(shí)訓(xùn)項(xiàng)目為單元進(jìn)行。課前了解學(xué)生的自學(xué)情況，找出那些不經(jīng)老師輔導(dǎo)學(xué)生很難掌握的知識(shí)，課堂上有針對(duì)性地進(jìn)行重、難點(diǎn)的講解，以案例教學(xué)為主，現(xiàn)場操作演示，學(xué)生動(dòng)手練習(xí)，重點(diǎn)解決學(xué)生在項(xiàng)目中遇到的各種技術(shù)問題。整個(gè)教學(xué)過程都是圍繞實(shí)訓(xùn)項(xiàng)目的內(nèi)容來進(jìn)行。

網(wǎng)絡(luò)遠(yuǎn)程教學(xué)：利用學(xué)校校園網(wǎng)的功能搭建起“網(wǎng)頁設(shè)計(jì)與制作”課程教與學(xué)的網(wǎng)絡(luò)平臺(tái)，教師利用校園網(wǎng)資源進(jìn)行輔助教學(xué)，學(xué)生利用網(wǎng)絡(luò)教學(xué)平臺(tái)進(jìn)行自主學(xué)習(xí)、協(xié)作學(xué)習(xí)。網(wǎng)絡(luò)教學(xué)中應(yīng)用了下面幾種教學(xué)手段：①設(shè)置課程討論系統(tǒng)，提供實(shí)時(shí)和非實(shí)時(shí)答疑、交流討論，實(shí)現(xiàn)異地教師和學(xué)習(xí)者及學(xué)習(xí)者和學(xué)習(xí)者之間的交流活動(dòng)，方便師生雙向交流；②提供在線測試，圍繞教學(xué)內(nèi)容發(fā)布在線測試題和實(shí)訓(xùn)任務(wù)；③創(chuàng)建豐富網(wǎng)上資源，將本課程教學(xué)資源(包括教學(xué)大綱、教學(xué)進(jìn)度、教學(xué)實(shí)施方案、學(xué)習(xí)指導(dǎo)、與課程內(nèi)容相配套的操作練習(xí)內(nèi)容、網(wǎng)頁制作素材、形考作業(yè)等)放到網(wǎng)上，實(shí)現(xiàn)教學(xué)資源的共享。網(wǎng)絡(luò)教學(xué)延伸了課堂教學(xué)的時(shí)間與空間，彌補(bǔ)了集中教學(xué)的不足。在優(yōu)化教學(xué)效果的同時(shí)，學(xué)生形成自主學(xué)習(xí)的良好學(xué)習(xí)習(xí)慣。

IP課件輔助教學(xué)：中央電大的《Dreamweaver網(wǎng)頁設(shè)計(jì)》的網(wǎng)絡(luò)課程配有36講IP課件，IP課程給學(xué)習(xí)者提供本課程的系統(tǒng)知識(shí)的講授。對(duì)教材中的所有知識(shí)點(diǎn)都進(jìn)行了操作演示。通過省電大在線平臺(tái)鏈接中央電大的網(wǎng)絡(luò)課程，給學(xué)習(xí)者提供相同的課程多次播出的輔導(dǎo)機(jī)會(huì)，解決了遠(yuǎn)程學(xué)習(xí)者普遍存在的工學(xué)矛盾，為學(xué)生課后的進(jìn)一步系統(tǒng)學(xué)習(xí)提供有效的指導(dǎo)和幫助，彌補(bǔ)了集中導(dǎo)學(xué)課時(shí)不足的局限性。

《網(wǎng)頁設(shè)計(jì)與制作》課程的項(xiàng)目教學(xué)，強(qiáng)調(diào)的是給學(xué)生創(chuàng)建一個(gè)自主學(xué)習(xí)的環(huán)境，我們充分利用網(wǎng)絡(luò)教學(xué)平臺(tái)延伸課堂教學(xué)的時(shí)間與空間。利用多媒體機(jī)房進(jìn)行面授，優(yōu)化案例教學(xué)和任務(wù)驅(qū)動(dòng)的教學(xué)過程；通過E-mail、BBS等方式實(shí)現(xiàn)教師與學(xué)習(xí)者交流互動(dòng)；應(yīng)用IP教學(xué)輔助課件讓學(xué)生系統(tǒng)掌握網(wǎng)頁設(shè)計(jì)與制作的知識(shí)和操作技能。學(xué)生在整個(gè)教學(xué)活動(dòng)中，形成自主學(xué)習(xí)的良好學(xué)習(xí)習(xí)慣，掌握獨(dú)立開發(fā)一個(gè)完整網(wǎng)站的實(shí)用技術(shù)。

4.模仿式教學(xué)?！熬W(wǎng)頁設(shè)計(jì)與制作”課程是一門實(shí)踐性很強(qiáng)的課程，讓學(xué)生動(dòng)手去做，親自完成一個(gè)完整網(wǎng)站的建立過程，經(jīng)歷網(wǎng)頁制作的各個(gè)環(huán)節(jié)，才能提高學(xué)生制作網(wǎng)頁的能力。學(xué)生初次接觸網(wǎng)頁設(shè)計(jì)與制作這門課時(shí)，還沒有網(wǎng)頁設(shè)計(jì)與制作的思路和方法，即使是一個(gè)簡單網(wǎng)頁，也會(huì)覺得無從下手。教師找一些典型網(wǎng)站案例，進(jìn)行模仿式教學(xué)，通過講解、模仿操作，學(xué)生進(jìn)行參與性的操作練習(xí)活動(dòng)，模仿優(yōu)秀的網(wǎng)站，從網(wǎng)站的配色到頁面設(shè)計(jì)布局，以及網(wǎng)站的內(nèi)容結(jié)構(gòu)等都可以模仿，尤其是對(duì)網(wǎng)站的首頁要進(jìn)行模仿還原。這種有明確任務(wù)的學(xué)習(xí)，能激發(fā)起學(xué)生的濃厚學(xué)習(xí)興趣。經(jīng)過模仿式教學(xué)，學(xué)生在完成實(shí)訓(xùn)任務(wù)時(shí)會(huì)有意識(shí)地主動(dòng)模仿他人的網(wǎng)頁，會(huì)把在模仿他人網(wǎng)頁中學(xué)到的知識(shí)結(jié)合到自己的創(chuàng)作中來，模仿學(xué)習(xí)之后，學(xué)生們創(chuàng)建出各具特色的，具有一定專業(yè)水準(zhǔn)的個(gè)人網(wǎng)站。

四、教學(xué)資源的建設(shè)

該門課程的項(xiàng)目教學(xué)主要是基于網(wǎng)絡(luò)環(huán)境下開展的教學(xué)活動(dòng)，在教學(xué)過程中，教師會(huì)準(zhǔn)備大量的教學(xué)素材，并對(duì)素材進(jìn)行加工、處理、分類、整理后上傳到山西電大在線教學(xué)平臺(tái)的課程欄目中，隨時(shí)供學(xué)生訪問參考，全省各個(gè)教學(xué)點(diǎn)的師生共享網(wǎng)上教學(xué)資源。教學(xué)資源主要包括以下五個(gè)方面的內(nèi)容：1.網(wǎng)頁制作知識(shí)：主要包括dreameweaver、fireworks、flash等工具的使用技巧。2.圖像處理知識(shí)：主要包括圖像格式介紹，photoshop的使用技巧等。3.教材素材：包括教材中大部分案例的圖像、音頻和視頻素材。4.項(xiàng)目資源：電子參考書，優(yōu)秀網(wǎng)站案例、圖片資源、素材網(wǎng)的網(wǎng)址等。5.學(xué)生作品展示：展示歷屆學(xué)員的優(yōu)秀作品。

學(xué)生利用提供的教學(xué)資源可以反復(fù)進(jìn)行實(shí)際操作練習(xí)，鞏固課堂上的學(xué)習(xí)效果，完成實(shí)訓(xùn)項(xiàng)目。

五、項(xiàng)目教學(xué)的考核方式

網(wǎng)頁制作課程的關(guān)鍵是看學(xué)生是否掌握了網(wǎng)頁制作的實(shí)用技術(shù)，因此，對(duì)學(xué)生學(xué)習(xí)成績的評(píng)價(jià)應(yīng)該主要放到檢驗(yàn)學(xué)生的設(shè)計(jì)能力、綜合應(yīng)用能力和創(chuàng)新能力上。我們把考核的重點(diǎn)放在對(duì)學(xué)生學(xué)習(xí)過程的考核上，通過學(xué)習(xí)過程監(jiān)控、實(shí)訓(xùn)項(xiàng)目作品與綜合網(wǎng)站的開發(fā)相結(jié)合；教師、學(xué)生、專家評(píng)價(jià)相結(jié)合；形成性評(píng)價(jià)與終結(jié)性評(píng)價(jià)相結(jié)合等多方位、多角度的考核方式來綜合評(píng)價(jià)學(xué)生的學(xué)習(xí)成績。目前對(duì)于“網(wǎng)頁設(shè)計(jì)與制作”課程的考核由5 個(gè)部分組成：學(xué)習(xí)過程記錄、小組學(xué)習(xí)活動(dòng)，實(shí)訓(xùn)項(xiàng)目作品，綜合網(wǎng)站項(xiàng)目的開發(fā)，期末筆試五部分成績組成。隨著網(wǎng)絡(luò)教學(xué)平臺(tái)功能的逐步完善，我們將采用網(wǎng)考的形式進(jìn)行該門課程的考核，取消期末筆試，網(wǎng)頁設(shè)計(jì)與制作的知識(shí)和操作技能考核由一個(gè)項(xiàng)目來完成，這個(gè)項(xiàng)目就是完成一個(gè)綜合網(wǎng)站的開發(fā)。課程成績不僅要考核綜合項(xiàng)目作品，而且要把完成項(xiàng)目作品的過程也作為我們?cè)u(píng)價(jià)的一個(gè)依據(jù)。

六、結(jié)束語

在“網(wǎng)頁設(shè)計(jì)與制作”課程中實(shí)施項(xiàng)目教學(xué)突破了傳統(tǒng)的教學(xué)模式，通過完成一個(gè)獨(dú)立網(wǎng)站的設(shè)計(jì)與制作項(xiàng)目來實(shí)現(xiàn)學(xué)生對(duì)網(wǎng)頁制作知識(shí)和技能的掌握，這種理論與實(shí)踐有機(jī)結(jié)合的教學(xué)，極大地提高了學(xué)生學(xué)習(xí)的積極性和主動(dòng)性，學(xué)生的自主學(xué)習(xí)能力、實(shí)踐能力、創(chuàng)新能力、團(tuán)隊(duì)協(xié)作能力、分析問題、解決問題的能力都得到了鍛煉，具備了一定的網(wǎng)站開發(fā)能力，積累了網(wǎng)站項(xiàng)目開發(fā)的經(jīng)驗(yàn)，能夠承擔(dān)網(wǎng)頁設(shè)計(jì)與制作的工作，為學(xué)生今后實(shí)習(xí)和就業(yè)打下了堅(jiān)實(shí)的基礎(chǔ)。

參考文獻(xiàn)：

[1]肖弋,余明毅.網(wǎng)頁制作課程與項(xiàng)目教學(xué)法[J]. 重慶電子工程職業(yè)學(xué)院學(xué)報(bào),2010,(1).

[2]李健,李燚琳.網(wǎng)頁制作項(xiàng)目教學(xué)方案設(shè)計(jì)[J].福建電腦,2009,(7).

[3]黃皖毅.網(wǎng)頁設(shè)計(jì)與制作課程中項(xiàng)目教學(xué)法研究初探[EB/OL].百度文庫http://wenku.baidu.com/view/3978a13610661ed

9ad51f352.html.

[4]蔡伯峰.網(wǎng)頁設(shè)計(jì)與制作項(xiàng)目課程教學(xué)改革[J]．泰州職業(yè)技術(shù)學(xué)院學(xué)報(bào),2008,(2).

[5]張偉娜.網(wǎng)頁設(shè)計(jì)與制作課程教學(xué)的探討與實(shí)踐[J].教育信息化,2008,(3).