信息技術(shù)八年級下冊全冊教案

信息技術(shù)八年級下冊全冊精品教案

備課本

清華版八年級下冊

信息技術(shù)

全冊教案

班級______

教師______

日期

清華版信息技術(shù)八年級下冊教學(xué)計劃

吾那爾汗2018年2月25日

一、學(xué)情分析：

本計劃針對八年級全體學(xué)生，通過上學(xué)斯的學(xué)習(xí)，學(xué)生對計算機

的基礎(chǔ)知識有了一定的了解，但是由于每一學(xué)期信息技術(shù)課時比較

少，學(xué)生的遺忘性大，大多數(shù)學(xué)生學(xué)后沒有注意鞏固，學(xué)生掌握的情

況不是很理想，參差不齊。有條件的學(xué)生家中有電腦或父母單位有電

腦，上機時間相對多一些，操作較熟練，有大部分學(xué)生純粹是上課時

間聽課，課后就沒有練習(xí)鞏固的機會，所以，這一部分學(xué)生對所學(xué)知

識遺忘較大，操作生疏；所以這學(xué)期要多提供給學(xué)生動手實踐的機會,

讓學(xué)生多動的操作，讓學(xué)生在操作中學(xué)到知識。

二、教材分析

本學(xué)期教材是清華大學(xué)出版社會出版的《初中信息技術(shù)》八年級

下冊，。內(nèi)容包括：第一單元：新手入門，輕松上路，開篇之作，星

光閃爍，第二單元：統(tǒng)一風(fēng)格，事半功倍，第三單元：駕輕就熟，按

圖索伊，圖形整合，自由穿梭，第四單元：一觸即發(fā)，影音視聽，分

享成果。難點知識：是第二單元的統(tǒng)一風(fēng)格和事半功倍，重點三四單

元駕輕就熟，按圖索伊，圖形整合，自由穿梭，一觸即發(fā)，影音視聽

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

培養(yǎng)學(xué)生對信息技術(shù)的興趣和意識，讓學(xué)生了解和掌握信息技術(shù)

基本知識和技能，了解信息技術(shù)的發(fā)展及期應(yīng)用對人類日常生活和科

學(xué)技術(shù)的深刻影響。通過信息技術(shù)課程使學(xué)生具有獲取信息、傳輸信

息、處理信息和應(yīng)用信息的能力，教育學(xué)生正確認識和理解與信息技

術(shù)相關(guān)的文化、倫理和社會等問題，負責(zé)任地使用信息技術(shù)；培養(yǎng)學(xué)

生良好的信息素養(yǎng)，把信息技術(shù)作為支持終身學(xué)習(xí)和合作學(xué)習(xí)手手

段，為適應(yīng)信息社會的學(xué)習(xí)、工作和生活打下必要的基礎(chǔ)。

組織有意義的信息活動，讓學(xué)生從中體會樂趣，激發(fā)學(xué)生學(xué)習(xí)動

力?；顒又?，互相學(xué)習(xí)，共同進步，培養(yǎng)集體榮譽感。適時開展比

賽，在比中學(xué)，學(xué)中比，促進提高，培養(yǎng)學(xué)生創(chuàng)新能力，注重學(xué)生動

手、動腦的鍛煉。采取基本技能學(xué)習(xí)與德育想滲透的教學(xué)方式，注重

培養(yǎng)學(xué)生健康向上的人格品質(zhì)，做到教書育人，使他們成為思想素質(zhì)

高尚的人才教材與初一教材、小學(xué)教材上下銜接密切，學(xué)生應(yīng)在小

學(xué)已經(jīng)比較扎實掌握了教材中一些基礎(chǔ)知識，但對我們的學(xué)生來說

DreamweaverCS5根本就沒有學(xué)過，另外學(xué)生的計算機動畫制作能力

也達不教學(xué)所需要的要求，所以在教學(xué)中存在著很大的問題。

五、教學(xué)措施：

總體原則采取“任務(wù)驅(qū)動”教學(xué)方式、學(xué)生自學(xué)方式和動手操作

三種方式進行學(xué)習(xí)，適當(dāng)進行一些小競賽及課堂評價的方式進行教

學(xué)。明確教學(xué)重點、難點關(guān)鍵，探索、研究疑難問題及有關(guān)微機實踐。

分析學(xué)生情況，統(tǒng)一教學(xué)要求，盡力做到超前1—2周，做到每課必

備，寫好教案。領(lǐng)會大綱精神，鉆研教材內(nèi)容，從學(xué)生實際出發(fā)做到

十備：一備滲透德育；二備重點突出，突破難點方法得當(dāng)；三備信息

技術(shù)基本概念；四備信息技術(shù)基本操作用語、基本術(shù)語；五備信息技

術(shù)教學(xué)中的薄弱環(huán)節(jié)；六備疑難問題的解決思路；七備信息技術(shù)實驗

操作的增補及成敗關(guān)鍵；八備學(xué)生自學(xué)提綱；九備操作練習(xí)作業(yè)精選;

十備課堂教學(xué)的總設(shè)計。

根據(jù)本學(xué)科和本校教學(xué)機房特點。在日常教學(xué)的方法上著重采用

邊講邊讓學(xué)生上機操作體驗，也就是在老師的講授、引導(dǎo)、啟發(fā)下，

學(xué)生理解后再去上機親身體驗。把內(nèi)初班各班對信息技術(shù)課學(xué)的比較

好的學(xué)生組織起來，成為班級學(xué)生骨干，協(xié)助教師分片進行同學(xué)間的

輔導(dǎo)，不能讓一個同學(xué)掉隊，這樣大面積促進提高差下生的學(xué)習(xí)，使

全班同學(xué)都能同步學(xué)習(xí)。老師巡回檢查學(xué)生上機情況，重點監(jiān)督不自

覺的學(xué)生，整個過程可以說老師指導(dǎo)，學(xué)生親身體驗的過程，以達到

加深學(xué)生對所知識的理解、鞏固，創(chuàng)新，增強記憶，提高學(xué)生的學(xué)習(xí)

成績，提高學(xué)生學(xué)習(xí)本學(xué)科的興趣的積極性

教學(xué)進度：

本學(xué)科在本學(xué)期的教學(xué)計劃課時約需要16個課時，由于停電設(shè)

備等耽誤，學(xué)生基礎(chǔ)差，教學(xué)時間偏緊。具體實施見教學(xué)進度計劃表。

清華版信息技術(shù)八年級下冊全冊教案

教師日期______

課題第一課新手入門一網(wǎng)站欣賞與創(chuàng)建網(wǎng)頁

教學(xué)目標(biāo)1、【知識與技能：】

(1)、通過操作練習(xí)，掌握互聯(lián)網(wǎng)、網(wǎng)頁與首頁、網(wǎng)站等網(wǎng)頁設(shè)計與網(wǎng)站制作的基

本知識；

(2)、通過操作練習(xí)，會使用記事本作為網(wǎng)頁編輯工具來編輯HTML代碼并生成網(wǎng)

頁；

(3)、掌握瀏覽網(wǎng)頁的方法并理解網(wǎng)頁編輯工具與瀏覽工具之間的關(guān)系。

2、【過程與方法：】

(1)＞能通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究

的一般過程；

(2)、能夠仔細傾聽其他同學(xué)的發(fā)言，體驗合作學(xué)習(xí)的過程和方法；

3、【情感態(tài)度與價值觀：】

(1)聯(lián)系生活實際，學(xué)習(xí)制作網(wǎng)站的基本知識，激發(fā)學(xué)生的學(xué)習(xí)興趣。

(2)學(xué)生在協(xié)作與交流過程中，提高自己的操作能力，肯定自己的價值。

教學(xué)重、難點重點：網(wǎng)頁設(shè)計與網(wǎng)站制作的基本知識是本課的教學(xué)重點。；

難點：使用記事本作為網(wǎng)頁編輯工具來編輯HTML代碼并生成網(wǎng)頁技巧是本課的難

