中學(xué)八年級(jí)下冊(cè)信息技術(shù)教案清華版

提克阿熱克鄉(xiāng)中學(xué)八年級(jí)年級(jí)

信息技術(shù)工作計(jì)劃

Xxxx--XXXX學(xué)年第二學(xué)期XXXX年月日

一.本學(xué)期學(xué)生現(xiàn)狀分析：

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

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

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

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

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

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

識(shí)遺忘較大，操作生疏；所以這學(xué)期要多提供給學(xué)生動(dòng)手實(shí)踐的機(jī)會(huì),

讓學(xué)生多動(dòng)的操作，讓學(xué)生在操作中學(xué)到知識(shí)。

二.教材分析

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

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

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

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

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

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

三.本學(xué)期學(xué)生能力要求：

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

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

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

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

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

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

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

四.本學(xué)期改進(jìn)課堂教學(xué)，提高教學(xué)質(zhì)量的措施：

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

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

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

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

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

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

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

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

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

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

五.本學(xué)期工作目標(biāo)：

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

力?；顒?dòng)中，互相學(xué)習(xí)，共同進(jìn)步，培養(yǎng)集體榮譽(yù)感。

適時(shí)開展比賽，在比中學(xué)，學(xué)中比，促進(jìn)提高，培養(yǎng)學(xué)生創(chuàng)新能

力，注重學(xué)生動(dòng)手、動(dòng)腦的鍛煉、培養(yǎng)

采取基本技能學(xué)習(xí)與德育想滲透的教學(xué)方式，注重培養(yǎng)學(xué)生健康

向上的人格品質(zhì)，做到教書育人，使他們成為思想素質(zhì)高尚的人才

課題：第1課新手入門

課題新手入門授課時(shí)間

課型新授課課時(shí)安排一課時(shí)

教知識(shí)與技能：

學(xué)1.掌握互聯(lián)網(wǎng)、網(wǎng)頁(yè)與首頁(yè)、網(wǎng)站等網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作的基本

目知識(shí)。

標(biāo)2.學(xué)會(huì)使用記事本作為網(wǎng)頁(yè)編輯工具來(lái)編輯HTML代碼并生

成網(wǎng)頁(yè)。

3.掌握瀏覽網(wǎng)頁(yè)的方法并理解網(wǎng)頁(yè)編輯工具與瀏覽工具之間

的關(guān)系

過程與方法：

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

教學(xué)重點(diǎn)了解網(wǎng)站制作的基本知識(shí)，并制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)

教學(xué)難點(diǎn)學(xué)會(huì)使用記事本作為網(wǎng)頁(yè)編輯工具來(lái)編輯HTML代碼并生成網(wǎng)

頁(yè)。

教具學(xué)具多媒體網(wǎng)絡(luò)教室。

準(zhǔn)備

教學(xué)方法講解、學(xué)生練習(xí)

教學(xué)過程

一、導(dǎo)入新課：復(fù)

在當(dāng)前的社會(huì)生活中，網(wǎng)絡(luò)正在發(fā)揮著越來(lái)越重要的作用，大備

量制作精美、功能強(qiáng)大的網(wǎng)站出現(xiàn)在互聯(lián)網(wǎng)上。對(duì)于學(xué)生來(lái)說，制

作個(gè)人網(wǎng)站也正在成為一種流行時(shí)尚。

通過本教材的學(xué)習(xí)可以輕松幫助學(xué)生入門，并逐步親手打造屬

于自己的個(gè)性十足的網(wǎng)站。

二、教學(xué)新課：

1、首先打開IE瀏覽器，在地址欄中輸入網(wǎng)址，打開一個(gè)范例

網(wǎng)站的首頁(yè)，單擊首頁(yè)中的動(dòng)畫、超文本、圖片等網(wǎng)頁(yè)元素，可以

分別鏈接到網(wǎng)站中的其他頁(yè)面中。在操作過程中教師提出問題，引

導(dǎo)學(xué)生思考互聯(lián)網(wǎng)、網(wǎng)站、網(wǎng)頁(yè)、首頁(yè)等術(shù)語(yǔ)的含義，以及它們之

間的關(guān)系，嘗試讓學(xué)生體會(huì)瀏覽器和網(wǎng)頁(yè)的關(guān)系，從而將網(wǎng)站設(shè)計(jì)

與網(wǎng)頁(yè)制作的基本知識(shí)進(jìn)行概括總結(jié)并明確落實(shí)到每個(gè)學(xué)生身上。

在進(jìn)行教學(xué)的時(shí)候，一定要讓學(xué)生認(rèn)識(shí)到已有知識(shí)的重要性，充分

利用已經(jīng)具備的技能去嘗試解決新問題，從而變被動(dòng)學(xué)習(xí)為主動(dòng)探

究。

教師可引導(dǎo)學(xué)生充分利用教材中的“視野拓展”和“創(chuàng)作天地”板

塊進(jìn)行自學(xué)，這實(shí)際上是在實(shí)施分層教學(xué)，以鞏固本課的知識(shí)技能

為主，適當(dāng)?shù)剡M(jìn)行補(bǔ)充，讓部分基礎(chǔ)較好的同學(xué)在完成基本任務(wù)之

后也能有事可做，給學(xué)生創(chuàng)造出提高的空間。

作為網(wǎng)站制作的起始課，教師要切實(shí)地關(guān)注每個(gè)學(xué)生，尤其是在以

前的學(xué)習(xí)過程中表現(xiàn)出學(xué)習(xí)能力較弱的學(xué)生，要確保每個(gè)學(xué)生都有

一個(gè)好的開始，都能將第一個(gè)網(wǎng)頁(yè)作品保存到教師指定的位置（本

地磁盤或網(wǎng)絡(luò)中的指定目錄）。

教師應(yīng)對(duì)所有完成保存網(wǎng)頁(yè)任務(wù)的學(xué)生進(jìn)行及時(shí)地評(píng)價(jià)與鼓勵(lì)，保

護(hù)學(xué)生的學(xué)習(xí)積極性。另外，對(duì)完成基本任務(wù)并有所創(chuàng)新的同學(xué)重

