高中信息技術(shù)（選修）網(wǎng)絡(luò)技術(shù)應(yīng)用 認(rèn)識(shí)動(dòng)態(tài)網(wǎng)頁(yè)教學(xué)設(shè)計(jì)

高中信息技術(shù)（選修）網(wǎng)絡(luò)技術(shù)應(yīng)用5.1認(rèn)識(shí)動(dòng)態(tài)網(wǎng)頁(yè)教學(xué)設(shè)計(jì)

一、教材分析

《認(rèn)識(shí)動(dòng)態(tài)網(wǎng)頁(yè)》選自教科版《網(wǎng)絡(luò)技術(shù)應(yīng)用》第五章第一節(jié)的內(nèi)容，在必修課程中學(xué)生已經(jīng)初步學(xué)習(xí)了網(wǎng)頁(yè)的制作，這為過(guò)渡到本節(jié)內(nèi)容的學(xué)習(xí)打下了基礎(chǔ)，同時(shí)本節(jié)內(nèi)容為學(xué)生即將學(xué)習(xí)網(wǎng)站的制作做出了鋪墊，在整個(gè)教材中起到了承上啟下的作用，占有十分重要的地位。

二、學(xué)情分析

我的學(xué)生是高中二年級(jí)的學(xué)生，對(duì)于網(wǎng)頁(yè)他們已經(jīng)不陌生，經(jīng)過(guò)了高一信息技術(shù)課程的學(xué)習(xí)，學(xué)生幾乎時(shí)時(shí)刻刻在接觸著網(wǎng)頁(yè)，可是學(xué)生缺乏對(duì)于網(wǎng)頁(yè)的進(jìn)一步思考與分析，對(duì)于動(dòng)態(tài)網(wǎng)頁(yè)的認(rèn)識(shí)也很少。而且此時(shí)的學(xué)生具備一定信息技術(shù)能力，對(duì)于探索實(shí)踐有著極大的興趣。

三、教學(xué)目標(biāo)

1.知識(shí)與技能目標(biāo)：

（1）在HTML中加入JavaScript代碼的方法；

（2）能夠在指定位置加入JavaScript代碼；

（3）修改JavaScript代碼中文字屬性的方法。

2.過(guò)程與方法目標(biāo)：

（1）通過(guò)小組合作探究，提高學(xué)生自主學(xué)習(xí)、探究學(xué)習(xí)及協(xié)作學(xué)習(xí)的能力；

（2）培養(yǎng)進(jìn)行學(xué)習(xí)反思的學(xué)習(xí)習(xí)慣。

3.情感態(tài)度與價(jià)值觀：

（1）培養(yǎng)學(xué)生與他人合作與交流的人際關(guān)系；

（2）培養(yǎng)學(xué)生的信息道德素養(yǎng)。

四、教學(xué)重、難點(diǎn)

教學(xué)重點(diǎn)：1.掌握加入JavaScript代碼的方法；

2.能夠在指定位置加入JavaScript代碼。

教學(xué)難點(diǎn)：1.修改JavaScript代碼中文字屬性的方法；

2.能夠在指定位置加入JavaScript代碼。

五、教學(xué)過(guò)程

1.創(chuàng)設(shè)情境、引入課題

（1）展示兩張網(wǎng)頁(yè)，要求學(xué)生觀察對(duì)比，找出不同。

（2）分析第二張網(wǎng)頁(yè)，因?yàn)槠漤?yè)面有網(wǎng)頁(yè)特效因此令頁(yè)面生色不少。引出學(xué)習(xí)內(nèi)容：動(dòng)態(tài)HTML。

觀察兩張頁(yè)面，找出第二張頁(yè)面究竟有什么特效，明確本課學(xué)習(xí)目標(biāo)。

學(xué)生普遍能發(fā)現(xiàn)第二張頁(yè)面的不同，但未能完全找出所有的特效，因此我需要點(diǎn)出三種特效，為下面的知識(shí)講解做鋪墊。

展示兩種網(wǎng)頁(yè)；

用幻燈片展示本課課題

2.知識(shí)鋪墊、范例演示

（1）指出實(shí)現(xiàn)動(dòng)態(tài)HTML的方法之一：加入JavaScript代碼

（2）解釋什么是JavaScript.

