有關(guān)網(wǎng)頁(yè)制作教學(xué)的探討

張 靜

（運(yùn)城市信息工程學(xué)校，山西 運(yùn)城 044000）

有關(guān)網(wǎng)頁(yè)制作教學(xué)的探討

張 靜

（運(yùn)城市信息工程學(xué)校，山西 運(yùn)城 044000）

面對(duì)我國(guó)當(dāng)前中職學(xué)生普遍存在著文化知識(shí)結(jié)構(gòu)較弱的實(shí)際情況，如何提高學(xué)生學(xué)習(xí)興趣和學(xué)習(xí)能力是提高教學(xué)質(zhì)量和效果的關(guān)鍵。文章以網(wǎng)頁(yè)制作課程為例，就如何提高中等職業(yè)學(xué)校學(xué)生掌握支持終身發(fā)展的信息素養(yǎng)、信息技能運(yùn)用等方面的能力教學(xué)模式，提出一些見解。

網(wǎng)頁(yè)制作；教學(xué)方法；興趣

網(wǎng)頁(yè)制作是隨著社會(huì)需要而開設(shè)的一門新的課程，該課程集合了計(jì)算機(jī)技術(shù)和美術(shù)設(shè)計(jì)兩門課程的知識(shí)。一般而言，網(wǎng)頁(yè)制作指的是“靜態(tài)網(wǎng)頁(yè)”或前臺(tái)頁(yè)面的制作，不涉及到后臺(tái)編程。因此就授課內(nèi)容而言，該課程具有難度不大，但涵蓋知識(shí)點(diǎn)多的特點(diǎn)。正由于網(wǎng)頁(yè)的制作過程是計(jì)算機(jī)技術(shù)和美術(shù)設(shè)計(jì)結(jié)合的產(chǎn)物，其多樣化的表現(xiàn)形式，技術(shù)手段的豐富性，都對(duì)學(xué)生掌握該門課程提出了比較高的要求。本文針對(duì)目前中職生本身各方面文化基礎(chǔ)的差異，就如何提高學(xué)生學(xué)習(xí)興趣和學(xué)習(xí)能力的問題，提出一些見解。

一、培養(yǎng)學(xué)生興趣，提高學(xué)習(xí)熱情

信息技術(shù)課程的主要任務(wù)之一是培養(yǎng)學(xué)生對(duì)信息技術(shù)的興趣和意識(shí)。興趣是學(xué)生基于自己的學(xué)習(xí)需要而表現(xiàn)出來的一種心理傾向，它在學(xué)生的學(xué)習(xí)中具有重要的作用。教師激發(fā)學(xué)生的學(xué)習(xí)興趣，挖掘?qū)W生的學(xué)習(xí)需求是授課前必須解決的問題。

從知識(shí)結(jié)構(gòu)看，網(wǎng)頁(yè)制作是一門理論教學(xué)和實(shí)際操作技能相結(jié)合的課程。理論與實(shí)踐相結(jié)合的教學(xué)方式正是實(shí)現(xiàn)這個(gè)目的的重要環(huán)節(jié)。隨著互聯(lián)網(wǎng)的普及，當(dāng)前大部分學(xué)生在學(xué)習(xí)以前對(duì)互聯(lián)網(wǎng)已經(jīng)有了一定的了解，瀏覽過相當(dāng)數(shù)量的網(wǎng)頁(yè)。所以在準(zhǔn)備期中教師應(yīng)該適當(dāng)?shù)匾龑?dǎo)學(xué)生，可以采取展示法、教學(xué)對(duì)話法等，也可以融合多種方法，來激發(fā)學(xué)生對(duì)這門課程的學(xué)習(xí)興趣。

例如：在學(xué)習(xí)具體的網(wǎng)頁(yè)制作方法以前，筆者有計(jì)劃地挑選一些大部分學(xué)生都愛去而且比較熟悉的專題網(wǎng)站和個(gè)人網(wǎng)站推薦給學(xué)生。如說：hao123、新浪、騰訊、搜狐、淘寶、google、百度等。