點(diǎn)表?yè)P(yáng)，鼓勵(lì)學(xué)生主動(dòng)學(xué)習(xí)，有計(jì)劃地營(yíng)造良性競(jìng)爭(zhēng)的氛圍。

2、網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)站制作

在本課中通過欣賞站點(diǎn)，使學(xué)生了解和掌握互聯(lián)網(wǎng)、網(wǎng)頁(yè)與首

頁(yè)、網(wǎng)站、IE瀏覽器的基本含義，并且能夠明確它們相互之間的關(guān)

系。

學(xué)生在學(xué)習(xí)網(wǎng)站制作之前已經(jīng)接觸過網(wǎng)站，瀏覽過各式各樣的網(wǎng)

頁(yè)，因此教師在完成此教學(xué)任務(wù)的時(shí)候，可以充分利用學(xué)生已有基

礎(chǔ)，不必完全進(jìn)行講授式教學(xué)，可以結(jié)合啟發(fā)、設(shè)問等方法，使學(xué)

生盡可能地自己總結(jié)出相關(guān)知識(shí)。

3、使用記事本作為網(wǎng)頁(yè)編輯工具來(lái)編輯HTML代碼并生成網(wǎng)頁(yè)

在進(jìn)行此部分教學(xué)的時(shí)候，可以先借助學(xué)生已有技能，啟動(dòng)

記事本，復(fù)制并粘貼素材文件中提供的HTML代碼，命名并保存文

件，然后在瀏覽器中進(jìn)行預(yù)覽。

對(duì)于HTML代碼部分，教師可以嘗試通過修改屬性值的方法，引導(dǎo)

學(xué)生探索標(biāo)簽的含義及其與屬性值的對(duì)應(yīng)關(guān)系，這也同時(shí)是對(duì)“創(chuàng)

作天地”板塊中的練習(xí)進(jìn)行提示的過程，然后通過分析此HTML實(shí)

例，講解HTML語(yǔ)言的基本結(jié)構(gòu)，對(duì)基本的<html></html>、

<head></head>、<body></body>標(biāo)簽進(jìn)行初步介紹，鼓勵(lì)有余力的

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

的練習(xí)。

通過教師演示引導(dǎo)學(xué)生思考擴(kuò)展名對(duì)文件的影響，既包括其對(duì)

文件圖標(biāo)的影響，也包括調(diào)用應(yīng)用程序的影響，從而引出程序關(guān)聯(lián)

的知識(shí)進(jìn)行補(bǔ)充講解，見圖1.1和圖1.2。

3）保存文件

三、課堂練習(xí)：

使用記事本作為網(wǎng)頁(yè)編輯工具來(lái)編輯HTML代碼并生成網(wǎng)頁(yè)

四、課堂小結(jié)：

五、布置作業(yè)：

六、板書設(shè)計(jì)：

七、教學(xué)后記

課題：第二課：輕松上路

規(guī)劃網(wǎng)站及創(chuàng)建站點(diǎn)

課題輕松上路授課時(shí)間

課型新授課課時(shí)安排1節(jié)課

教知識(shí)與技能：

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

學(xué)2.學(xué)會(huì)利用Dreamweaver8創(chuàng)建站點(diǎn)。

目過程與方法：

標(biāo)情感態(tài)度與價(jià)值觀：

教學(xué)重點(diǎn)了解網(wǎng)站制作的基本知識(shí)，并制作一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)。

教學(xué)難點(diǎn)多媒體網(wǎng)絡(luò)教室。

教具學(xué)具講解、學(xué)生練習(xí)。

準(zhǔn)備

教學(xué)方法

教學(xué)過程

一、導(dǎo)入新課：復(fù)備

開發(fā)一個(gè)網(wǎng)站是一個(gè)相當(dāng)來(lái)說比較繁雜的過程，對(duì)于一個(gè)網(wǎng)

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

一個(gè)全盤的考慮。我們知道一個(gè)房子一旦地基沒有打好，是要拔

了重新蓋，我們做網(wǎng)站也是一樣，如果你前期規(guī)劃做的不好，后

面的工作就意味著白辛苦。這節(jié)課我們以“安全自護(hù)我能行”為

主題來(lái)進(jìn)行網(wǎng)站規(guī)劃和創(chuàng)建站點(diǎn)

二、教學(xué)新課：

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

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

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

頁(yè)面，每個(gè)頁(yè)面的大體內(nèi)容是什么，要用到那些素材，有那些導(dǎo)

航，做較大一點(diǎn)的網(wǎng)站尤為如此。還要考慮以后會(huì)有什么改動(dòng)，

還要增加那些網(wǎng)頁(yè)，盡量讓以后的改動(dòng)盡可能的小。網(wǎng)站的需求

分析所用的時(shí)間應(yīng)該占到總開發(fā)時(shí)間的一半以上。

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

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

主頁(yè)、休閑、體育、教育、新聞、娛樂、購(gòu)物、健康等等，不管

那類網(wǎng)站，都不能脫離自己的主題，必須表現(xiàn)個(gè)性，表現(xiàn)出特色

才能給人留下深刻印象，讓人流連忘返。

②收集素材

我們?cè)谶@所說的素材就是你的網(wǎng)頁(yè)上要用的各種素材，主要

包括：文字、圖片、動(dòng)畫、音頻、視頻等。在網(wǎng)站主題明確后，

就應(yīng)該把素材準(zhǔn)備好，當(dāng)然是越充分越好。不要等到用的時(shí)候到

處去找，那就影響效率了。

③規(guī)劃站點(diǎn)

站點(diǎn)規(guī)劃是需求分析中最重要的一個(gè)環(huán)節(jié)，包含很多方面的

內(nèi)容。我們上節(jié)課看了一些別人做的網(wǎng)站，相信大家都多多少少

了解一些：欄目設(shè)置、顏色搭配、圖文的應(yīng)用等等。只有把這些

內(nèi)容都考慮全面了，制作的時(shí)候你的速度就快。否則就等著不停

的返工吧。

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

頁(yè)面制作要先大后小，先粗后精。就是先要把每個(gè)頁(yè)面要放

什么內(nèi)容，按什么結(jié)構(gòu)先做一個(gè)大概，所有頁(yè)面的大概都做完后,