點。

教學(xué)時數(shù)一課時

教法及教具教法：任務(wù)驅(qū)動。教具：多媒體

主教案副教案

(一)激趣導(dǎo)入：

教師展示新浪、搜狐等門戶網(wǎng)站首頁，引導(dǎo)學(xué)生根據(jù)經(jīng)驗感受作出建構(gòu)

自己的問題情景，如：什么樣的網(wǎng)頁才是好看的？怎樣設(shè)計才算有特色？

教師適時提出：這樣的網(wǎng)頁我們也能制作，你們想不想制作一個屬于自己

個性網(wǎng)頁？那好，我們立刻行動。從而引出課題，把任務(wù)的重點和要求，

以及需要注意的地方告訴學(xué)生，使學(xué)生明白本節(jié)課要完成的內(nèi)容，有目的，

有重點的進行學(xué)習(xí)。

(-)自主學(xué)習(xí)：本環(huán)節(jié)以任務(wù)驅(qū)動式展開分層教學(xué)。

任務(wù)一：網(wǎng)站欣賞

以小組為單位，打開IE瀏覽器，瀏覽網(wǎng)頁并收藏好就最喜歡的一個網(wǎng)頁。

由我來通過屏幕廣播方式演示示范操作過程,讓學(xué)生們觀看我操作過程和

方法？給學(xué)生5分鐘，在學(xué)生自己在計算機上完成任務(wù)后，教師對操作過

程中的問題加以強調(diào)、說明，同時肯定學(xué)生的操作能力。

任務(wù)二：網(wǎng)頁設(shè)計與網(wǎng)站制作的基本知識

在這一環(huán)節(jié)里我設(shè)計讓學(xué)生通過自己的理解，同桌交流以及我及時必要的

補充，完成書中設(shè)定的任務(wù)：了解互聯(lián)網(wǎng)、網(wǎng)頁與首頁、網(wǎng)站等知識。

任務(wù)三：我的第一個網(wǎng)頁是這樣成功的。

關(guān)于HTML語言認識，給學(xué)生2分鐘時間，閱讀教材中“視野拓展”中

的內(nèi)容。

由教師示范：打開網(wǎng)頁素材，在記事本里復(fù)制并粘貼素材文件中提供的

HTML代碼，命名并保存文件，然后在瀏覽器中進行預(yù)覽。鼓勵有余力的

同學(xué)通過“視野拓展”板塊進行自學(xué)，并能獨立完成“創(chuàng)作天地”中的練

習(xí)。

（三）合作交流：

本環(huán)節(jié)是本節(jié)課教學(xué)內(nèi)容的升華，是本節(jié)課最具閃光點的一環(huán)，在這時

里既應(yīng)充分體現(xiàn)學(xué)生的合作討論，又要體現(xiàn)學(xué)生的自主創(chuàng)新，所以我設(shè)計

以小組為單位，在學(xué)習(xí)了以上內(nèi)容的基礎(chǔ)上，完成本組的一件個性作品。

（四）展示評價：在這個環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較

成功的作品，然后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個小組

作品，互相看一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。同時教師

適當(dāng)評價成功之處，對不足的地方加以完善。

在最后，我大約用5分鐘的時間進行小結(jié)和作業(yè)布置。協(xié)作完成“創(chuàng)

作天地”的練習(xí)。

五、評價：

本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行,一是在教學(xué)實

踐過程中對學(xué)生操作效果的表現(xiàn)性評價;二是在小組協(xié)作學(xué)習(xí)過程中學(xué)生

間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)教學(xué)目標(biāo)完成自

我評價.

教學(xué)反思：

課題第二課輕松上路一規(guī)劃網(wǎng)站及創(chuàng)建站點

教學(xué)目標(biāo)1、【知識與技能：】

(1)、通過學(xué)習(xí)，了解站點的開發(fā)流程，能夠設(shè)計簡單的站點；

(2)、通過學(xué)習(xí)能夠熟悉Dreamweavercs5的界面認識和操作；

⑶、通過學(xué)習(xí)，學(xué)會利用學(xué)會利用Dreamweavercs5創(chuàng)建站點。

2、【過程與方法：】

(1)、能通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究

的一般過程；

(2)、能夠仔細傾聽其他同學(xué)的發(fā)言，體驗合作學(xué)習(xí)的過程和方法，提升學(xué)習(xí)能

力；

(3)、能有效的利用課堂時間，積極融入合作、交流、探索的學(xué)習(xí)過程。

3、【情感態(tài)度與價值觀：】

(1)、在探究過程中激發(fā)學(xué)生學(xué)習(xí)開發(fā)網(wǎng)站的興趣；

(2)學(xué)生在協(xié)作與交流過程中，提高自己的操作能力，肯定自己的價值。

教學(xué)重、難點重點：了解網(wǎng)站制作的基本知識，并制作一個簡單的網(wǎng)頁；

難點：理解網(wǎng)站的開發(fā)流程和認識Dreamweavercs5

教學(xué)時數(shù)-課時

教法及教具教法：講解法、練習(xí)法。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

一、課程導(dǎo)入

開發(fā)一個網(wǎng)站是一個相當(dāng)來說比較繁雜的過程，對于一個網(wǎng)站而言，要

有一個總的戰(zhàn)略規(guī)劃和目標(biāo)。在做一個網(wǎng)站前，要有一個全盤的考慮。

我們知道一個房子一旦地基沒有打好，是要拔了重新蓋，我們做網(wǎng)站也

是一樣，如果你前期規(guī)劃做的不好，后面的工作就意味著白辛苦。這節(jié)

課我們以“安全自護我能行”為主題來進行網(wǎng)站規(guī)劃和創(chuàng)建站點。

二、新課講授

1.了解網(wǎng)站開發(fā)流程

(1)網(wǎng)站需求分析

一個網(wǎng)站在設(shè)計前，就應(yīng)該考慮網(wǎng)站規(guī)模多大，就是多少個頁面，每個

頁面的大體內(nèi)容是什么，要用到那些素材，有那些導(dǎo)航，做較大一點的

網(wǎng)站尤為如此。還要考慮以后會有什么改動，還要增加那些網(wǎng)頁，盡量

讓以后的改動盡可能的小。網(wǎng)站的需求分析所用的時間應(yīng)該占到總開發(fā)

時間的一半以上。

①確定網(wǎng)站主題

寫作文要圍繞中心思想去寫，做網(wǎng)站要圍繞主題去做。個人主頁、休閑、

體育、教育、新聞、娛樂、購物、健康等等，不管那類網(wǎng)站，都不能脫

離自己的主題，必須表現(xiàn)個性，表現(xiàn)出特色才能給人留下深刻印象，讓

人流連忘返。

②收集素材

我們在這所說的素材就是你的網(wǎng)頁上要用的各種素材，主要包括：文字、

圖片、動畫、音頻、視頻等。在網(wǎng)站主題明確后，就應(yīng)該把素材準(zhǔn)備好,

當(dāng)然是越充分越好。不要等到用的時候到處去找，那就影響效率了。

③規(guī)劃站點

站點規(guī)劃是需求分析中最重要的一個環(huán)節(jié)，包含很多方面的內(nèi)容。我們

上節(jié)課看了一些別人做的網(wǎng)站，相信大家都多多少少了解一些：欄目設(shè)

置、顏色搭配、圖文的應(yīng)用等等.只有把這些內(nèi)容都考慮全面了，制作

的時候你的速度就快。否則就等著不停的返工吧。

(2)設(shè)計制作網(wǎng)站頁面

頁面制作要先大后小，先粗后精。就是先要把每個頁面要放什么內(nèi)容，

按什么結(jié)構(gòu)先做一個大概，所有頁面的大概都做完后，再去完善和細化。

(3)網(wǎng)站的發(fā)布

需要域名和網(wǎng)頁文件的存放空間。