學(xué)生看到這些網(wǎng)站后，他們的第一反應(yīng)是這個(gè)網(wǎng)站可以干什么，有哪些內(nèi)容，而很少會(huì)去考慮這個(gè)網(wǎng)站是怎么做成的。這時(shí)候就需要教師有針對(duì)性的進(jìn)行引導(dǎo)提出問題：想不想自己也做一個(gè)網(wǎng)站來把自己喜歡的東西放到網(wǎng)上去和別人一塊分享？或者你覺得這個(gè)網(wǎng)站在你看來有哪些地方你不滿意?如果由你來做這個(gè)網(wǎng)站，哪些地方需要修改？使學(xué)生的頭腦中對(duì)網(wǎng)站先有了一些模糊的認(rèn)識(shí)，特別是可以現(xiàn)場(chǎng)模仿某一網(wǎng)頁(yè)并修改其部分內(nèi)容，讓學(xué)生親眼看到網(wǎng)站其實(shí)也不是那么神秘，通過本門課程的學(xué)習(xí)，自己也可以創(chuàng)建一個(gè)網(wǎng)站，從而激發(fā)起學(xué)生的學(xué)習(xí)愿望和學(xué)習(xí)興趣。由只知道能用上升到怎么做，產(chǎn)生了自己做個(gè)站點(diǎn)的想法，進(jìn)而有了興趣，并帶著這些問題，進(jìn)入這一階段的學(xué)習(xí)，這樣，學(xué)習(xí)效果也會(huì)比較好。

二、在實(shí)例分析中引出概念，在操作過程中去理解概念

任何一門課程的學(xué)習(xí)，首先接觸的都是概念和理論性的知識(shí)，學(xué)習(xí)網(wǎng)頁(yè)制作也不例外。而大部分中職學(xué)生的學(xué)習(xí)積極性、主動(dòng)性比較差，很容易對(duì)理論性知識(shí)的講解失去興趣，那么如何將理論與實(shí)踐很好地結(jié)合正是這個(gè)階段的重要環(huán)節(jié)。

在這一階段的教學(xué)過程中，筆者所采取的是以分析實(shí)例網(wǎng)站的某一部分為切入點(diǎn)，先讓學(xué)生看到我們本節(jié)課想要做出的最終效果，以便引起學(xué)生的學(xué)習(xí)興趣，從而提出問題：要實(shí)現(xiàn)這個(gè)效果，我們應(yīng)該怎么做了？問題提出后并不是馬上去講解制作步驟，而是帶領(lǐng)大家一起去分析這個(gè)效果都會(huì)牽扯那幾個(gè)元素?并利用以前掌握的計(jì)算機(jī)知識(shí)，將這些元素的表面形式都制作出來。做到這表面效果已經(jīng)有了，但是它到底有沒有實(shí)例網(wǎng)站的功能這是最關(guān)鍵的。通過測(cè)試發(fā)現(xiàn)問題，最后講解如何讓它真正具有實(shí)例網(wǎng)站的功能，從而一步一步將問題解決。有了初步的了解后，然后再返回去針對(duì)每一部分提出它們?cè)诰W(wǎng)頁(yè)課程中的概念，這樣就可以達(dá)到讓學(xué)生在練習(xí)過程中去掌握概念，理解概念。

例如：在學(xué)習(xí)制作“文本超鏈接”時(shí)，先以“hao123”網(wǎng)站的主頁(yè)為例，因?yàn)檫@個(gè)頁(yè)面上最多的是文本超鏈接。而對(duì)于學(xué)生來說，他們看到這個(gè)網(wǎng)頁(yè)的第一反應(yīng)是這個(gè)網(wǎng)頁(yè)上有很多字，在軟件里輸入文字對(duì)學(xué)生來說已經(jīng)不是問題，可以先讓每位學(xué)生在自己創(chuàng)建的新頁(yè)面中輸入相應(yīng)的文字，到這個(gè)時(shí)候就需要教師的進(jìn)一步引導(dǎo)了，讓學(xué)生比較一下自己頁(yè)面上的字和“hao123”主頁(yè)上的字有什么不同？通過對(duì)比很容易發(fā)現(xiàn)：“hao123”主頁(yè)上的字可以點(diǎn)擊，而且點(diǎn)擊以后會(huì)打開另外一個(gè)網(wǎng)頁(yè)，而同學(xué)們網(wǎng)頁(yè)上的文字只能看，不能點(diǎn)擊，更不會(huì)打開另外一個(gè)網(wǎng)頁(yè)。通過以上的分析就可以引出本節(jié)要學(xué)習(xí)的“文本超鏈接”的概念，其中能點(diǎn)擊的文本叫“源端點(diǎn)”，而點(diǎn)擊后被打開的對(duì)象叫“目標(biāo)端點(diǎn)”。但光有這兩個(gè)還不行，中間能夠讓兩者聯(lián)系起來的就叫做“超鏈接”，這樣在以后的操作練習(xí)過程中，學(xué)生可以根據(jù)制作過程，在大腦中無(wú)形將這3個(gè)概念理解并且熟記。

三、強(qiáng)調(diào)重點(diǎn)教學(xué)，注重培養(yǎng)學(xué)生知識(shí)擴(kuò)展的能力