再去完善和細(xì)化。

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

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

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

(1)啟動(dòng)Dreamweaver8

簡(jiǎn)單的進(jìn)行界面介紹

(2)創(chuàng)建站點(diǎn)

步驟參見書上第12頁(yè)

3.做一個(gè)簡(jiǎn)單的網(wǎng)頁(yè)

要求圖文并茂

三、課堂練習(xí)：

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

四、課堂小結(jié)：

對(duì)于較快完成任務(wù)并且完成任務(wù)較好的同學(xué)進(jìn)行表?yè)P(yáng)鼓勵(lì)。

五、布置作業(yè)：

六、板書設(shè)計(jì)：

七、教學(xué)后記

課題：第三課：開篇之作

——基于表格的頁(yè)面布局

課題開篇之作授課時(shí)間

課型新授課課時(shí)安排一課時(shí)

教知識(shí)與技能：

1.創(chuàng)建站點(diǎn)和網(wǎng)站首頁(yè)。

學(xué)2.掌握對(duì)表格屬性的相關(guān)設(shè)置。

目過程與方法：

標(biāo)情感態(tài)度與價(jià)值觀：

教學(xué)重點(diǎn)能夠?qū)Ρ砀駥傩赃M(jìn)行熟練的設(shè)置

教學(xué)難點(diǎn)能夠?qū)Ρ砀駥傩赃M(jìn)行熟練的設(shè)置

教具學(xué)具多媒體網(wǎng)絡(luò)教室

準(zhǔn)備

教學(xué)方法講解、學(xué)生練習(xí)

教學(xué)過程

一、導(dǎo)入新課：復(fù)備

一個(gè)網(wǎng)站的規(guī)劃設(shè)計(jì)完畢了，接下來(lái)的工作就是網(wǎng)頁(yè)設(shè)計(jì)。

我們知道一個(gè)網(wǎng)站的首頁(yè)就像一本書的目錄一樣，我們做網(wǎng)站也

一樣，要先把首頁(yè)確定下來(lái)。我看了我們上一周做的網(wǎng)頁(yè)，有些

同學(xué)想發(fā)揮點(diǎn)創(chuàng)意，但發(fā)現(xiàn)頁(yè)面布局很亂，圖片文字亂七八糟堆

放在一起。這節(jié)課我們就來(lái)學(xué)學(xué)怎樣對(duì)頁(yè)面布局進(jìn)行控制。在這

之前我們先來(lái)看看別人的首頁(yè)是怎么做的。（查看事先準(zhǔn)備好的

示例網(wǎng)頁(yè)，分析表格在該頁(yè)的作用）

二、教學(xué)新課：

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

1.在D盤新建一個(gè)文件夾，作為站點(diǎn)文件夾。

2.打開Dreamweaver8,單擊“站點(diǎn)"菜單下的"新建站點(diǎn)"命令。

3.新建站點(diǎn)（步驟略,參加課本pl2）。

（二）創(chuàng)建網(wǎng)站首頁(yè)

1.整理素材

（1）右擊“文件”面板中站點(diǎn)名“站點(diǎn)-安全自護(hù)我能行D:\safe",

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

名為imageso

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

（3）在safe文件夾下新建一文件夾other,將flash動(dòng)畫素材整理

到other文件夾中。

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

（1）單擊“文件新建”命令，選擇“常規(guī)”，在“基本頁(yè)”

列表框中選擇HTML選項(xiàng)，單擊“創(chuàng)建”按鈕，即建立了一個(gè)

空白頁(yè)。

（2）執(zhí)行“文件”->“保存”命令，保存名index.html,默認(rèn)保

存路徑是站點(diǎn)的跟目錄。注意保存類型選擇“html文檔”。

（三）對(duì)首頁(yè)進(jìn)行初步布局

1.為頁(yè)面添加背景顏色

（1）單擊文檔窗口，使插入點(diǎn)在編輯區(qū)內(nèi)閃爍，然后單擊“屬

性”欄的“頁(yè)面屬性”按鈕。

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

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

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

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

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

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

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

度600像素。

(4)單擊“標(biāo)簽選擇器"中的＜table＞標(biāo)簽，選中此表格，在屬

性欄中完成表格的相關(guān)設(shè)置。具體參數(shù)如下：行數(shù)：2,列數(shù)：1,

高度：600像素，寬度600像素，對(duì)齊：居中對(duì)齊，背景圖片：

index.gifo

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

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

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

揮。

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

師機(jī)。

2.文檔工具欄的使用。

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

三、課堂練習(xí)：

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

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

機(jī)。

四、課堂小結(jié)：

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

五、布置作業(yè)：

六、板書設(shè)計(jì)：

七、教學(xué)后記

課題：第四課：星光閃爍

——用Flash動(dòng)畫完善首頁(yè)

課題用Flash動(dòng)LSITH善首頁(yè)授課時(shí)間

課型新授課課時(shí)安排一課時(shí)

教知識(shí)與技能：

1.學(xué)會(huì)表格的調(diào)整。

學(xué)2.能在網(wǎng)頁(yè)中插入Flash,并對(duì)相關(guān)屬性進(jìn)行設(shè)置。

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

目

過程與方法：學(xué)生動(dòng)手、自主探究

標(biāo)

情感杰度與價(jià)值觀：提高學(xué)生的動(dòng)手能力、及學(xué)生們對(duì)網(wǎng)頁(yè)的認(rèn)

識(shí)。

教學(xué)重點(diǎn)在網(wǎng)頁(yè)中插入Flash,并設(shè)置相關(guān)屬性

教學(xué)難點(diǎn)在網(wǎng)頁(yè)中插入Flash,并設(shè)置相關(guān)屬性

教具學(xué)具學(xué)生電腦

準(zhǔn)備

教學(xué)方法演示法、講授法

教學(xué)過程

一、導(dǎo)入新課：復(fù)備

對(duì)于一個(gè)網(wǎng)頁(yè)，信息的表達(dá)是多種多樣的，我們可以使用文

字、圖片等，我們也可以為網(wǎng)頁(yè)添加動(dòng)畫、音頻、視頻等，為了