2.利用Dreamweaver8創(chuàng)建站點

(1)啟動Dreamweavers

簡單的進行界面介紹

(2)創(chuàng)建站點

步驟參見書上第12頁

3.做一個簡單的網(wǎng)頁

要求圖文并茂

三、學(xué)生練習(xí)

學(xué)生小組合作完成任務(wù)，并將任務(wù)上交到教師機。

四、作品評價

對于較快完成任務(wù)并且完成任務(wù)較好的同學(xué)進行表揚鼓勵。

五、本課小結(jié)

教學(xué)反思:

課題第三課開篇之作一一基于表格的頁面布局

教學(xué)目標(biāo)1、【知識與技能：】

(1)、通過學(xué)習(xí)，能夠創(chuàng)建和打開站點，理解站點的意義；

(2)、通過操作練習(xí)，學(xué)會有效的整理和利用素材；

(3)、通過操作練習(xí)，能夠創(chuàng)建網(wǎng)頁和合理的選擇頁面類型；

(4)、通過操作練習(xí)，掌握對表格屬性的相關(guān)設(shè)置；

(5)、學(xué)會測試網(wǎng)頁。

2、【過程與方法：】

(1)、能通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究

的一般過程；

(2)、能夠仔細傾聽同組同學(xué)及其他的發(fā)言，體驗合作學(xué)習(xí)的過程和方法；

(3)、能在學(xué)習(xí)中，體會網(wǎng)頁布局是網(wǎng)頁設(shè)計的重點之一。

3、【情感態(tài)度與價值觀：】

(1)通過學(xué)習(xí)，對比感知自己和好的網(wǎng)頁設(shè)計者之間的差距，從而激發(fā)學(xué)習(xí)動力；

(2)通過本課學(xué)習(xí)展示自己作品及學(xué)生和教師的點評，體驗成功的感覺，肯定自

己的價值。

教學(xué)重、難點重點：能夠?qū)Ρ砀駥傩赃M行熟練的設(shè)置。

難點：使能夠?qū)Ρ砀駥傩赃M行熟練的設(shè)置。

教學(xué)時數(shù)一課時

教法及教具教法：講解，學(xué)生練習(xí)。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

一、課程導(dǎo)入

一個網(wǎng)站的規(guī)劃設(shè)計完畢了，接下來的工作就是網(wǎng)頁設(shè)計。我們知道一個

網(wǎng)站的首頁就像一本書的目錄一樣，我們做網(wǎng)站也一樣，要先把首頁確定

下來。我看了我們上一周做的網(wǎng)頁，有些同學(xué)想發(fā)揮點創(chuàng)意，但發(fā)現(xiàn)頁面

布局很亂，圖片文字亂七八糟堆放在一起。這節(jié)課我們就來學(xué)學(xué)怎樣對頁

面布局進行控制。在這之前我們先來看看別人的首頁是怎么做的。(查看

事先準(zhǔn)備好的示例網(wǎng)頁，分析表格在該頁的作用)

二、新課講授

(-)復(fù)習(xí)創(chuàng)建站點的步驟。

1.在D盤新建一個文件夾，作為站點文件夾。

2.打開Dreamweaver8,單擊“站點”菜單下的“新建站點”命令。

3.新建站點(步驟略，參加課本pl2)。

(-)創(chuàng)建網(wǎng)站首頁

1.整理素材

(1)右擊“文件”面板中站點名“站點-安全自護我能行D:\safe"，在彈

出的快捷菜單中執(zhí)行“新建文件夾”命令，然后將文件夾命名為images。

(2)將首頁素材圖片index.gif,復(fù)制粘貼到images文件夾中。

(3)在safe文件夾下新建一文件夾other,將flash動畫素材整理到other

文件夾中。

2.創(chuàng)建并保存首頁

(1)單擊“文件”?！靶陆ā泵?，選擇“常規(guī)”，在“基本頁”列表

框中選擇HTML選項，單擊“創(chuàng)建”按鈕，即建立了一個空白頁。

(2)執(zhí)行“文件”->“保存”命令，保存名index.html,默認保存路徑是

站點的跟目錄。注意保存類型選擇“html文檔”。

(三)對首頁進行初步布局

1.為頁面添加背景顏色

(1)單擊文檔窗口，使插入點在編輯區(qū)內(nèi)閃爍，然后單擊“屬性”欄的

“頁面屬性”按鈕。

(2)找到“背景顏色”選項，輸入淺黃色的顏色數(shù)值#FFFF94,單擊“確

定”按鈕，背景色設(shè)置完成。

2.設(shè)置網(wǎng)頁標(biāo)題并預(yù)覽網(wǎng)頁效果。

3.使用表格初步布局網(wǎng)頁。

(1)在文檔窗口中單擊，在頁面左上角放置插入點。

(2)執(zhí)行“插入”->“表格”命令。

(3)在彈出的“表格”對話框中設(shè)置一個2行1列的表格，寬度600像

素。

(4)單擊“標(biāo)簽選擇器"中的<table>標(biāo)簽，選中此表格，在屬性欄中完

成表格的相關(guān)設(shè)置。具體參數(shù)如下：行數(shù)：2,列數(shù)：1,高度：600像素，

寬度600像素，對齊：居中對齊，背景圖片：index.gif。

4.測試網(wǎng)頁。

三、學(xué)生練習(xí)

鼓勵學(xué)生大膽嘗試和創(chuàng)新，利用所學(xué)的內(nèi)容，進行創(chuàng)意性發(fā)揮。

學(xué)生小組合作完成制作一個首頁的任務(wù)，并將任務(wù)上交到教師機。

四、作品評價

調(diào)幾個優(yōu)秀作業(yè)進行課堂點評，激發(fā)學(xué)生興趣。

五、本課小結(jié)

1.站點目錄結(jié)構(gòu)要清晰，方便管理，素材要按類型分別存放。

2.文檔工具欄的使用。

3.使用表格設(shè)計網(wǎng)頁布局，可以使網(wǎng)頁看上去更加整齊。

教學(xué)反思：

課題第四課星光閃爍一一用Flash動畫完善首頁

教學(xué)目標(biāo)1、【知識與技能：】

(1)、學(xué)會表格的調(diào)整；

(2)、能在網(wǎng)頁中插入Flash,并對相關(guān)屬性進行設(shè)置；

(3)、能在網(wǎng)頁中插入文本，并對文字格式進行設(shè)置。

2、【過程與方法：】

(1)、能通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究

的一般過程；

(2)、通過探究學(xué)習(xí)體驗知識的學(xué)習(xí)是在不斷加深的過程；

(3)、通過插入FLAH動畫練習(xí)，認識到知識之間是可以相互利用的過程。

3、【情感態(tài)度與價值觀：】

(1)通過插入動畫，使網(wǎng)頁較之前更加豐富，激發(fā)學(xué)生的興趣；

(2)通過本課的學(xué)習(xí)完成任務(wù)，體驗成功，肯定自己的能力。

教學(xué)重、難點重點：能夠?qū)Ρ砀駥傩赃M行熟練的設(shè)置。

難點：使能夠?qū)Ρ砀駥傩赃M行熟練的設(shè)置。

教學(xué)時數(shù)一課時

教法及教具教法：講解，學(xué)生練習(xí)。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

一、課程導(dǎo)入

對于一個網(wǎng)頁，信息的表達是多種多樣的，我們可以使用文字、圖片等，

我們也可以為網(wǎng)頁添加動畫、音頻、視頻等，為了讓我們的網(wǎng)站看起來

有動感，吸引別人的眼球，我們應(yīng)該學(xué)會在網(wǎng)頁中使用Flasho這節(jié)課我

們就來一塊學(xué)學(xué)怎么在網(wǎng)頁中使用Flash。

二、新課講授

1.新建站點

(1)將“安全自護我能行”站點文件夾傳到學(xué)生機。

(2)新建站點。

2.調(diào)整表格