《網(wǎng)頁(yè)制作》課程建設(shè)的歷史較短，加之各種版本的教材涵蓋內(nèi)容差別較大，課程教學(xué)大綱尚未形成一個(gè)較為統(tǒng)一的標(biāo)準(zhǔn)，需要授課老師根據(jù)自身的經(jīng)驗(yàn)來把握。在教學(xué)時(shí)，不應(yīng)拘泥于某一本或者某幾本特定的教材，應(yīng)著眼于當(dāng)前網(wǎng)頁(yè)制作技術(shù)發(fā)展的現(xiàn)狀。教學(xué)內(nèi)容方面涵蓋網(wǎng)頁(yè)制作的主流技術(shù)，同時(shí)網(wǎng)頁(yè)制作技術(shù)發(fā)展較快，可適當(dāng)對(duì)新興技術(shù)進(jìn)行追蹤，針對(duì)不同內(nèi)容，采取相應(yīng)的講授方法，以獲得最佳的教學(xué)效果。

例如：HTML部分的內(nèi)容，HTML是網(wǎng)頁(yè)制作的基礎(chǔ)，幾乎所有的教材的內(nèi)容編排都是從HTML講起。HTML語(yǔ)法簡(jiǎn)單但是枯燥，在實(shí)際教學(xué)中，如果一開始就安排較多學(xué)時(shí)來集中講解HTML語(yǔ)法，大量的標(biāo)記與屬性使學(xué)生一下子無(wú)法消化，枯燥的內(nèi)容更會(huì)使得學(xué)生望而生畏。因此，筆者的做法是：安排少量的課時(shí)來介紹HTML的語(yǔ)法規(guī)則和一些比較重要的標(biāo)記，其余的在授課過程中穿插介紹。

當(dāng)今的世界是知識(shí)爆炸的世界，科學(xué)技術(shù)與信息技術(shù)急速地發(fā)展，使教材不可避免地具有滯后性。因此，課堂教學(xué)在源于教材的同時(shí)，也應(yīng)新于教材，即對(duì)教材內(nèi)容進(jìn)行有益的擴(kuò)展與深化。

四、重視課前準(zhǔn)備，采用多種教學(xué)方法

學(xué)習(xí)是一個(gè)循序漸進(jìn)、螺旋式提高的過程。在這個(gè)過程中，作為教學(xué)組織者和指導(dǎo)者，教師的教學(xué)設(shè)計(jì)和準(zhǔn)備工作非常重要。例如：在學(xué)習(xí)網(wǎng)頁(yè)制作時(shí)，傳統(tǒng)教學(xué)方式是先由老師在多媒體教室授課，然后安排學(xué)生在實(shí)驗(yàn)室上機(jī)驗(yàn)證老師所講內(nèi)容。這種方式忽略了學(xué)生的積極性、主動(dòng)性，學(xué)生學(xué)到的知識(shí)比較零碎，很難開發(fā)實(shí)際項(xiàng)目。隨著課程內(nèi)容的深入，很多學(xué)生逐漸失去了學(xué)習(xí)興趣，喪失了主動(dòng)參與的意識(shí)，以致課程結(jié)束時(shí)，幾乎沒有學(xué)生能夠設(shè)計(jì)出具有一定水平的網(wǎng)站。

針對(duì)這個(gè)問題，教師可采用示范法和演示法結(jié)合的教學(xué)方法進(jìn)行引導(dǎo)。比如從一開始教學(xué)時(shí)，先設(shè)計(jì)幾個(gè)頁(yè)面，而且這些頁(yè)面都是一步一步在上一節(jié)課做的樣例頁(yè)面的基礎(chǔ)上改的。每次上課時(shí)，讓學(xué)生先打開上節(jié)課制作的網(wǎng)頁(yè)，再打開自己改進(jìn)后的本節(jié)課所要制作的頁(yè)面，學(xué)生一看，老師的頁(yè)面上比他多了幾個(gè)圖片，馬上會(huì)問怎么做的，演示給他們看，他們也加上圖了……每次演示出的頁(yè)面總比學(xué)生們做出來的多一些內(nèi)容和修飾，他們就不斷地提問，不斷地學(xué)習(xí)新技巧，再不斷地付諸實(shí)踐。從而不光將所學(xué)過知識(shí)都用上了，還使他們的網(wǎng)頁(yè)越做越豐富，有了一定的成就感。用這種示范加演示的方法教學(xué)，達(dá)到了一定的教學(xué)效果。

五、加強(qiáng)聯(lián)系實(shí)際，組織協(xié)作學(xué)習(xí)，培養(yǎng)學(xué)生的合作精神和創(chuàng)新能力