讓我們的網(wǎng)站看起來(lái)有動(dòng)感，吸引別人的眼球，我們應(yīng)該學(xué)會(huì)在

網(wǎng)頁(yè)中使用Flasho這節(jié)課我們就來(lái)一塊學(xué)學(xué)怎么在網(wǎng)頁(yè)中使用

Flasho

二、教學(xué)新課

1.新建站點(diǎn)

(1)將“安全自護(hù)我能行”站點(diǎn)文件夾傳到學(xué)生機(jī)。

（2）新建站點(diǎn)。

2.調(diào)整表格

1）選擇對(duì)象

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

的。

a）選擇表格:“標(biāo)簽選擇器”中單擊＜table＞標(biāo)簽;“表格”

菜單下的“選擇表格”命令。

b）選擇某一單元格：按住Ctrl鍵，同時(shí)單擊選中的單元格；

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

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

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

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

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

3.插入flash動(dòng)畫

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

——》Flash命令。

2）在彈出的對(duì)話框中選擇other文件夾下的index,swf,單

擊確定。

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

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

自動(dòng)播放。預(yù)覽觀察效果。

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

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

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

2）插入特殊字符：“插入”一一一一》“特殊網(wǎng)頁(yè)”。

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

色、對(duì)齊方式等。

三、課堂練習(xí)：

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

四、課堂小結(jié)：

五、布置作業(yè)：

六、板書設(shè)計(jì)：

七、教學(xué)后記

課題：第五課：統(tǒng)一風(fēng)格

制作框架網(wǎng)頁(yè)

課題制作框架網(wǎng)頁(yè)授課時(shí)間

課型新授課課時(shí)安排

教知識(shí)與技能：

1.掌握表格的拆分與合并。

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

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

標(biāo)過程與方法：學(xué)生動(dòng)手、自主探究

情感態(tài)度與價(jià)值觀：使學(xué)生對(duì)框架結(jié)構(gòu)有一個(gè)初步的認(rèn)識(shí)

教學(xué)重點(diǎn)創(chuàng)建框架和制作框架網(wǎng)頁(yè)

教學(xué)難點(diǎn)掌握目標(biāo)設(shè)置在網(wǎng)頁(yè)制作過程中的作用和方法

教具學(xué)具學(xué)生電腦

準(zhǔn)備

教學(xué)方法演示法、講授法

教學(xué)過程

一、導(dǎo)入新課：復(fù)備

一個(gè)網(wǎng)站常常劃分成多個(gè)區(qū)域，對(duì)于每個(gè)區(qū)域來(lái)說，其色彩

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

這種統(tǒng)一，我們每個(gè)網(wǎng)頁(yè)中相同的內(nèi)容固定在一個(gè)區(qū)域。我們通

過創(chuàng)建框架制作框架網(wǎng)頁(yè)，可以輕松實(shí)現(xiàn)網(wǎng)頁(yè)結(jié)構(gòu)劃分和布局。

使大家對(duì)框架有一個(gè)初步的了解和感性認(rèn)識(shí)。

二、教學(xué)新課

1.新建站點(diǎn)

(1)將“安全自護(hù)我能行”站點(diǎn)文件夾safe傳到學(xué)生機(jī)。

(2)新建站點(diǎn)。

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

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

的樣式，然后再具體設(shè)計(jì)制作網(wǎng)頁(yè)的內(nèi)容。

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

(2)新建框架集

步驟1：執(zhí)行“文件”一一》“新建”命令，打開“新建文檔”

對(duì)話框，在“類別”中選擇“框架集二

步驟2：?jiǎn)螕簟皠?chuàng)建”按鈕，在彈出對(duì)話框中單擊“確定”，

框架創(chuàng)建完成。

(3)保存框架集

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

文件夾中。

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

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

框架的屬性包括框架名稱、源文件、邊距、尺寸、滾動(dòng)條等；

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

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

步驟2：?jiǎn)螕簟翱蚣堋泵姘逯械目蚣苓吘壊糠郑x中框架集，

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

步驟3：?jiǎn)螕?框架”面板中的topFrame框架和mainFrame

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

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

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

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

為0像素。

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

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

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

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

步驟1：打開網(wǎng)頁(yè)main,html,設(shè)置背景顏色#EAFF8A,上邊

距為0像素。

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

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

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

步驟5：添加郵件鏈接。

三、課堂練習(xí)：

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

四、課堂小結(jié)：

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

架集文件和含有框架的所有文件。

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

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

以調(diào)整鏈接網(wǎng)頁(yè)的顯示位置。

五、布置作業(yè)：

六、板書設(shè)計(jì)：

七、教學(xué)后記

課題：第六課：事半功倍

---制作網(wǎng)頁(yè)模板

課題制作網(wǎng)頁(yè)模板授課時(shí)間

課型新授課課時(shí)安排一課時(shí)

教知識(shí)與技能：

手1、掌握模板的概念，特別是可編輯區(qū)域和不可編輯區(qū)域。

目：2、學(xué)會(huì)創(chuàng)建模板。

標(biāo)3、能用模板快速的制作網(wǎng)頁(yè)

過程與方法：學(xué)生動(dòng)手、自主探究

情感杰度與價(jià)值觀：提高學(xué)生的自學(xué)能力，對(duì)網(wǎng)頁(yè)的認(rèn)識(shí)和對(duì)網(wǎng)

頁(yè)模板的了解

教學(xué)重點(diǎn)理解模板中的可編輯區(qū)域和不可編輯區(qū)域

教學(xué)難點(diǎn)掌握模板的概念，特別是可編輯區(qū)域和不可編輯區(qū)域

教具學(xué)具學(xué)生電腦

準(zhǔn)備

教學(xué)方法演示法、講授法

教學(xué)過程

一、導(dǎo)入新課:復(fù)備

我們?cè)谶M(jìn)行大量的頁(yè)面制作的時(shí)候，很多頁(yè)面會(huì)用到相同的

布局，圖片和文字等元素。這樣我們需要做一次次的重復(fù)性勞動(dòng),

那么有沒有更好的方法讓我們來(lái)快速的實(shí)現(xiàn)呢！有，通過制作網(wǎng)

