用ＨＴＭＬ語言編制多層網(wǎng)頁

本文以一節(jié)實(shí)際的計(jì)算機(jī)課為線索，在介紹了一些具體的教學(xué)過程基礎(chǔ)上，提出了一些“以教師為主導(dǎo)，以學(xué)生為主體”的教育新觀點(diǎn)。另外，文章還附加了北京市特級(jí)教師郭璋對(duì)這節(jié)課的評(píng)語，旨在于跨學(xué)科共同交流，共同提高課堂教學(xué)水平。

一、對(duì)教學(xué)設(shè)計(jì)的整體考慮

因特網(wǎng)之所以倍受青睞，因?yàn)樗哂猩顚佣鴱V泛的鏈接屬性，更重要的是可以自主設(shè)計(jì)網(wǎng)頁。為了貫徹以學(xué)生為主體的教學(xué)思想，為了體現(xiàn)計(jì)算機(jī)課程的特色，為了順利攻克教學(xué)難點(diǎn)，為了讓學(xué)生收獲更多，必須設(shè)計(jì)出與其相匹配的整體方案。

1.1 實(shí)驗(yàn)環(huán)境

為了讓學(xué)生能夠在真實(shí)的環(huán)境中實(shí)戰(zhàn)演練，我設(shè)計(jì)了一套在局域網(wǎng)絡(luò)環(huán)境下模擬因特網(wǎng)的仿真系統(tǒng)，使查詢一個(gè)網(wǎng)頁等同為查詢機(jī)房中的一個(gè)磁盤文件。然后，利用IE瀏覽器軟件運(yùn)行學(xué)生編寫的網(wǎng)頁程序，就好象把自己的網(wǎng)頁發(fā)送到了因特網(wǎng)上一樣，學(xué)生們可以隨心所欲地欣賞自己制作的網(wǎng)頁或?yàn)g覽其他同學(xué)的網(wǎng)頁。

1.2 實(shí)驗(yàn)素材

網(wǎng)頁信息大都是超文本的多媒體信息，為此，以本校歷屆技能比武優(yōu)秀作品為網(wǎng)頁的鏈接對(duì)象，以贊美校園生活為主題，以烘托中學(xué)生純潔向上的心靈為背景，按照老師的具體要求，制作具有個(gè)性化的網(wǎng)頁。

1.3 實(shí)驗(yàn)內(nèi)容

把一班學(xué)生分為4組，制作的網(wǎng)頁包括繪畫與攝影、歌曲與音樂、書法與小報(bào)、體操與隊(duì)列等多媒體信息。每個(gè)學(xué)生都編寫具有兩級(jí)超級(jí)鏈接功能的網(wǎng)頁程序，實(shí)現(xiàn)對(duì)指定網(wǎng)頁信息的查詢與鏈接。然后，每組確定一名代表，負(fù)責(zé)制作本組的主頁，并將組內(nèi)其他同學(xué)制作的網(wǎng)頁鏈接在一起。

1.4 成果展示

教師把4個(gè)組的主頁鏈接在自己制作的“校園生活”主頁上，以構(gòu)成一個(gè)具有4級(jí)超級(jí)鏈接的小網(wǎng)站。實(shí)現(xiàn)這樣的鏈接之后，展現(xiàn)在學(xué)生們面前的是全班通力合作的成果，既評(píng)說了學(xué)生作業(yè)的優(yōu)劣，又驗(yàn)證了超級(jí)鏈接的超級(jí)功能，同時(shí)，集體的力量、校園的風(fēng)情，藝術(shù)的魅力，都在計(jì)算機(jī)實(shí)驗(yàn)課上得到展示。

1.5 課堂小結(jié)

為突出“超級(jí)鏈接”這個(gè)主題，仍然把“成果展示”中提及的優(yōu)秀作品和典型錯(cuò)誤通過網(wǎng)頁和超級(jí)鏈接來展示，使學(xué)生們又一次受到了啟發(fā)，鞏固了基本概念，拓寬了思維方式。

二、教材分析

2.1 課程的地位