1)選擇對象

表格、行、列、單元格屬性的設(shè)置是以選擇這些對象為前提的。

a)選擇表格：“標(biāo)簽選擇器”中單擊＜table＞標(biāo)簽；“表格”菜單下

的“選擇表格”命令。

b)選擇某一單元格：按住Ctrl鍵，同時單擊選中的單元格；“標(biāo)簽

選擇器”中單擊＜td＞標(biāo)簽。

c)選擇某一行或某一列：將光標(biāo)移動到行左側(cè)或列上方，當(dāng)鼠標(biāo)

指針變?yōu)橄蛴一蛳蛳碌募^圖標(biāo)時，單擊即可。

2)設(shè)置第一行的屬性

選中表格的第一行，將高度設(shè)為420?和flash的高度一致。

3.插入flash動畫

1)將光標(biāo)定位在表格第一行中，執(zhí)行“插入”——》“媒體”一一》

Flash命令。

2）在彈出的對話框中選擇other文件夾下的index.swf,單擊確定。

3）觀察插入flash的狀態(tài)，在編輯視圖下，flash不可見。

4）單擊選中flash文檔，在屬性面板設(shè)置相關(guān)屬性：循環(huán)、自動播

放。預(yù)覽觀察效果。

5）設(shè)置Flash參數(shù)，如P23頁，圖4.6所示。

4.在網(wǎng)頁中插入文本

1）插入普通文本：光標(biāo)定位在單元格內(nèi)，直接輸入文字。

2）插入特殊字符：“插入”——》“HTML”——》“特殊網(wǎng)頁

3）設(shè)置文本屬性：根據(jù)情況選擇合適的格式或文字大小、顏色、

對齊方式等。

三、學(xué)生練習(xí)

學(xué)生小組合作完成任務(wù)，并將任務(wù)上交到教師機。

四、作品評價

對于較快完成任務(wù)并且完成任務(wù)較好的同學(xué)進行表揚鼓勵。

五、本課小結(jié)

1.熟練對表格的操作，能選擇表格的行、列、單元格等。

2.在網(wǎng)頁中插入flash可以很好的表現(xiàn)動感。設(shè)置flash的相關(guān)屬性。

3.在網(wǎng)頁中插入文本，并設(shè)置文本的屬性。

教學(xué)反思：

課題第五課統(tǒng)一風(fēng)格一一制作框架網(wǎng)頁

教學(xué)目標(biāo)1、【知識與技能：】

(1)、掌握表格的拆分與合并。

(2)、學(xué)會創(chuàng)建框架、制作框架網(wǎng)頁和保存框架網(wǎng)頁。

(3)、能制作鼠標(biāo)經(jīng)過圖像的動態(tài)效果。

(4)、學(xué)會制作超級鏈接和電子郵件鏈接。

(5)、掌握目標(biāo)設(shè)置在網(wǎng)頁制作過程中的作用和方法。

2、【過程與方法：】

(1)、能通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究

的一般過程；

(2)、通過探究學(xué)習(xí)體驗框架對網(wǎng)頁布局的重要性；

(3)、通過小組交流討論理解框架，學(xué)習(xí)框架的制作過程。

3、【情感態(tài)度與價值觀：】

(1)通過學(xué)習(xí)了解到網(wǎng)頁布局工具的多樣性，激發(fā)學(xué)生探究的興趣；

(2)通過本課的學(xué)習(xí)完成任務(wù)，體驗成功，肯定自己的能力。

教學(xué)重、難點重點：創(chuàng)建框架和制作框架網(wǎng)頁。

難點：保存框架和框架集及對框架的理解。

教學(xué)時數(shù)-課時

教法及教具教法：講解，學(xué)生練習(xí)。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

一、課程導(dǎo)入

一個網(wǎng)站常常劃分成多個區(qū)域，對于每個區(qū)域來說，其色彩搭配、網(wǎng)站

風(fēng)格、網(wǎng)站標(biāo)題、網(wǎng)站導(dǎo)航都是統(tǒng)一的。為了能做到這種統(tǒng)一，我們每

個網(wǎng)頁中相同的內(nèi)容固定在一個區(qū)域。我們通過創(chuàng)建框架制作框架網(wǎng)頁，

可以輕松實現(xiàn)網(wǎng)頁結(jié)構(gòu)劃分和布局?？匆粋€使用了框架的網(wǎng)頁范例，師

大資源網(wǎng)(http:〃)。使大家對框架有一個初步的了解

和感性認識。

二、新課講授

1.新建站點

(1)將“安全自護我能行”站點文件夾safe傳到學(xué)生機。

(2)新建站點。

2.創(chuàng)建框架和框架集

制作框架網(wǎng)頁的前提是創(chuàng)建框架，并根據(jù)網(wǎng)頁布局設(shè)計框架的樣式，然

后再具體設(shè)計制作網(wǎng)頁的內(nèi)容。

(1)規(guī)劃“框架”文件夾。

(2)新建框架集

步驟1:執(zhí)行“文件”——》“新建”命令，打開“新建文檔”對話框，

在“類別”中選擇“框架集”。

步驟2：單擊“創(chuàng)建”按鈕，在彈出對話框中單擊“確定”，框架創(chuàng)建完

成。

(3)保存框架集

步驟1：執(zhí)行“文件”一一》“保存全部”命令，保存到frame文件夾中。

步驟2：重命名框架集文件和每個框架文件。

(4)設(shè)置框架和框架屬性

框架的屬性包括框架名稱、源文件、邊距、尺寸、滾動條等；框架集的

屬性包括框架面積、框架邊界顏色、距離等。

步驟1:執(zhí)行“窗口”——》“框架”命令，打開框架面板。

步驟2：單擊“框架”面板中的框架邊緣部分，選中框架集，在“屬性”

面板中設(shè)置框架集的屬性。

步驟3：單擊"框架"面板中的topFrame框架和mainFrame框架，在‘'屬

性”面板中設(shè)置所選框架的屬性。

(5)制作框架網(wǎng)頁

①制作上框架網(wǎng)頁

步驟1：打開網(wǎng)頁top.html,設(shè)置背景顏色#EAFF8A,上邊距為0像素。

步驟2：插入一個2行5列的表格并調(diào)整行列的高寬。。。。。。

步驟3：在導(dǎo)航表格中，設(shè)置鼠標(biāo)經(jīng)過圖像。

步驟4：為圖片添加超鏈接，設(shè)置打開方式(目標(biāo))。

②制作下框架網(wǎng)頁

步驟1：打開網(wǎng)頁main.html,設(shè)置背景顏色#EAFF8A,上邊距為0像素。

步驟2：插入一個5行9列的表格并調(diào)整行列的高寬。。。。。。

步驟3：合并相關(guān)單元格。

步驟4：插入圖片，并為圖片添加超鏈接。

步驟5：添加郵件鏈接。

三、學(xué)生練習(xí)

學(xué)生小組合作完成書上的練習(xí)任務(wù)，并將任務(wù)上交到教師機。

四、作品評價

對于較快完成任務(wù)并且完成任務(wù)較好的同學(xué)進行表揚鼓勵。

五、本課小結(jié)

1.創(chuàng)建框架，實現(xiàn)網(wǎng)頁風(fēng)格的統(tǒng)一，保存框架時，需要保存框架集文件和

含有框架的所有文件。

2.利用鼠標(biāo)經(jīng)過圖像，可以制作網(wǎng)頁導(dǎo)航動態(tài)按鈕。

3.超級鏈接是實現(xiàn)網(wǎng)頁互聯(lián)的關(guān)鍵，設(shè)置網(wǎng)頁的打開方式，可以調(diào)整鏈接

網(wǎng)頁的顯示位置。

教學(xué)反思:

課題第六課事半功倍一制作網(wǎng)頁模板

教學(xué)目標(biāo)1、【知識與技能：】

（1）通過學(xué)習(xí)，掌握合并單元格及插入嵌套表格的方法。