頁(yè)模板快速創(chuàng)建網(wǎng)頁(yè)。這就是我們這節(jié)課學(xué)習(xí)的內(nèi)容。

二、教學(xué)新課

一、模板的概念：模板可以被理解成一種網(wǎng)頁(yè)模型，利用這個(gè)

模型能夠方便的制作出很多頁(yè)面，使用模板可以避免重復(fù)的在每

個(gè)頁(yè)面輸入或修改相同的部分，待網(wǎng)站改版的的時(shí)候，只要改變

模板的設(shè)計(jì)，系統(tǒng)就能自動(dòng)更改所有基于這個(gè)模板創(chuàng)建的網(wǎng)頁(yè)。

二、模板的優(yōu)點(diǎn)：

1.風(fēng)格一致，看起來(lái)比較系統(tǒng)，也省去了制作同

一面頁(yè)的麻煩。

2.如果要修改共同的頁(yè)面不必一個(gè)一個(gè)修改，只

要更改應(yīng)用于它們之上的模板就可以了。

3.免除了以前沒有此功能時(shí)還要常常“另存為”，

一不小心就會(huì)覆蓋重要檔案的困擾。

4.模板的優(yōu)點(diǎn)還有它也不是一成不變的，即使是

在已經(jīng)使用一個(gè)模板創(chuàng)建文檔之后，也還可以對(duì)該

模板進(jìn)行修改。當(dāng)更新模板時(shí)，文檔中的鎖定區(qū)都

會(huì)被更新，與模板的修改相匹配。

在我們知道了模板的概念和優(yōu)點(diǎn)之后，讓我們通過實(shí)例來(lái)具

體的理解吧！現(xiàn)在給大家3分鐘時(shí)間，然后邊看邊思考兩個(gè)問題:

1、請(qǐng)大家找出例子中網(wǎng)頁(yè)的相同地方和不同地方。2、例子中風(fēng)

格接近的網(wǎng)頁(yè)可以有幾種方法制作？（框架？用另存

為？...）

再考慮：如果用以上兩種方法做的話，萬(wàn)一網(wǎng)頁(yè)的共同部分要改

動(dòng)的話，是否每張都要改動(dòng)過？能不能一次修改，所有網(wǎng)頁(yè)就

會(huì)自動(dòng)更新呢（方法就是使用模板?。?/p>

現(xiàn)在我們來(lái)看看如何創(chuàng)建模板（教師邊演示邊解說）

三、如何創(chuàng)建模板

步驟1：打開“安全自護(hù)我能行”站點(diǎn)，執(zhí)行：“窗

口”——“資源”命令，打開“資源”面板，單擊模板按鈕，切

換到模板子面板

步驟2：?jiǎn)螕簟靶陆０灏粹o”，將?“資源”面板

的模板列表中名稱為Untitled修改為module,回車，則

Dreamweaver在"資源"面板和Templates文件夾中創(chuàng)建一個(gè)新

的空模板。

步驟3：打開“文件”面板，在Templates中新建

images和other兩個(gè)文件夾，拷貝素材

四、利用表格規(guī)劃模板網(wǎng)頁(yè)

我們創(chuàng)建好了模板后，可以利用表格規(guī)劃模板了，這是我們學(xué)習(xí)

過得內(nèi)容，大家根據(jù)書38頁(yè)具體步驟自己動(dòng)手規(guī)劃吧！

三、課堂練習(xí)：

大家根據(jù)書38頁(yè)具體步驟自己動(dòng)手規(guī)劃

四、課堂小結(jié)：

五、布置作業(yè)：

六、板書設(shè)計(jì)：

七、教學(xué)后記

課題：第七課統(tǒng)一風(fēng)格

制作框架網(wǎng)頁(yè)

課題制作框架網(wǎng)頁(yè)授課時(shí)間

課型新授課課時(shí)安排一課時(shí)

教知識(shí)與技能：

1.掌握利用模板創(chuàng)建網(wǎng)頁(yè)的方法。

學(xué)2.學(xué)會(huì)運(yùn)用Flash按鈕制作導(dǎo)航欄進(jìn)行站內(nèi)導(dǎo)航。

目.3.了解鏈接對(duì)象的目標(biāo)框架的含義

標(biāo)過程與方法：

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

教學(xué)重點(diǎn)掌握利用模板創(chuàng)建網(wǎng)頁(yè)的方法。

教學(xué)難點(diǎn)學(xué)會(huì)運(yùn)用Flash按鈕制作導(dǎo)航欄進(jìn)行站內(nèi)導(dǎo)航

教具學(xué)具學(xué)生電腦

準(zhǔn)備

教學(xué)方法講解、學(xué)生練習(xí)。

教學(xué)過程

一、導(dǎo)入新課：復(fù)備

創(chuàng)建模板是為了形成網(wǎng)站的統(tǒng)一風(fēng)格，加快網(wǎng)站的建設(shè)。就

像工廠生產(chǎn)機(jī)器零部件一樣。模板創(chuàng)建完成后，面臨的工作就是

利用模板創(chuàng)建網(wǎng)頁(yè)了。

二、教學(xué)新課：

1.新建站點(diǎn)

(1)將“安全自護(hù)我能行”站點(diǎn)文件夾safe傳到學(xué)生機(jī)。

(2)新建站點(diǎn)。

2.應(yīng)用模板創(chuàng)建網(wǎng)頁(yè)

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

(2)應(yīng)用模板

①用模板直接創(chuàng)建網(wǎng)頁(yè)

步驟1：執(zhí)行“文件”一一》“新建”命令，打開“模

板”標(biāo)簽，選擇模板文件module,單擊“創(chuàng)建”按鈕，即可基于

module模板創(chuàng)建一個(gè)網(wǎng)頁(yè)。

步驟2：執(zhí)行“文件“一一》“保存”命令，將網(wǎng)頁(yè)命

名為rcsh.html,并保存到rcsh文件夾中。

②創(chuàng)建空白網(wǎng)頁(yè)后再應(yīng)用模板。

步驟1：創(chuàng)建空白普通網(wǎng)頁(yè)。