本節(jié)課是《Internet基礎(chǔ)與操作》教材第5章最后一節(jié)課，內(nèi)容是制作網(wǎng)頁的超級(jí)鏈接。在90分鐘的教學(xué)過程中，學(xué)生們將學(xué)習(xí)如何利用HTML語言編寫超級(jí)鏈接程序，通過超級(jí)鏈接，將多媒體信息鏈接成網(wǎng)，通過超級(jí)鏈接，將學(xué)過的知識(shí)連接在一起。

在新世紀(jì)到來之際，教育將面臨經(jīng)濟(jì)與知識(shí)的的雙重挑戰(zhàn)，學(xué)生面臨知識(shí)經(jīng)濟(jì)、信息時(shí)代和網(wǎng)絡(luò)社會(huì)的多棱環(huán)境，計(jì)算機(jī)網(wǎng)絡(luò)因此而成為當(dāng)今時(shí)代的核心技術(shù)。如果把因特網(wǎng)比作一本百科全書，那么，一個(gè)網(wǎng)頁就是一頁知識(shí)，超級(jí)鏈接充當(dāng)了這本巨著的目錄和索引。通過超級(jí)鏈接指出的航向，學(xué)生們可以在知識(shí)的海洋中遨游；通過超級(jí)鏈接搭成的金橋，學(xué)生們可以在經(jīng)濟(jì)的大潮中跨越。

綜上所述，無論是文科還是理科，Internet課都應(yīng)該作為學(xué)校的重要課程設(shè)置，而“因特網(wǎng)的超級(jí)鏈接”構(gòu)建了網(wǎng)絡(luò)的骨架和教學(xué)的脈絡(luò)。在制作超級(jí)鏈接的過程中，學(xué)生們不但能學(xué)到網(wǎng)絡(luò)知識(shí)，還能對(duì)多媒體技術(shù)有所了解；不但完成了計(jì)算機(jī)教學(xué)內(nèi)容，還是對(duì)其他學(xué)科知識(shí)的應(yīng)用與擴(kuò)展；不但品味到自制網(wǎng)頁的風(fēng)格，還欣賞到網(wǎng)上豐富的文學(xué)、藝術(shù)、音樂等作品，從而，全面提高了學(xué)生的綜合素質(zhì)。

2.2 教學(xué)任務(wù)

計(jì)算機(jī)既是工具型學(xué)科，又是知識(shí)密集型學(xué)科，因此，教學(xué)目標(biāo)必須著眼于知識(shí)和技能的有機(jī)結(jié)合之上。既夯實(shí)基礎(chǔ)知識(shí)，又精煉操作技術(shù)。

（1）在掌握基礎(chǔ)知識(shí)方面。通過編寫文字型和圖片型兩種超級(jí)鏈接語句，使學(xué)生學(xué)會(huì)分解程序、分段編寫的編程方法；通過簡(jiǎn)化被鏈接對(duì)象的域名，使程序清晰流暢，通俗易懂；通過制作復(fù)合型的超級(jí)鏈接，使學(xué)生能夠靈活地發(fā)揮自己的想象力，培養(yǎng)嚴(yán)謹(jǐn)與活潑相統(tǒng)一的編程風(fēng)格。

（2）在掌握操作技能方面。靈活使用剪貼板，剪貼板是眾多視窗軟件所共享的“復(fù)印機(jī)”，利用剪貼板，既可以復(fù)制被鏈接對(duì)象的名稱，又可以復(fù)制結(jié)構(gòu)相似的語句，這樣，既提高了編程效率，又減少了語法錯(cuò)誤；熟練窗口操作技術(shù)：Windows是多任務(wù)操作系統(tǒng)，多任務(wù)是通過多窗口來具體實(shí)現(xiàn)的，因此，多窗口操作技術(shù)歷來就是計(jì)算機(jī)教學(xué)的一項(xiàng)重要的操作性技能。通過調(diào)試網(wǎng)頁程序，使學(xué)生熟練掌握在不同窗口之間交換動(dòng)態(tài)信息的技術(shù)。