（2）通過學(xué)習(xí)，了解模板的概念和作用，學(xué)會創(chuàng)建網(wǎng)頁模板。

（3）通過學(xué)習(xí)，掌握定義、編輯可編輯區(qū)域的基本方法。

（4）通過學(xué)習(xí)，能夠根據(jù)網(wǎng)站的需要創(chuàng)建網(wǎng)頁模板。

2、【過程與方法：】

通過小組合作、課程整合，交流評價，培養(yǎng)學(xué)生分析信息、利用信息和信息創(chuàng)新

能力，以及對已學(xué)知識進行規(guī)劃管理的能力。

能夠通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究的

一般過程；

3、【情感態(tài)度與價值觀：】

通過小組合作、討論探究的形式，增強學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，

有成就感，增強自信，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。

教學(xué)重、難點重點：模板的概念和用途。

難點：創(chuàng)建模版文件，定義可編輯區(qū)，表格的高級應(yīng)用是難點。

教學(xué)時數(shù)一課時

教法及教具教法：任務(wù)驅(qū)動，自主探究學(xué)習(xí)法。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

（一）激趣導(dǎo)入：

通過播放一組網(wǎng)頁模板，激發(fā)學(xué)生的興趣，了解一些布局類型，在

課件上演示模板套用的即時效果，引出主題；即模板網(wǎng)頁制作與應(yīng)用，

就是如何利用模板網(wǎng)頁為網(wǎng)站統(tǒng)一“著裝”。這樣的設(shè)計可以有效的吸引

學(xué)生的注意力，使導(dǎo)入自然。

（二）、探究新知

【任務(wù)一:1創(chuàng)建網(wǎng)頁模版

屏幕出示網(wǎng)頁模板和普通網(wǎng)頁的特點，并回答。從而引導(dǎo)學(xué)生回答相似

的主體風(fēng)格，引出模板網(wǎng)頁，結(jié)合學(xué)生已經(jīng)學(xué)過的知識，提出總?cè)蝿?wù)，

進入新課。

【任務(wù)二：】講解示范新課內(nèi)容

這一環(huán)節(jié)我主要采用了任務(wù)驅(qū)動法，主要任務(wù)是探究模板網(wǎng)頁的制作應(yīng)

用的實施步驟。即為網(wǎng)頁統(tǒng)一“著裝”這是本堂課的重點和難點，為了

幫助學(xué)生完成這一總?cè)蝿?wù)，我把這個總?cè)蝿?wù)分解成三個子任務(wù)來完成，

即：模板創(chuàng)建（化樣板）--編輯模板（做衣服）-一模板的應(yīng)用（穿衣服）。

先利用FLASH課件展示完成這三子任務(wù)的步驟，然后由老師通多媒體講

解、示范重難點，再由優(yōu)秀學(xué)生或“小先生”通過本機向全部學(xué)生演示

整個任務(wù)完成過程。在任務(wù)的驅(qū)動下，使學(xué)生變“要我知道”為“我想

知道”，同時讓他們體驗到問題解決的成功感，從而激發(fā)他們進一步學(xué)習(xí)

的愿望和積極性。

【任務(wù)三:】引導(dǎo)學(xué)生采用資源面板方式創(chuàng)建模板文件，這樣對于整

個網(wǎng)站的資源構(gòu)架會有個一個逐步的了解，對于資源面板的用途也逐一

掌握。起到連貫作用。

（三）協(xié)作提高

分組整合各個子任務(wù)，并操作練習(xí)“創(chuàng)作天地”課堂練習(xí)題，教師

巡視、指導(dǎo)、點撥，并導(dǎo)出可能出現(xiàn)的問題:①可編輯區(qū)錯位。②模板套用

出錯，導(dǎo)致body（網(wǎng)頁體）區(qū)域重復(fù)，并分析解決問題。設(shè)計該環(huán)節(jié)的

目的是全面了解學(xué)生掌握新知的情況，幫助學(xué)解決實操中的問題，為下

一環(huán)節(jié)的競賽做準(zhǔn)備。

（四）展示評價：

在這個環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然

后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個小組作品，互相看

一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。同時教師適當(dāng)評價成

功之處，對不足的地方加以完善。

最后，用約5分鐘的時間進行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》

練習(xí)。

五、評價：

本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)

實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)

習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)

教學(xué)目標(biāo)完成自我評價。

教學(xué)反思：

課題第七課駕輕就熟一應(yīng)用模版創(chuàng)建網(wǎng)頁

教學(xué)目標(biāo)1、【知識與技能：】

（1）通過學(xué)習(xí)，掌握利用模板創(chuàng)建網(wǎng)頁的方法。

（2）通過學(xué)習(xí)，學(xué)會運用Flash按鈕制作導(dǎo)航欄進行站內(nèi)導(dǎo)航。

（3）通過學(xué)習(xí)，了解鏈接對象的目標(biāo)框架的含義。

2、【過程與方法：】

通過小組合作、課程整合，交流評價，培養(yǎng)學(xué)生分析信息、利用信息和信息創(chuàng)新

能力，以及對己學(xué)知識進行規(guī)劃管理的能力。

能夠通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究的一

般過程；

3、【情感態(tài)度與價值觀：】

通過小組合作、討論探究的形式，增強學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，

有成就感，增強自信，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。

教學(xué)重、難點重點：應(yīng)用模板創(chuàng)建網(wǎng)頁是重點。

難點：用Flash按鈕制作導(dǎo)航欄進行站內(nèi)導(dǎo)航是本課的難點。

教學(xué)時數(shù)一課時

教法及教具教法：任務(wù)驅(qū)動，自主探究學(xué)習(xí)法。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

（一）激趣導(dǎo)入：

屏幕出示網(wǎng)頁模板和普通網(wǎng)頁的特點，激發(fā)學(xué)生的興趣，了解一些

布局類型，在課件上演示模板套用的即時效果，引出主題；即模板網(wǎng)頁

制作與應(yīng)用，就是如何利用模板網(wǎng)頁為網(wǎng)站統(tǒng)一“著裝”。這樣的設(shè)計可

以有效的吸引學(xué)生的注意力，使導(dǎo)入自然。

（二）、探究新知

【任務(wù)一:】應(yīng)用模版創(chuàng)建網(wǎng)頁

應(yīng)用模板在本課是首次接觸，前面一課中，模板設(shè)計好后，要利用它來

創(chuàng)建網(wǎng)頁或?qū)⑵鋺?yīng)用于已經(jīng)存在的網(wǎng)頁上，才能發(fā)揮作用。注意提現(xiàn)學(xué)

生，建立模版也是“資源”概念。

【任務(wù)二：】利用Flash按鈕制作導(dǎo)航欄

在Dreamweaver8中，共提供了40余種Flash按鈕的樣式，我們只需要

選擇樣式，輸入按鈕顯示文本并設(shè)置鏈接就可以使用。教師需要提現(xiàn)學(xué)

生注意的就是保存路徑，在“插入Flash按鈕”對話框中雖然提供了設(shè)置

保存路徑的按鈕，但是只要我們設(shè)置的路徑與鏈接目標(biāo)文件不在同一個

文件夾中，否則會出現(xiàn)異常。

（三）協(xié)作提高

分組整合各個子任務(wù)，結(jié)合教材中“智多星”、“知識著陸”并操作

練習(xí)“創(chuàng)作天地”課堂練習(xí)題，教師巡視、指導(dǎo)、點撥，并導(dǎo)出可能出現(xiàn)

的問題:①保存的路徑不正確。②模板套用出錯，導(dǎo)致body（網(wǎng)頁體）區(qū)

域重復(fù)，并分析解決問題。設(shè)計該環(huán)節(jié)的目的是全面了解學(xué)生掌握新知

的情況，幫助學(xué)解決實操中的問題，為下一環(huán)節(jié)的學(xué)習(xí)賽做準(zhǔn)備。