步驟2：打開“資源”面板，單擊“模板”按鈕，則模

板資源顯示在模板中。

步驟3：選擇合適的模板，單擊“應(yīng)用”按鈕。

3.將日常生活網(wǎng)頁(yè)鏈接到框架網(wǎng)頁(yè)

(1)打開all.html網(wǎng)頁(yè),選擇rcsh圖片。

(2)在屬性面板中單擊鏈接文本框后的“瀏覽文件”按鈕。

選擇網(wǎng)頁(yè)rcsh.html.

(3)設(shè)置目標(biāo)框架為mainFrame,表示單擊圖片后，網(wǎng)頁(yè)“日

常生活”在框架網(wǎng)頁(yè)的下框架mainFrame中打開。

4.利用Flash按鈕制作導(dǎo)航欄。

5.填充日常生活網(wǎng)頁(yè)中的內(nèi)容。

6.創(chuàng)建模板的其他方法。

三、課堂練習(xí)：

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

四、課堂小結(jié)：

1.利用模板創(chuàng)建網(wǎng)頁(yè)。

2在.框架中打開網(wǎng)頁(yè)的方法。。

3制作Flash按鈕鏈接。

五、布置作業(yè)：

六、板書設(shè)計(jì)：

七、教學(xué)后記：

課題：第8課按圖索驥

課題第8課按圖索驥授課時(shí)間

課型新授課課時(shí)安排一課時(shí)

教知識(shí)與技能：L靈活地使用水平線分隔網(wǎng)頁(yè)元素。

2.學(xué)會(huì)插入命名錨記以創(chuàng)建錨點(diǎn)鏈接。

學(xué)3.學(xué)習(xí)使用Flash文本作為鏈接對(duì)象。

目.過程與方法：講解、學(xué)生練習(xí)。

標(biāo)情感態(tài)度與價(jià)值觀：

教學(xué)重點(diǎn)局部連接的插入

教學(xué)難點(diǎn)局部連接的設(shè)置于運(yùn)用

教具學(xué)具學(xué)生電腦

準(zhǔn)備

教學(xué)方法講授法、演示法

教學(xué)過程

一、導(dǎo)入新課：

當(dāng)初步制作“交通出行”網(wǎng)頁(yè)后，可以看出本頁(yè)包含的內(nèi)容很多，不同主題的

文字和圖片羅列在一起，難以區(qū)分，因此我們考慮使用水平線分隔元素，并為頁(yè)面

添加錨點(diǎn)鏈接，實(shí)現(xiàn)網(wǎng)頁(yè)的局部跳轉(zhuǎn)，快速地將訪問者帶到特定主題或者網(wǎng)頁(yè)頂部。備

二、教學(xué)新課

(1)插入水平線

水平線對(duì)于組織信息很有用。插入水平線，操作比較簡(jiǎn)單，執(zhí)行菜單“插入”-HTML

~“水平線”命令就可以插入默認(rèn)屬性的水平線，其寬度為100%,高為2個(gè)像素，

帶有陰影。另外，還可以打開''插入”工具欄中的HTML工具欄，單擊“水平線”按

鈕插入水平線，

在水平線的“屬性檢查器”面板中，可以設(shè)置水平線的寬度、高度、對(duì)齊方式、是

否帶有陰影，應(yīng)用的CSS樣等，如要設(shè)置水平線的顏色可使用“快速標(biāo)簽編輯器”

按鈕或在“拆分”視圖中通過添加代碼操作。

寬和高：以像素為單位或以頁(yè)面尺寸百分比的形式指定水平線的寬度和高度。

對(duì)齊：指定水平線的對(duì)齊方式(“默認(rèn)”、“左對(duì)齊”、“居中對(duì)齊”或“右對(duì)齊”)。僅

當(dāng)水平線的寬度小于瀏覽器窗口的寬度時(shí)，該設(shè)置才適用。

陰影：指定繪制水平線時(shí)是否帶陰影。取消選擇此選項(xiàng)系統(tǒng)將使用純色繪制

水平線。

需要注意的是，水平線的有些設(shè)置在編輯窗口無(wú)法直接看到效果，需要在

IE瀏覽器中預(yù)覽，例如圖8.2所示的為2條不同屬性設(shè)置的水平線在編輯窗口中的

狀態(tài)和IE瀏覽器中預(yù)覽效果的對(duì)比。

這2條水平線屬性如

下：

寬：100像素

高：3像素

水平線A：居中對(duì)

齊，帶陰影

水平線B：右對(duì)齊，

無(wú)陰影，顏色

#ff3300

(2)創(chuàng)建錨點(diǎn)鏈接

在教材中我們將創(chuàng)建錨點(diǎn)鏈接分為兩個(gè)步驟：命名錨記和鏈接錨記。

在進(jìn)行鏈接錨記的時(shí)候，我們采用是在“屬性檢查器”的“鏈接”文本框中

輸入錨記名稱的方法，這就要求我們記住各個(gè)錨記對(duì)應(yīng)的主題內(nèi)容才能操作，否則

還需要單擊相應(yīng)的錨記名稱，通過該錨記的“屬性檢查器”找到錨記名。其實(shí)，在

進(jìn)行鏈接設(shè)置的時(shí)候，錨記也可以像文件一樣，直接被鼠標(biāo)選擇作為鏈接目標(biāo)，其

步驟如下：

①選擇要添加鏈接的主題文本，如“非機(jī)動(dòng)車交通安全”。

②單擊“屬性檢查器”中“鏈接”文本框后的“指向文件”按鈕，

直接拖動(dòng)按鈕到頁(yè)面上，此時(shí)將會(huì)出現(xiàn)黑色的箭頭，我們將此箭頭拖動(dòng)到需要鏈接

的錨記即可，如圖8.3所示。

三、非機(jī)動(dòng)車交通安全;i?

五.智駛自行車、電動(dòng)自行車、三輪車在路段上橫趟動(dòng)車道，!

____________]Ji

ditable><table><tr><td.STYLE25><div><a.STYLE10>fv816x432v14K/2

I__T__IJ."

v'[CSS]：BZBSag鏈接闞到一個(gè)文件以創(chuàng)建二^