（3）在提高綜合素質(zhì)方面。一方面，注重培養(yǎng)與人合作的能力。網(wǎng)絡(luò)是一個(gè)大家庭，只有每一個(gè)網(wǎng)頁在盡善盡美地發(fā)揮自己的功能的同時(shí)，又與鄰近網(wǎng)頁保持恰當(dāng)?shù)逆溄樱拍軜?gòu)造一個(gè)功能強(qiáng)大的網(wǎng)絡(luò)系統(tǒng)；同樣，我們要求每一個(gè)學(xué)生即要按要求制作自己的網(wǎng)頁，又要為別人創(chuàng)造鏈接的條件。另一方面，讓學(xué)生增強(qiáng)敢為人杰的魄力。每組的小組長(zhǎng)應(yīng)該具有一定的組織和協(xié)調(diào)能力和奉獻(xiàn)精神，因?yàn)樗麄兊木幊坦ぷ髁匡@然要大于其他同學(xué)，對(duì)于敢承擔(dān)此任的學(xué)生來說，這顯然是對(duì)自信心的考驗(yàn)。

三、教學(xué)過程與思想

本節(jié)課是在多媒體機(jī)房進(jìn)行的，利用Power Point軟件來演示并解說教學(xué)課件，利用多媒體的特殊效果來刺激學(xué)生的感官系統(tǒng)，可以提高教學(xué)效果。鑒于計(jì)算機(jī)教學(xué)的特殊性，在教學(xué)中遵循了這樣一些原則與方法：講述難點(diǎn)問題時(shí)注重形象比喻；安排教學(xué)內(nèi)容時(shí)注重深入淺出；處理教與學(xué)關(guān)系時(shí)注重獨(dú)立操作；協(xié)調(diào)課堂進(jìn)度時(shí)注重培養(yǎng)“尖子”。下面，通過幾項(xiàng)具體的教學(xué)環(huán)節(jié)來說明這些教學(xué)思想的實(shí)現(xiàn)。

3.1 導(dǎo)入新課，激發(fā)熱情

通過多種方式，刺激學(xué)生的興奮點(diǎn)，在課堂最高興奮狀態(tài)中導(dǎo)入新課。引導(dǎo)過程分3段進(jìn)行：首先，提問DOS相對(duì)路徑的概念和插入圖片語句的格式，承上啟下；然后，演示動(dòng)畫，比較孤立網(wǎng)頁和互聯(lián)網(wǎng)頁，強(qiáng)調(diào)必要；最后，觀看教師制作的“校園生活”網(wǎng)頁，刺激感官。

3.2 把因特網(wǎng)比作一棵大樹，軟化教學(xué)難點(diǎn)

首先，把網(wǎng)頁分為兩大類：包括聲、圖、像在內(nèi)的多媒體素材的網(wǎng)頁都是樹葉型網(wǎng)頁，用文本編輯軟件編寫的擴(kuò)展名為HTM的程序文件是樹枝型網(wǎng)頁。然后，演示包含黃色樹葉和綠色樹枝的樹狀因特網(wǎng)結(jié)構(gòu)示意圖，再結(jié)合DOS的樹狀目錄結(jié)構(gòu)概念，使學(xué)生們清晰地理解到：就象樹枝上可以長(zhǎng)出樹葉一樣，程序文件網(wǎng)頁可以安放超級(jí)鏈接；就象樹葉上不能再長(zhǎng)出樹枝一樣，多媒體素材頁不能再安放超級(jí)鏈接。這一形象的比喻，可以避免因超級(jí)鏈接位置錯(cuò)誤而造成的“斷鏈”。

3.3 簡(jiǎn)單語句重點(diǎn)講，復(fù)合語句簡(jiǎn)單講

在講解編程語句時(shí)，不要因其簡(jiǎn)單而蜻蜓點(diǎn)水，不要因其復(fù)雜而糾纏不休。超級(jí)鏈接語句主要分為文字型和圖片型，先把文字型超級(jí)鏈接語句分為三段逐段進(jìn)行分析，講解清楚，在學(xué)生能夠準(zhǔn)確地編寫文字型超級(jí)鏈接語句的基礎(chǔ)之上，再強(qiáng)調(diào)說明，圖片型超級(jí)鏈接實(shí)質(zhì)上是文字型超級(jí)鏈接語句和插入圖片語句的復(fù)合。經(jīng)這樣處理，學(xué)生們獨(dú)立編寫圖片型超級(jí)鏈接語句已是順理成章的事。下面是對(duì)文字型超級(jí)鏈接語句的分解說明：