（四）展示評價：

在這個環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然

后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個小組作品，互相看

一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。同時教師適當(dāng)評價成

功之處，對不足的地方加以完善。

最后，用約5分鐘的時間進行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》

練習(xí)。

五、評價：

本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)

實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)

習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)

教學(xué)目標(biāo)完成自我評價。

板書設(shè)計：

第七課駕輕就熟一一應(yīng)用模版創(chuàng)建網(wǎng)頁

一、應(yīng)用模版創(chuàng)建網(wǎng)頁

1、規(guī)劃”日常生活“文件夾

2、應(yīng)用模版（用模版直接創(chuàng)建網(wǎng)頁；新建空白網(wǎng)頁后再應(yīng)用模版）

3、將“日常生活”網(wǎng)頁鏈接到框架網(wǎng)頁

二、利用Flash按鈕制作導(dǎo)航欄

1、制作“交通出行"Flash按鈕

2、制作其他Flash按鈕

教學(xué)反思：

課題第八課自由穿梭一利用錨點實現(xiàn)局部鏈接

教學(xué)目標(biāo)1、【知識與技能：】

((1)通過學(xué)習(xí)，靈活地使用水平線分隔網(wǎng)頁元素；

(2)通過學(xué)習(xí)，學(xué)會插入命名錨記以創(chuàng)建錨點鏈接；

(3)通過學(xué)習(xí)，學(xué)習(xí)使用Flash文本作為鏈接對象。

2、【過程與方法：】

通過小組合作、課程整合，交流評價，培養(yǎng)學(xué)生分析信息、利用信息和信息創(chuàng)新

能力，以及對己學(xué)知識進行規(guī)劃管理的能力。

能夠通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究的一

般過程；

3、【情感態(tài)度與價值觀：】

通過小組合作、討論探究的形式，增強學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，

有成就感，增強自信，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。

教學(xué)重、難點重點：插入水平線、創(chuàng)建錨點鏈接是重點。

難點：插入Flash文本作為鏈接是難點。

教學(xué)時數(shù)一課時

教法及教具教法：任務(wù)驅(qū)動，自主探究學(xué)習(xí)法。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

(一)激趣導(dǎo)入：

在前面初步制作“交通出行”網(wǎng)頁后，可以看出本頁包含的內(nèi)容很多，

不同主題的文字和圖片羅列在一起，難以區(qū)分，因此我考慮使用水平線

分隔元素，并為頁面添加錨點鏈接，實現(xiàn)網(wǎng)頁的局部跳轉(zhuǎn)，快速地將訪

問者帶到特定主題或者網(wǎng)頁頂部。

(二)、探究新知

【任務(wù)一：】在已制作的網(wǎng)頁中插入水平線

水平線對于組織信息很有用。插入水平線，操作比較簡單，這一點，我

通過示范廣播，然后放手讓學(xué)生自己動手操作，教師巡視指導(dǎo)。

【任務(wù)二：】插入錨記以創(chuàng)建錨點鏈接

在進行鏈接錨記的時候，我們采用是在“屬性檢查器”的“鏈接”文本

框中輸入錨記名稱的方法，這就要求我們記住各個錨記對應(yīng)的主題內(nèi)容

才能操作，否則還需要單擊相應(yīng)的錨記名稱，通過該錨記的“屬性檢查

器”找到錨記名。在任務(wù)的驅(qū)動下，使學(xué)生變“要我知道”為“我想知

道”，同時讓他們體驗到問題解決的成功感，從而激發(fā)他們進一步學(xué)習(xí)的

愿望和積極性。

［任務(wù)三:］插入Flash文本作為鏈接對象

網(wǎng)頁中可以插入FlashPaper文檔。當(dāng)IE瀏覽器中打開包含F(xiàn)lashPaper文

檔的頁面時，F(xiàn)lashPaper文檔的所有頁面都可以直接瀏覽，無需加載新

的網(wǎng)頁。注意提現(xiàn)學(xué)生前面學(xué)習(xí)的插入Flash操作過程,對知識進行鞏固。

(三)合作交流

本環(huán)節(jié)是本節(jié)課教學(xué)內(nèi)容的升華，是本節(jié)課最具閃光點的一環(huán)，在

這時里既應(yīng)充分體現(xiàn)學(xué)生的合作討論，又要體現(xiàn)學(xué)生的自主創(chuàng)新，所以

我設(shè)計以各小組為單位，在學(xué)習(xí)了以上內(nèi)容的基礎(chǔ)上，完成本組的一件

個性作品。

（四）展示評價：

在這個環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然

后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個小組作品，互相看

一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。同時教師適當(dāng)評價成

功之處，對不足的地方加以完善。

最后，用約5分鐘的時間進行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》

練習(xí)。

五、評價：

本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)

實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)

習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)

教學(xué)目標(biāo)完成自我評價。

板書設(shè)計：

第8課按圖索驥一利用錨點實現(xiàn)局部鏈接

一、在網(wǎng)頁中插入水平線

1、打開前面制作的網(wǎng)頁；2、插入水平線；

二、創(chuàng)建錨點鏈接

1、創(chuàng)建命名錨點；2、鏈接錨點；3、

三、利用Flash文本作為鏈接對象四、測試網(wǎng)頁

教學(xué)反思：

課題第九課按圖索驥一一制作熱點超鏈接

教學(xué)目標(biāo)1、【知識與技能：】

(1)、通過學(xué)習(xí)，學(xué)會設(shè)置圖像熱點超鏈接；

(2)、通過學(xué)習(xí)，學(xué)會分離使用模板創(chuàng)建的網(wǎng)頁

(3)、通過學(xué)習(xí)，了解超鏈接的組成。

2、【過程與方法：】

(1)、通過小組合作、交流評價，培養(yǎng)學(xué)生協(xié)助學(xué)習(xí)、相互幫助的習(xí)慣；

(2)、能夠通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探

究的一般過程；

(3)、通過閱讀教材，獲取知識的方法和過程。

3、【情感態(tài)度與價值觀：】

對圖像熱點超鏈接的的學(xué)習(xí)，能夠激發(fā)學(xué)生的興趣，提高學(xué)習(xí)的熱度。

教學(xué)重、難點重點：使用屬性檢查器設(shè)置圖像熱點超鏈接。

難點：超鏈接組成的分類。

教學(xué)時數(shù)一課時

教法及教具教法：任務(wù)驅(qū)動，自主探究學(xué)習(xí)法。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

(一)導(dǎo)入：

上一節(jié)課我們學(xué)會了使用錨點實現(xiàn)了網(wǎng)頁的局部超鏈接，本課我們來學(xué)

習(xí)另外一種常用的超鏈接——圖像熱點超鏈接，它可以實現(xiàn)一張圖像有

多個目標(biāo)端點的超鏈接，同學(xué)們想知道嗎？

(二)、探究新知

【任務(wù)一:】圖像熱點超鏈接

圖像熱點超鏈接是本課的重點內(nèi)容，教師進行廣播示范操作的方法和步

驟，必要的地方進行必要的強調(diào)，教師巡視指導(dǎo)。

【任務(wù)二:】創(chuàng)建“家務(wù)勞動——防止?fàn)C傷”網(wǎng)頁(jwld-fzts.html)

(1)、創(chuàng)建網(wǎng)頁

涉及知識點：用模板創(chuàng)建網(wǎng)頁

(2)、將網(wǎng)頁從模板中分離

涉及知識點：“修改”一“模板”一“從模板中分離”。分離后的網(wǎng)頁

和模板沒有關(guān)聯(lián)性，鎖定區(qū)域也可以編輯。

(3)、編輯“防止?fàn)C傷”網(wǎng)頁

涉及知識點：刪除網(wǎng)頁中表格的行列

(4)、測試網(wǎng)頁。

［任務(wù)三：］閱讀知識著陸和視野拓展