鳳aQ田：°柜白奇?。荷厢灤豢?/p>

(3)插入Flash文本

Flash文本與Flash按鈕十分相似，都是在Dreamweaver中制作出的具有

Flash效果的網(wǎng)頁(yè)元素，都可以設(shè)置超鏈接，當(dāng)給Flash文本設(shè)置好背景色后，其外

觀就如同F(xiàn)lash按鈕。

在保存Flash文本的時(shí)候，需要注意的地方是保存路徑，參考Flash按鈕

設(shè)置即可，此處不再重復(fù)。

三、課堂練習(xí)：

在網(wǎng)頁(yè)中插入局部連接

四、課堂小結(jié)：

五、布置作業(yè)：

六、板書設(shè)計(jì)：

七、教學(xué)后記

課題：第9課圖像整合

課題圖像整合授課時(shí)間

課型新授課課時(shí)安排一課時(shí)

教知識(shí)與技能：1.理解圖像熱點(diǎn)超鏈接的含義

學(xué)2.學(xué)會(huì)繪制各種形狀的熱區(qū)，并為之設(shè)置鏈接目標(biāo)。

目過程與方法：

標(biāo)

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

教學(xué)重點(diǎn)圖像熱點(diǎn)超鏈接

教學(xué)難點(diǎn)圖像熱點(diǎn)超鏈接

教具學(xué)具學(xué)生電腦

準(zhǔn)備

教學(xué)方法演示法、講授法

教學(xué)過程

一、導(dǎo)入新課：復(fù)

在Dreamweaver8中，允許使用者以多種方式綜合使用圖像，為網(wǎng)備

站增添生命力，同時(shí)加深瀏覽者對(duì)網(wǎng)站的良好印象。

二、教學(xué)新課

1）圖像熱點(diǎn)超鏈接

在“家務(wù)勞動(dòng)”頁(yè)面中，我們插入了一張尺寸較大的圖像，

圖像的不同區(qū)域代表不同的主題內(nèi)容，我們要為此圖像設(shè)置局部圖

像鏈接，制作出"一圖多鏈”的效果。在Dreamweaver中，這種

被分為多個(gè)區(qū)域(或稱“熱區(qū)”)的圖像就稱為“圖像地圖

在圖像上繪制熱區(qū)之后，觀察此圖像

的“屬性檢查器”，在“地圖”文本框中

自動(dòng)出現(xiàn)Map,如圖9.1所示。這是系統(tǒng)自

動(dòng)為圖像地圖分配的名稱，我們也可以自

己定義圖像地圖的名稱便于記憶。當(dāng)同一

網(wǎng)頁(yè)中使用多個(gè)圖像地圖時(shí)，要確保每個(gè)

地圖都有唯一名稱。

本圖像地圖包含3個(gè)熱區(qū)，它們鏈接的目標(biāo)既有命名錨記，也有新

創(chuàng)建的網(wǎng)頁(yè)，其對(duì)應(yīng)鏈接關(guān)系和目標(biāo)框架如圖9.2所示

(2)圖像查看器

在制作圖像查看器之前，先要準(zhǔn)備素材圖片。在

Dreamweaver中，對(duì)3種格式圖像的支持是最好的，它們是GIF、

JPEG和PNG。但是IE瀏覽器只能部分支持PNG圖像的顯示，所以

我們最好選用GIF和JPEG格式的圖像制作圖像檢查器。

我們不僅可以通過執(zhí)行“插入”一“媒體”一“圖像查看

器”命令的方法插入圖像檢查器，還可以直接單擊“Flash元素”

工具欄中的“圖像查看器”按鈕，如圖9.3所示。

圖像查看器的制作過程也是制作swf格式的Flash動(dòng)畫

文件的過程，我們?cè)凇癋lash元素”面板中設(shè)置的參數(shù)直接影響此

動(dòng)畫文件的效果。

在“窗口”菜單中，我們會(huì)發(fā)現(xiàn)其實(shí)并沒有“Flash元

素”命令，如果打開“標(biāo)簽檢查器”面板，然后在編輯窗口中單擊

創(chuàng)建好的圖像查看器的圖標(biāo)，那么“標(biāo)簽檢查器”面板會(huì)自動(dòng)變?yōu)?/p>

“Flash元素”面板，再此設(shè)置圖像查看器的參數(shù)就可以了。

3）網(wǎng)頁(yè)與模板分離

當(dāng)網(wǎng)頁(yè)通過執(zhí)行“修改”一“模板”一“從模板中分離”命令與模

板分離之后，網(wǎng)頁(yè)在編輯區(qū)域如圖9.4所示的提示將會(huì)消失。

三、課堂練習(xí)：

完成課本練習(xí)

四、課堂小結(jié)：

七、教學(xué)后記

第二節(jié)圖層的操作

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

知識(shí)與技能：

1.了解圖層的概念。

2.掌握?qǐng)D層命名，添加圖層。

3.掌握?qǐng)D層的基本操作：選擇、移動(dòng)、刪除.

過程與方法：

通過學(xué)生自主學(xué)習(xí)，培養(yǎng)學(xué)生運(yùn)用信息技術(shù)解決實(shí)際問題的能力。

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

培養(yǎng)學(xué)生養(yǎng)成嚴(yán)謹(jǐn)?shù)膶W(xué)習(xí)態(tài)度和協(xié)作精神，提升素質(zhì)，發(fā)展個(gè)性。

二、教學(xué)的重點(diǎn)和難點(diǎn)：

重點(diǎn)：圖層的命名與添加。

難點(diǎn)：圖層的基本操作：選擇、移動(dòng)、刪除。

三、教學(xué)準(zhǔn)備：多媒體網(wǎng)絡(luò)控制系統(tǒng)、足量的電腦、FLASH、演示系統(tǒng)

四、教學(xué)方法：講授法提問法討論法演示法

五、教學(xué)安排：1課時(shí)

六、教學(xué)過程：

（一）引言

前面我們所做的圖形繪制、逐幀動(dòng)畫制作，都是在舞臺(tái)的同一圖層上進(jìn)行。有的動(dòng)畫要求在一個(gè)舞臺(tái)