經(jīng)過前一階段的教學(xué)，學(xué)生雖然具備了網(wǎng)頁(yè)制作的基本知識(shí)，卻還沒有真正獨(dú)立地完成一個(gè)“完整”的頁(yè)面。因此到了教學(xué)后期，為了讓學(xué)生更好掌握如何將所學(xué)知識(shí)有效地遷移與應(yīng)用到實(shí)際問題中，即培養(yǎng)學(xué)生的創(chuàng)新能力，筆者認(rèn)為在網(wǎng)頁(yè)制作這一部分的小結(jié)或復(fù)習(xí)階段可以適當(dāng)采用主題型課或任務(wù)驅(qū)動(dòng)式的方法，設(shè)計(jì)引導(dǎo)學(xué)生從頭至尾制作一個(gè)專題站點(diǎn)。

當(dāng)然，信息技術(shù)劃分為精英技術(shù)和大眾技術(shù)。目前，技工類院校的信息技術(shù)均屬大眾技術(shù)，要求學(xué)生掌握的是可以廣泛遷移的知識(shí)。這時(shí)我們就可以采用“模仿”式教學(xué)。網(wǎng)頁(yè)制作課程是一門實(shí)踐性很強(qiáng)的課程，只有讓學(xué)生動(dòng)手去做，經(jīng)歷網(wǎng)頁(yè)制作的各個(gè)細(xì)微環(huán)節(jié)，實(shí)現(xiàn)教與學(xué)的互動(dòng)，才能充分激發(fā)學(xué)生的主動(dòng)學(xué)習(xí)的潛能，同時(shí)對(duì)所學(xué)知識(shí)掌握情況進(jìn)行一個(gè)很好的檢驗(yàn)。

可以指定一個(gè)難易適中商業(yè)網(wǎng)站的首頁(yè)，讓學(xué)生在實(shí)驗(yàn)課環(huán)節(jié)，對(duì)指定的商業(yè)網(wǎng)站首頁(yè)進(jìn)行模仿還原。該商業(yè)網(wǎng)站圖片可以直接使用，但還原出來的頁(yè)面在尺寸、色彩、外觀及功能上必須如出一轍。對(duì)于這種特定的、明確的任務(wù)，學(xué)生往往會(huì)表現(xiàn)出極大的熱情。由于是第一次模仿演練，學(xué)生在演練過程中難免會(huì)遭遇到各種問題，這時(shí)應(yīng)先讓學(xué)生在書上找答案，解決不了再互相探討，或者尋求老師的幫助。實(shí)際制作網(wǎng)頁(yè)的過程，本來就是一個(gè)非常精細(xì)的活，一個(gè)像素的誤差都是不允許的，通過這樣的模仿演練，學(xué)生對(duì)于網(wǎng)頁(yè)制作的內(nèi)涵有了深刻的理解，即精確、美觀、規(guī)范一個(gè)也不能少。筆者通常讓學(xué)生模仿他們所喜歡和熟悉的QQ個(gè)人空間主頁(yè)。

除此之外，網(wǎng)站制作這部分內(nèi)容很適合小組合作學(xué)習(xí)，在一個(gè)小組中每個(gè)學(xué)生都在該小組中擔(dān)當(dāng)一個(gè)角色。有些基礎(chǔ)比較好、接受能力比較強(qiáng)的學(xué)生可以在小組中擔(dān)任組長(zhǎng)，通過發(fā)揮自己的能力，提高他的自學(xué)能力；一些比較差的學(xué)生，可以在這些好的學(xué)生的幫助下快速地掌握一些沒有學(xué)會(huì)的，但又不好意思問老師的知識(shí)，以發(fā)揮學(xué)生中的榜樣作用和傳、幫、帶作用。整個(gè)教學(xué)過程讓學(xué)生自發(fā)地循序漸進(jìn)地學(xué)會(huì)小組合作。從開始互相依賴、旁觀，到后來的合理分工，使學(xué)生慢慢嘗到合作的快樂和效率的提高。學(xué)生之間相互學(xué)習(xí)，相互幫助，相互帶動(dòng)比單純的老師教效果更好。

［1］萬(wàn)良，黃錦祝.網(wǎng)頁(yè)制作技術(shù)課程改革探索［J］.中國(guó)職業(yè)技術(shù)教育，2007，（7）.

［2］王棟松.在計(jì)算機(jī)課程教學(xué)中開展項(xiàng)目教學(xué)法的研究［J］.職業(yè)教育研究，2005，（11）.

G718.5

A

1673-0046（2011）01-0027-02