涉及知識點：圖像的熱點超鏈接與一般圖像超鏈接區(qū)別；源端點和目標(biāo)

端點的分類。

【任務(wù)四：】創(chuàng)作天地

本活動僅供學(xué)有余力和感興趣的學(xué)生練習(xí)

(三)合作交流

本環(huán)節(jié)是本節(jié)課教學(xué)內(nèi)容的升華，是本節(jié)課最具閃光點的一環(huán)，在

這時里既應(yīng)充分體現(xiàn)學(xué)生的合作討論，又要體現(xiàn)學(xué)生的自主創(chuàng)新，所以

我設(shè)計以各小組為單位，在學(xué)習(xí)了以上內(nèi)容的基礎(chǔ)上，完成本組的一件

個性作品。

（四）展示評價：

在這個環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然

后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個小組作品，互相看

一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。同時教師適當(dāng)評價成

功之處，對不足的地方加以完善。

五、評價：

本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)

實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)

習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)

教學(xué)目標(biāo)完成自我評價。

板書設(shè)計：

第8課按圖索驥一制作熱點超鏈接

一、圖像熱點超鏈接

二、創(chuàng)建“家務(wù)勞動一一防止?fàn)C傷”網(wǎng)頁jwld—fzts.htmD

1、創(chuàng)建網(wǎng)頁；2、將網(wǎng)頁中模板中分離；3、編輯“防止?fàn)C傷網(wǎng)頁”

三、測試網(wǎng)頁

教學(xué)反思：

課題第十課左右逢源一滾動字幕與層的使用

教學(xué)目標(biāo)1、【知識與技能：】

(1)、通過學(xué)習(xí)，能夠進行網(wǎng)站素材的歸類管理；

(2)、通過學(xué)習(xí)，能夠制作具有動態(tài)效果的導(dǎo)航按鈕；

⑶、通過學(xué)習(xí)，掌握APDiv層繪制和布局，并配合標(biāo)簽＜marquee＞實現(xiàn)文字的滾

動效果。

2、【過程與方法：】

(1)、能通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究

的一般過程；

(2)、能夠仔細傾聽其他同學(xué)的發(fā)言，體驗合作學(xué)習(xí)的過程和方法；

3、【情感態(tài)度與價值觀：】

(1)、結(jié)合教學(xué)內(nèi)容制作具有個性化的網(wǎng)頁，激發(fā)學(xué)習(xí)興趣；

(2)、學(xué)生在協(xié)作與交流過程中，提高自己的操作能力，肯定自己的價值。

教學(xué)重、難點重點:在APdiv層中添加標(biāo)簽實現(xiàn)滾動字幕效果。

難點：APDiv層的“屬性檢查器”的理解和合理設(shè)置。

教學(xué)時數(shù)一課時

教法及教具教法：任務(wù)驅(qū)動，自主探究學(xué)習(xí)法。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

(-)激趣導(dǎo)入：

在前面初步制作“交通出行”網(wǎng)頁后，可以看出本頁包含的內(nèi)容很多，

不同主題的文字和圖片羅列在一起，難以區(qū)分，因此我考慮使用水平線

分隔元素，并為頁面添加錨點鏈接，實現(xiàn)網(wǎng)頁的局部跳轉(zhuǎn)，快速地將訪

問者帶到特定主題或者網(wǎng)頁頂部。

(二)、探究新知

【任務(wù)一:】在已制作的網(wǎng)頁中插入水平線

水平線對于組織信息很有用。插入水平線，操作比較簡單，這一點，我

通過示范廣播，然后放手讓學(xué)生自己動手操作，教師巡視指導(dǎo)。

【任務(wù)二：】插入錨記以創(chuàng)建錨點鏈接

在進行鏈接錨記的時候，我們采用是在“屬性檢查器”的“鏈接”文本

框中輸入錨記名稱的方法，這就要求我們記住各個錨記對應(yīng)的主題內(nèi)容

才能操作，否則還需要單擊相應(yīng)的錨記名稱，通過該錨記的“屬性檢查

器”找到錨記名。在任務(wù)的驅(qū)動下，使學(xué)生變“要我知道”為“我想知

道”，同時讓他們體驗到問題解決的成功感，從而激發(fā)他們進一步學(xué)習(xí)的

愿望和積極性。

［任務(wù)三：］插入Flash文本作為鏈接對象

網(wǎng)頁中可以插入FlashPaper文檔。當(dāng)IE瀏覽器中打開包含F(xiàn)lashPaper文

檔的頁面時，F(xiàn)lashPaper文檔的所有頁面都可以直接瀏覽，無需加載新

的網(wǎng)頁。注意提現(xiàn)學(xué)生前面學(xué)習(xí)的插入Flash操作過程，對知識進行鞏固。

(三)合作交流

本環(huán)節(jié)是本節(jié)課教學(xué)內(nèi)容的升華，是本節(jié)課最具閃光點的一環(huán)，在

這時里既應(yīng)充分體現(xiàn)學(xué)生的合作討論，又要體現(xiàn)學(xué)生的自主創(chuàng)新，所以

我設(shè)計以各小組為單位，在學(xué)習(xí)了以上內(nèi)容的基礎(chǔ)上，完成本組的一件

個性作品。

（四）展示評價：

在這個環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然

后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個小組作品，互相看

一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。同時教師適當(dāng)評價成

功之處，對不足的地方加以完善。

最后，用約5分鐘的時間進行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》

練習(xí)。

五、評價：

本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)

實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)

習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)

教學(xué)目標(biāo)完成自我評價。

板書設(shè)計：

第十課左右逢源一滾動字幕與層的使用

一、規(guī)劃“校園內(nèi)外”文件夾和制作導(dǎo)航欄

二、利用“滾動字幕”制作動態(tài)頁面標(biāo)題

三、使用APDiv元素（層）布局網(wǎng)頁

四、測試網(wǎng)頁

教學(xué)反思：

課題第十一課最佳搭檔一一應(yīng)用CSS樣式與層美化網(wǎng)頁

教學(xué)目標(biāo)1、【知識與技能：】

(1)通過學(xué)習(xí)，了解CSS式樣表的功能；

(2)通過學(xué)習(xí)，學(xué)會定義和編輯CSS樣式表；

(3)通過學(xué)習(xí)，學(xué)會導(dǎo)出CSS樣式表，進行具體的應(yīng)用；

⑶通過學(xué)習(xí)，學(xué)會層與樣式表的配合使用。

2、【過程與方法：】

通過小組合作、課程整合，交流評價，培養(yǎng)學(xué)生分析信息、利用信息和信息創(chuàng)新

能力，以及對已學(xué)知識進行規(guī)劃管理的能力。

能夠通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究的一

般過程；

3、【情感態(tài)度與價值觀：】

通過小組合作、討論探究的形式，增強學(xué)生的合作、協(xié)助精神，讓學(xué)生學(xué)有所得，

有成就感，增強自信，又能夠激發(fā)學(xué)生學(xué)習(xí)積極性。

教學(xué)重、難點重點：CSS樣式表定義，應(yīng)用。

難點CSS樣式表和層靈活的配合使用。

教學(xué)時數(shù)一課時

教法及教具教法：任務(wù)驅(qū)動，自主探究學(xué)習(xí)法。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

(-)激趣導(dǎo)入：

本課,我們將學(xué)習(xí)CSS的基本知識,并且初步運用CSS樣式表和APDiv

層加工處理“校園內(nèi)外”欄目的頁面，通過廣播展示效果網(wǎng)頁。

(二)、探究新知

【任務(wù)一：】通過“屬性檢查器”快速創(chuàng)建CSS樣式表

涉及知識點：首先選擇網(wǎng)頁中的文本，然后在“屬性檢查器”中創(chuàng)建CSS

樣式表，最后取消選擇，進行相關(guān)修改。

【任務(wù)二:】通過CSS樣式表面板創(chuàng)建和編輯樣式表