上實(shí)現(xiàn)相互重疊的畫面，各個(gè)畫面又要彼此獨(dú)立，互不影響，這就需要?jiǎng)?chuàng)建多個(gè)圖層來(lái)實(shí)現(xiàn)。

以“燃燒著的蠟燭”為例，介紹圖層的作用和基本操作。

（二）講授新課

1.什么叫圖層

圖層就如同透明的膠片，它們可以在舞臺(tái)上一層層地重疊在一起，透過圖層沒有對(duì)象的區(qū)域，可以看

到下層圖層上的對(duì)象。當(dāng)我們對(duì)基中一個(gè)圖層中的對(duì)象進(jìn)行處理時(shí)，不會(huì)影響到其他圖層的內(nèi)容，但在視

覺上，位置靠上的圖層全遮蓋與下方圖層重疊部分的內(nèi)容。

步驟：

①新建一個(gè)FLASH文檔。圖層默認(rèn)名為“圖層1”；

②單擊舞臺(tái)，在“層性”面板里設(shè)備“背景”顏色為黑色；

③單擊“矩形工具”按鈕，設(shè)置填充顏色為紅色，筆觸顏色為無(wú)；

④在工具箱“選項(xiàng)”區(qū)將圖角矩形半徑設(shè)為10磅；

⑤將鼠橘指針移到舞臺(tái)上，拖動(dòng)鼠標(biāo)，繪制一支蠟燭；

⑥單擊“橡皮擦工具”按鈕，在橡皮擦形狀中選擇最大號(hào)的圓形，將蠟燭的上端部分擦除。

2.如何命名圖層：

雙擊“時(shí)間軸”面板上的“圖層1”文字部分，輸入“蠟燭”。

3.如何添加新圖層：--畫火焰。

①單擊“時(shí)間軸”面板上的“插入圖層”按鈕，在原來(lái)圖層的上方創(chuàng)建一個(gè)新圖層，默認(rèn)名為“圖層2”,

將“圖層2”改名為“火焰”

②單擊“橢圓工具”按鈕，設(shè)置填充顏色為橙紅色，筆觸顏色為無(wú)，在舞臺(tái)上拖動(dòng)鼠標(biāo)，在蠟燭上方

繪制一個(gè)橢圓；

③單擊“箭頭工具”，將箭頭移到剛畫好的橢圓上，按下鼠標(biāo)左鍵，調(diào)整橢圓成火焰狀

④在“混色器”面板中將混色器填充類型設(shè)置為“放射狀”，左邊取色器高為橙色，右邊取色器設(shè)為白

色，填充火焰顏色；

⑤制作火焰跳動(dòng)的逐幀動(dòng)畫；

⑥右擊“蠟燭”圖層第5幀，選擇“插入幀”，讓“蠟燭”在后面各幀顯示出來(lái)；

⑦測(cè)試影片。

學(xué)生根據(jù)教師演示的操作步驟完成任務(wù)。（教師進(jìn)行指導(dǎo)）

學(xué)生演示作品，教師和學(xué)生作出評(píng)價(jià)。

4.如何選擇與移動(dòng)圖層：

圖層的顯示/隱藏、開放/鎖定，輪廓線等。

5.如何刪除圖層：

①單擊“管理圖層區(qū)”窗口上的“蠟燭”圖層；

②單擊“刪除圖層”按鈕。

6.課堂練習(xí)：65頁(yè)“試一試”。

①制作一個(gè)帶陰影效果的文字。

②制作幾個(gè)日食效果。（拓展提高）。

七、教學(xué)反思：

本堂課內(nèi)容理論較少，重點(diǎn)在于掌握?qǐng)D層的基本操作。通過教師演示與學(xué)生實(shí)踐相結(jié)合，當(dāng)堂練習(xí)鞏固所

學(xué)知識(shí)，促進(jìn)學(xué)生對(duì)知識(shí)的理解與掌握。通過評(píng)選優(yōu)秀作品，調(diào)動(dòng)學(xué)生學(xué)習(xí)積極性，收到了較好的教學(xué)效

果。

八年級(jí)下冊(cè)信息技術(shù)教學(xué)工作計(jì)劃

一、學(xué)生情況分析

本學(xué)年任八年級(jí)C132班的教學(xué)任務(wù)，學(xué)生62人。通過第一學(xué)年的學(xué)習(xí)，

全體學(xué)生對(duì)信息技術(shù)課程有全面的了解，掌握了計(jì)算機(jī)操作的基本知識(shí)和基本

技能；學(xué)生的信息技術(shù)素質(zhì)有顯著提高。但也有部分學(xué)生對(duì)信息技術(shù)課程存在

認(rèn)識(shí)上的偏差，認(rèn)為信息課就是上網(wǎng)、聊天和玩游戲；對(duì)規(guī)定的學(xué)習(xí)內(nèi)容、合

作學(xué)習(xí)、自主學(xué)習(xí)及方法沒有興致。

二、教材分析

本學(xué)期學(xué)的內(nèi)容包括：機(jī)器人和程序設(shè)計(jì)兩個(gè)板塊。

知識(shí)點(diǎn)：機(jī)器人初步知識(shí)、仿真環(huán)境下的機(jī)器人、導(dǎo)盲機(jī)器人、程序與程

序設(shè)計(jì)、易程序、順序結(jié)構(gòu)、循環(huán)結(jié)構(gòu)、分支結(jié)構(gòu)、同心圓、畫筆、編輯器等。

重難點(diǎn)：

重點(diǎn)在于對(duì)機(jī)器人初步知識(shí)和VB程序設(shè)計(jì)環(huán)境的了解，能初步學(xué)會(huì)把解決

簡(jiǎn)單問題的過程轉(zhuǎn)換為程序；難點(diǎn)在于程序設(shè)計(jì)的基本方法。

三、指導(dǎo)思想

中小學(xué)信息技術(shù)課程的主要任務(wù)是：培養(yǎng)學(xué)生對(duì)信息技術(shù)的興趣和意識(shí)，

讓學(xué)生了解和掌握信息技術(shù)基本知識(shí)和技能，了解信息技術(shù)的發(fā)展及其應(yīng)用對(duì)

人類