有關網頁制作教學的探討

張 靜

（運城市信息工程學校，山西 運城 044000）

有關網頁制作教學的探討

張 靜

（運城市信息工程學校，山西 運城 044000）

面對我國當前中職學生普遍存在著文化知識結構較弱的實際情況，如何提高學生學習興趣和學習能力是提高教學質量和效果的關鍵。文章以網頁制作課程為例，就如何提高中等職業學校學生掌握支持終身發展的信息素養、信息技能運用等方面的能力教學模式，提出一些見解。

網頁制作；教學方法；興趣

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

一、培養學生興趣，提高學習熱情

信息技術課程的主要任務之一是培養學生對信息技術的興趣和意識。興趣是學生基于自己的學習需要而表現出來的一種心理傾向，它在學生的學習中具有重要的作用。教師激發學生的學習興趣，挖掘學生的學習需求是授課前必須解決的問題。

從知識結構看，網頁制作是一門理論教學和實際操作技能相結合的課程。理論與實踐相結合的教學方式正是實現這個目的的重要環節。隨著互聯網的普及，當前大部分學生在學習以前對互聯網已經有了一定的了解，瀏覽過相當數量的網頁。所以在準備期中教師應該適當地引導學生，可以采取展示法、教學對話法等，也可以融合多種方法，來激發學生對這門課程的學習興趣。

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

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

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

任何一門課程的學習，首先接觸的都是概念和理論性的知識，學習網頁制作也不例外。而大部分中職學生的學習積極性、主動性比較差，很容易對理論性知識的講解失去興趣，那么如何將理論與實踐很好地結合正是這個階段的重要環節。

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

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

三、強調重點教學，注重培養學生知識擴展的能力

《網頁制作》課程建設的歷史較短，加之各種版本的教材涵蓋內容差別較大，課程教學大綱尚未形成一個較為統一的標準，需要授課老師根據自身的經驗來把握。在教學時，不應拘泥于某一本或者某幾本特定的教材，應著眼于當前網頁制作技術發展的現狀。教學內容方面涵蓋網頁制作的主流技術，同時網頁制作技術發展較快，可適當對新興技術進行追蹤，針對不同內容，采取相應的講授方法，以獲得最佳的教學效果。

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

當今的世界是知識爆炸的世界，科學技術與信息技術急速地發展，使教材不可避免地具有滯后性。因此，課堂教學在源于教材的同時，也應新于教材，即對教材內容進行有益的擴展與深化。

四、重視課前準備，采用多種教學方法

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

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

五、加強聯系實際，組織協作學習，培養學生的合作精神和創新能力

經過前一階段的教學，學生雖然具備了網頁制作的基本知識，卻還沒有真正獨立地完成一個“完整”的頁面。因此到了教學后期，為了讓學生更好掌握如何將所學知識有效地遷移與應用到實際問題中，即培養學生的創新能力，筆者認為在網頁制作這一部分的小結或復習階段可以適當采用主題型課或任務驅動式的方法，設計引導學生從頭至尾制作一個專題站點。

當然，信息技術劃分為精英技術和大眾技術。目前，技工類院校的信息技術均屬大眾技術，要求學生掌握的是可以廣泛遷移的知識。這時我們就可以采用“模仿”式教學。網頁制作課程是一門實踐性很強的課程，只有讓學生動手去做，經歷網頁制作的各個細微環節，實現教與學的互動，才能充分激發學生的主動學習的潛能，同時對所學知識掌握情況進行一個很好的檢驗。

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

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

［1］萬良，黃錦祝.網頁制作技術課程改革探索［J］.中國職業技術教育，2007，（7）.

［2］王棟松.在計算機課程教學中開展項目教學法的研究［J］.職業教育研究，2005，（11）.

G718.5

A

1673-0046（2011）01-0027-02