涉及知識點：使用專門的css樣式面板創(chuàng)建樣式表

【任務(wù)三:】導(dǎo)出樣式表

【任務(wù)四：】應(yīng)用樣式表

涉及知識點：1、單擊“CSS樣式”面板中底部的“附件樣式表”按鈕

2、在彈出的“連接外部式樣表”對話框中設(shè)置外部式樣

表的路徑和添加方式。

［任務(wù)五：］層與樣式表的配合使用

(三)協(xié)作提高

分組整合各個子任務(wù)，結(jié)合教材中“智多星”、“知識著陸”并操作練

習(xí)“創(chuàng)作天地”課堂練習(xí)題，教師巡視、指導(dǎo)、點撥，并導(dǎo)出可能出現(xiàn)的

問題:①保存的路徑不正確。

(四)展示評價：

在這個環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然

后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個小組作品，互相看

一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。同時教師適當(dāng)評價成

功之處，對不足的地方加以完善。

最后，用約5分鐘的時間進行小結(jié)和作業(yè)布置，完成課本中《創(chuàng)作天地》

練習(xí)。

五、評價：

本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)

實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)

習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)

教學(xué)目標(biāo)完成自我評價。

板書設(shè)計：

第十一課最佳搭檔一一應(yīng)用CSS樣式與層美化網(wǎng)頁

一、通過“屬性檢查器”快速創(chuàng)建CSS樣式表

二、通過“CSS樣式”面板創(chuàng)建和編輯樣式表

三、導(dǎo)出CSS樣式表

四、應(yīng)用樣式表文件

五、層與樣式表的配合使用

教學(xué)反思：

課題第十二課一觸即發(fā)一應(yīng)用行為創(chuàng)建動態(tài)效果

教學(xué)目標(biāo)1、【知識與技能：】

⑴通過學(xué)習(xí)，了解行為、事件、動作的含義。。

（2）通過學(xué)習(xí)，掌握應(yīng)用“交換圖像”行為制作導(dǎo)航按鈕的方法。

⑶通過學(xué)習(xí)，掌握應(yīng)用“彈出信息”行為制作彈出對話框的方法。

⑷通過學(xué)習(xí)，掌握應(yīng)用“設(shè)置狀態(tài)欄文本”行為為導(dǎo)航欄添加提示信息的方法。

2、【過程與方法：】

（1）、能通過教師引導(dǎo)、動腦思考、交流與實踐操作學(xué)習(xí)過程，體驗和感悟探究

的一般過程；

（2）、能夠仔細傾聽其他同學(xué)的發(fā)言，體驗合作學(xué)習(xí)的過程和方法；

3、【情感態(tài)度與價值觀：】

（1）聯(lián)系生活實際，學(xué)習(xí)制作網(wǎng)站的基本知識，激發(fā)學(xué)生的學(xué)習(xí)興趣。

（2）學(xué)生在協(xié)作與交流過程中，提高自己的操作能力，肯定自己的價值。

教學(xué)重、難點重點：應(yīng)用“交換圖像”制作動態(tài)導(dǎo)航按鈕，應(yīng)用“彈出信息”行為制作彈出對話

框。

難點：應(yīng)用“設(shè)置狀態(tài)欄文本”行為為導(dǎo)航按鈕添加提示信息。

教學(xué)時數(shù)一課時

教法及教具教法：任務(wù)驅(qū)動，自主探究學(xué)習(xí)法。教具：多媒體網(wǎng)絡(luò)教室

主教案副教案

（一）激趣導(dǎo)入：

展示各種利用行為制作的動態(tài)效果網(wǎng)頁，請學(xué)生欣賞，對比前面制作

的網(wǎng)頁，簡單討論后引出行為的概念。按照心理學(xué)常識，學(xué)生對學(xué)習(xí)內(nèi)

容產(chǎn)生興趣，就能自覺地排除內(nèi)外主客觀因素的干擾，集中注意力積極

主動地投入學(xué)習(xí)，把學(xué)習(xí)當(dāng)成愉快的事。因此，在學(xué)習(xí)新知識前，創(chuàng)設(shè)

情景，引入課題。

（二）、探究新知

【任務(wù)一：】創(chuàng)建“救生急救”網(wǎng)頁

明確步驟：1、規(guī)劃“逃生急救”文件夾；2、新建網(wǎng)頁文件；3、調(diào)整網(wǎng)

頁內(nèi)容

由教師示范執(zhí)行，然后讓學(xué)生對自己的作品進行操作，我在巡視過程注

意鼓勵學(xué)生利用已有的知識技能解決問題，引導(dǎo)學(xué)生發(fā)現(xiàn)操作中的相似

或相似之處，利用知識的遷移解決類似問題。在講解事件、動作概念的

時候，結(jié)合具體的網(wǎng)頁實例進行，這樣利于學(xué)生理解。

【任務(wù)二:】添加動態(tài)效果

教師示范，打開Dreamweaver8軟件工具，提示學(xué)生根據(jù)前面已制作的作

品繼續(xù)完善后續(xù)的操作過程。然后學(xué)生親自實踐操作練習(xí)，完成下列任

務(wù)的操作實踐，靈活熟練地對網(wǎng)頁動態(tài)效果的設(shè)置。

1、應(yīng)用“交換圖像”行為

對于觸發(fā)動作的事件，可以讓學(xué)生在行為面板中進行嘗試設(shè)置，體驗其

中的不同，幫助理解行為、事件、動作之間的關(guān)系。

2、應(yīng)用“彈出信息”行為

3、應(yīng)用“設(shè)置狀態(tài)欄文本”行為

設(shè)計目的，通過設(shè)置狀態(tài)欄文本行為的應(yīng)用，引導(dǎo)學(xué)生了解，狀態(tài)欄也

是網(wǎng)頁制作中可以發(fā)揮的一片空間?？梢酝ㄟ^應(yīng)用行為或者編寫代碼的

方式在狀態(tài)欄中實現(xiàn)各種動態(tài)效果。

（三）合作交流

本環(huán)節(jié)是本節(jié)課教學(xué)內(nèi)容的升華，是本節(jié)課最具閃光點的一環(huán)，在

這時里既應(yīng)充分體現(xiàn)學(xué)生的合作討論，又要體現(xiàn)學(xué)生的自主創(chuàng)新，所以

我設(shè)計以各小組為單位，在學(xué)習(xí)了以上內(nèi)容的基礎(chǔ)上，對本組的作品進

一步完善，美化。

（四）展示評價：

在這個環(huán)節(jié)里，教師通過多媒體屏幕，每組挑選出比較成功的作品，然

后通過多媒體軟件屏幕廣播功能，讓學(xué)生去欣賞各個小組作品，互相看

一看，評一評，說一說，虛心的學(xué)習(xí)他人的長處。同時教師適當(dāng)評價成

功之處，對不足的地方加以完善。

最后，用約5分鐘的時間進行小結(jié)和作業(yè)布置，完成課本中“創(chuàng)作天地”

的練習(xí)。

五、評價：

本節(jié)課對學(xué)生學(xué)習(xí)效果的評價主要采用如下三種方式進行，一是在教學(xué)

實踐過程中對學(xué)生操作效果的及時給予表現(xiàn)性評價；二是在小組協(xié)作學(xué)

習(xí)過程中學(xué)生間的互評過程；三是完成本節(jié)課的學(xué)習(xí)任務(wù)后，學(xué)生根據(jù)

教學(xué)目標(biāo)完成自我評價。

板書設(shè)計：

第十二課一觸即發(fā)一應(yīng)用行為創(chuàng)建動態(tài)效果

一、完善創(chuàng)建網(wǎng)頁

二、添加動態(tài)效果

1、應(yīng)用“交換圖像”行為；2、應(yīng)用“彈出信息”行為；3、應(yīng)用“設(shè)

置狀態(tài)欄文本”行為

三、測試網(wǎng)頁

教學(xué)反思:

課題