（3）HTML的基本結(jié)構(gòu)：展示教學(xué)范例網(wǎng)頁(yè)的源文件，分析其HTML標(biāo)記語(yǔ)言的組成。

（4）演示在網(wǎng)頁(yè)中加入鼠標(biāo)跟隨文字特效的操作過(guò)程，并板書(shū)總結(jié)操作步驟。

結(jié)合教學(xué)范例，觀察HTML的基本結(jié)構(gòu)。

觀看教師的操作演示，了解其具體操作步驟。用幻燈片展示知識(shí)點(diǎn)；

在教學(xué)論壇提供幻燈片的內(nèi)容供學(xué)生參考；

3.任務(wù)探究、合作學(xué)習(xí)

（1）提出問(wèn)題：如何修改鼠標(biāo)跟隨文字的大小、顏色等等相關(guān)屬性?

布置任務(wù)一：制作一段鼠標(biāo)跟隨文字效果。

（2）指導(dǎo)學(xué)生完成練習(xí)、開(kāi)展小組學(xué)習(xí)，引導(dǎo)學(xué)生間進(jìn)行討論，發(fā)現(xiàn)問(wèn)題、總結(jié)方法。

完成任務(wù)一，相鄰的兩位學(xué)生為一個(gè)學(xué)習(xí)小組，共同探究在JavaScript代碼修改文字屬性的方法。各自完成不同的修改操作，討論找出異同，總結(jié)方法。

學(xué)生基本上能夠找到修改跟隨文字的方法，但對(duì)如何修改文字顏色感到困惑，主要是不知道具體某種顏色應(yīng)該用哪個(gè)數(shù)字表示。部分學(xué)生能夠聯(lián)系之前所學(xué)，找到顏色代碼。學(xué)生之間有討論，但不善于總結(jié)方法。

在教學(xué)論壇中提供練習(xí)資源下載；

用幻燈片展示任務(wù)一的具體要求

4.學(xué)習(xí)反饋、練習(xí)點(diǎn)評(píng)

（1）邀請(qǐng)其中一個(gè)學(xué)習(xí)小組演示修改文字相關(guān)屬性的操作，引導(dǎo)兩位成員總結(jié)出修改JavaScript代碼的方法。

（2）總結(jié)在JavaScript代碼修改文字屬性的方法。

A.同組的兩位同學(xué)合作回答教師的問(wèn)題。

B.觀察同學(xué)的操作演示，聽(tīng)取同學(xué)的學(xué)習(xí)小結(jié)。

負(fù)責(zé)回答問(wèn)題的兩位學(xué)生是做得比較快的兩位，能夠明確的告訴其他同學(xué)如何找到顏色代碼，學(xué)生們對(duì)修改顏色及字體大小這部分比較留意。

這是他們普遍感到困惑之處。

5.知識(shí)延伸、分層練習(xí)

(1)布置任務(wù)二：學(xué)習(xí)在網(wǎng)頁(yè)中加入其他網(wǎng)頁(yè)特效的方法

(2)指導(dǎo)學(xué)生完成練習(xí)。

根據(jù)自己的水平選擇適當(dāng)難度的代碼進(jìn)行練習(xí)。再次修改JavaScript代碼，找出修改JavaScript代碼的技巧。

大部分學(xué)生選擇教師提供的代碼進(jìn)行練習(xí)。許多學(xué)生在添加時(shí)鐘特效的時(shí)候出現(xiàn)錯(cuò)誤，主要是將代碼直接粘貼到頁(yè)面上，或者沒(méi)有找到指定位置

6.學(xué)習(xí)反饋、練習(xí)點(diǎn)評(píng)

(1)邀請(qǐng)學(xué)生展示自己的成果，并介紹操作方法，將學(xué)習(xí)成果與同學(xué)們共同分享。主要介紹兩方面：

A.如何找到指定位置加入JavaScript代碼

B.如有學(xué)生自行在網(wǎng)上找到其他代碼，則讓該生講解如何加入該段代碼

(2)小結(jié)練習(xí)二：指出學(xué)生在練習(xí)中容易出現(xiàn)的錯(cuò)誤，再次強(qiáng)調(diào)如何找到指定位置加入JavaScript代碼。

與同學(xué)共享自己的學(xué)習(xí)成果，介紹操