超級(jí)鏈接語句格式為：< a href =“被鏈接的對(duì)象名”>超級(jí)鏈接名稱

（1）命令標(biāo)識(shí)符：和 。前半部為超級(jí)鏈接語句主體，后半部為語句結(jié)束標(biāo)志，二者必須配對(duì)出現(xiàn)，嚴(yán)格書寫；

（2）被鏈接對(duì)象：被超級(jí)鏈接鏈接的兩種不同的對(duì)象名稱是：

域名形式，如：http ://www.bta.net.cn；（中國(guó)北京電報(bào)局站點(diǎn)）

文件形式，如：file : // f: / student / lib / semple.jpg。（硬盤中的圖片文件）

（3）超級(jí)鏈接名稱：實(shí)質(zhì)是被鏈接內(nèi)容的主題詞，可以用文字或圖片來表示。

學(xué)生最容易犯的錯(cuò)誤就是混淆“超級(jí)鏈接名稱”和“被鏈接對(duì)象名”，以致于產(chǎn)生本末倒置的錯(cuò)誤。為加深學(xué)生的印象，利用動(dòng)畫和聲音的特殊效果，通過具體的3個(gè)實(shí)例，從正反兩方面來說明產(chǎn)生錯(cuò)誤的原因及后果。

3.4 抱著不如領(lǐng)著走，領(lǐng)著走不如放開手

有人說：“計(jì)算機(jī)課主要是操作，交會(huì)怎么做就行了”。這種看法來源于浮淺的“計(jì)算機(jī)工具論”，忽視了計(jì)算機(jī)的智能性。就本節(jié)課而言，教師通過例題和實(shí)際演習(xí)講清基本概念和操作方法后，相當(dāng)于領(lǐng)著學(xué)生走過了一段艱難的路程，學(xué)生的本事大了，馬上開始討厭那種“首先，……，然后，……”口令式的教學(xué)模式，在此恰當(dāng)?shù)臅r(shí)機(jī)，放開教師的手，邁開學(xué)生的腳，讓學(xué)生自定主題，自選對(duì)象，獨(dú)自操作，編寫圖片型超級(jí)鏈接語句，制作出能反映學(xué)生個(gè)性的網(wǎng)頁作品。

“領(lǐng)著走”很關(guān)鍵，教師講課的內(nèi)容要精而準(zhǔn)，時(shí)間要短而緊。內(nèi)容精，指的是演示那些能產(chǎn)生舉一反三效果的操作要點(diǎn)；內(nèi)容準(zhǔn)，指的是講大多數(shù)學(xué)生將要產(chǎn)生疑惑的概念；時(shí)間短指的是教師講課時(shí)間一定要限制在課程時(shí)間的三分之一以內(nèi)；時(shí)間緊指的是教學(xué)過程各個(gè)環(huán)節(jié)銜接得緊湊連貫，自然流暢。如果能實(shí)現(xiàn)精、準(zhǔn)、短、緊，就可以放開手，讓學(xué)生獨(dú)立操作、自主學(xué)習(xí)了。

3.5 解決課堂上的“吃不飽和吃不了”現(xiàn)象

家庭是否擁有電腦，是計(jì)算機(jī)課堂上的兩極分化現(xiàn)象的主要原因。計(jì)算機(jī)教學(xué)即不能放棄落后的學(xué)生，又要鼓勵(lì)一部分學(xué)生先“沖出來”。實(shí)踐證明，計(jì)算機(jī)課的幾個(gè)“尖子”，有可能帶動(dòng)一個(gè)班的學(xué)習(xí)成績(jī)大幅度的提高。為了既保證大多數(shù)學(xué)生“齊步走”，又給基礎(chǔ)好的學(xué)生提供“爭(zhēng)上游”的機(jī)會(huì)，我單獨(dú)為他們?cè)O(shè)計(jì)了選做題。這類選做題本來是為提前完成規(guī)定實(shí)驗(yàn)題的學(xué)生準(zhǔn)備的，但是，教師允許他們輔導(dǎo)其他學(xué)生做這類題，通過互教互學(xué)，既提高了“尖子”的水平，又帶動(dòng)了全班的教學(xué)進(jìn)度，提高了整體的教學(xué)水平。