廣州版八年級(jí)信息技術(shù)《美化網(wǎng)頁(yè)》教學(xué)設(shè)計(jì)

廣州版八年級(jí)信息技術(shù)《美化網(wǎng)頁(yè)》教學(xué)設(shè)

計(jì)

粵教版初中信息技術(shù)第二冊(cè)第三章教案

第3節(jié)《美化網(wǎng)頁(yè)》教學(xué)設(shè)計(jì)

一、學(xué)習(xí)者分析

教學(xué)的對(duì)象是初中二年級(jí)的學(xué)生。在學(xué)習(xí)本章節(jié)之前，

學(xué)生已經(jīng)學(xué)習(xí)了網(wǎng)絡(luò)基礎(chǔ)學(xué)問，具有一定的使用計(jì)算機(jī)的能

力；而在本章前面的學(xué)習(xí)中，學(xué)生學(xué)習(xí)了如何建立一個(gè)(本

機(jī)內(nèi)的)站點(diǎn)和網(wǎng)頁(yè)的建立與保存，對(duì)網(wǎng)頁(yè)編輯等有一定的

基礎(chǔ)，而且對(duì)制作網(wǎng)頁(yè)有較高的興趣。

二、教材內(nèi)容分析

1.本節(jié)的主要內(nèi)容及在本章中的地位

本節(jié)是網(wǎng)頁(yè)制作中最重要、最精彩的部分，也是學(xué)習(xí)網(wǎng)

頁(yè)制作的重點(diǎn)內(nèi)容。正是由于有了各種美化網(wǎng)頁(yè)的方法，網(wǎng)

頁(yè)才會(huì)顯得吸引學(xué)生的學(xué)習(xí)。因此，要通過本節(jié)的學(xué)習(xí)，充

分激發(fā)學(xué)生的學(xué)習(xí)興趣。

2.教學(xué)重點(diǎn)、難點(diǎn)：

重點(diǎn)：

(1)表格的制作與屬性的設(shè)置；

(2)插入圖片與圖片的處理；

(3)超鏈接的制作及設(shè)置；

(4)橫幅廣告管理器的設(shè)置；

(5)懸停按鈕的設(shè)置與運(yùn)用。

難點(diǎn)：

(1)表格的修飾；

(2)超鏈接的制作及設(shè)置；。

(3)橫幅廣告管理器的設(shè)置。

3.課時(shí)支配：

第三節(jié)《美化網(wǎng)頁(yè)》使用四個(gè)課時(shí)學(xué)習(xí)，其中，第一

課時(shí)：表格的制作與設(shè)置；第二課時(shí)：插入圖片與動(dòng)畫；第

三課時(shí)：超鏈接的使用；第四課時(shí)：網(wǎng)頁(yè)修飾、按鈕與橫幅

廣告管理器。

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

1.學(xué)問與技能

(1)把握網(wǎng)頁(yè)中運(yùn)用表格的方法；

(2)把握網(wǎng)頁(yè)插入各種圖片的方法；

(3)學(xué)會(huì)應(yīng)用超鏈接；

(4)學(xué)會(huì)設(shè)置網(wǎng)頁(yè)背景、移動(dòng)字幕，設(shè)置橫幅廣告管

理器和制作懸停按鈕的操作。

2.過程與方法

(1)通過美化網(wǎng)頁(yè)的各種方法的學(xué)習(xí)，讓學(xué)生從制作

的層面熟悉網(wǎng)頁(yè)世界；

(2)通過制作網(wǎng)頁(yè)的實(shí)踐，讓學(xué)生把握網(wǎng)頁(yè)制作的基

本方法。

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

通過表格、圖片、按鈕、聲音、超鏈接等的實(shí)現(xiàn)，體驗(yàn)

制作網(wǎng)頁(yè)的成功感，激發(fā)學(xué)生的創(chuàng)作欲望，使學(xué)生形成主動(dòng)

-2-

學(xué)習(xí)的態(tài)度，積極參與到信息技術(shù)的學(xué)習(xí)中來，并在學(xué)習(xí)的

過程不斷提高綜合運(yùn)用信息技術(shù)的能力。

四、教學(xué)理念和方法

注意以學(xué)生為主體，讓學(xué)生主動(dòng)探索，主動(dòng)地構(gòu)建學(xué)問

體系，把理論學(xué)問運(yùn)用到實(shí)踐。同時(shí)也倡導(dǎo)學(xué)生相互幫助進(jìn)

行學(xué)習(xí)，培育合作觀念。

五、教學(xué)過程設(shè)計(jì)

L教學(xué)內(nèi)容的組織與呈現(xiàn)方式

課程圍繞網(wǎng)站《名城廣州》的制作，通過實(shí)際的問題引

出所學(xué)學(xué)問，把網(wǎng)頁(yè)表格、圖片、超鏈接等等逐一呈現(xiàn)，讓

學(xué)生把細(xì)化的學(xué)問逐一擊破，再把所學(xué)學(xué)問應(yīng)用到創(chuàng)作中去,

逐步構(gòu)成自己所要完成的作品，充分調(diào)動(dòng)學(xué)生學(xué)習(xí)的積極性

與敏捷性，同時(shí)充分利用多媒體電子教室掌握系統(tǒng)屏幕廣播

功能進(jìn)行實(shí)時(shí)演示與敘述，提高課堂效率。

2.教學(xué)過程

第一課時(shí)表格的掌握

教學(xué)環(huán)節(jié)

教師教學(xué)

學(xué)生活動(dòng)

設(shè)計(jì)意圖

引入新課

展示利用表格組織的網(wǎng)頁(yè)效果，引入新課：

觀看與思索。

吸引學(xué)生，引入新課。

-3-

表格的組成學(xué)問點(diǎn)教學(xué)

表格的幾個(gè)部分組成：

表頭、行、歹I、單元格、邊框。

學(xué)習(xí)與認(rèn)知。

了解表格的組成。

插入表格學(xué)問點(diǎn)教學(xué)

提問學(xué)生演示：三種插入表格的方法：

1、使用【插入表格】工具按鈕；

2、使用【表格】菜單命令；

3、使用手工繪制表格。

觀看與學(xué)習(xí)。

由學(xué)生演示，學(xué)生之間有對(duì)比。

學(xué)生練習(xí)：用三種方法分別畫出三個(gè)指定的空白表格。

做練習(xí)。

把握三種畫表格方法。

表格的基本操作學(xué)習(xí)

學(xué)生與教師同步操作：

1、合并單元格；

2、在表格中插入表格；

3、刪除單元格；

4、選定行、列、單元格、表格、多行、多列；

5、插入行、列；

6、拆分單元格；

7、調(diào)整行寬、列寬。

-4-

仿做、練習(xí)。

把握表格的最基本操作。

設(shè)置表格的屬性

在表格的單元格中添加文字、圖片等，然后設(shè)置【表格

屬性】:

對(duì)齊方式、單元格邊距、單元格間距、邊框粗細(xì)（如不

顯示外邊框，可將此值設(shè)為0）、設(shè)置表格的背景顏色、背景

圖片等。

仿做、練習(xí)。

把握表格的最基本操作。

設(shè)置單元格的屬性

包括：對(duì)齊方式、行跨距、列跨距、指定寬度、指定高

度、邊框顏色、亮邊框、暗邊框、

背景等。

依據(jù)教師提示自己學(xué)習(xí)設(shè)置。

把握表格單元格的最基本操作。

練習(xí)

利用表格設(shè)計(jì)出《華夏學(xué)校主頁(yè)》的布局。

設(shè)計(jì)與練習(xí)。

讓學(xué)生償試運(yùn)用。

小結(jié)

各學(xué)問點(diǎn)的把握狀況。

回顧學(xué)問。

重復(fù)記憶。

-5-

第二課時(shí)：讓網(wǎng)頁(yè)變得多姿多彩

教學(xué)環(huán)節(jié)

教師教學(xué)

學(xué)生活動(dòng)

設(shè)計(jì)意圖

新課引入

發(fā)送教學(xué)素材。

提問表格的作用。

引出：如何制作圖文并茂、生動(dòng)活潑的網(wǎng)頁(yè)？

插入圖片、插入動(dòng)畫、插入音樂、插入視頻、插入特

效、...

思索和回答和學(xué)習(xí)。

吸引學(xué)生，引入新課。

插入圖片學(xué)問點(diǎn)教學(xué)

任務(wù)一：給網(wǎng)頁(yè)添加圖片元素

(1)在網(wǎng)頁(yè)大標(biāo)題處插入一圖片。

(2)在第三行第一單元格插入一圖片。

(3)在“優(yōu)秀學(xué)生介紹”下插入4張人物圖片。

使用Frontpage打開所發(fā)送素材中“學(xué)生練習(xí)”這一網(wǎng)

頁(yè)，然后完成任務(wù)一。

自主探究：

結(jié)合所學(xué)學(xué)問完成任務(wù)一。

-6-

子任務(wù)：

將人物圖片背景設(shè)置透明。

教師個(gè)別輔導(dǎo)。

轉(zhuǎn)播展示部分學(xué)生練習(xí)結(jié)果并點(diǎn)評(píng)。

指明圖片工具欄的使用。

完成子任務(wù)；

比較與觀看。

學(xué)習(xí)設(shè)置，使用圖片與背景融為一體。

讓學(xué)生通過對(duì)比加深學(xué)習(xí)。

設(shè)置圖片效果學(xué)問點(diǎn)教學(xué)

任務(wù)二：設(shè)置圖片效果

(1)給第一張圖片添加“華夏學(xué)校主頁(yè)”幾個(gè)字；

(2)將第二張圖片旋轉(zhuǎn)180度；

(3)將人物圖片設(shè)置為按鈕效果。

通過教程進(jìn)行自主學(xué)習(xí)，同桌同學(xué)進(jìn)行協(xié)作學(xué)習(xí)完成任

務(wù)二的內(nèi)容。

把握在圖片上添加文字、旋轉(zhuǎn)圖片等特效。

展示學(xué)生作業(yè)，點(diǎn)評(píng)作業(yè)。并讓學(xué)生演示操作。

比較與觀看。

部分學(xué)生未把握的可從中學(xué)習(xí)。

學(xué)習(xí)在網(wǎng)頁(yè)中插入動(dòng)畫

任務(wù)三：在網(wǎng)頁(yè)中插入動(dòng)畫

(1)在網(wǎng)頁(yè)第二行第一單元格插入一gif動(dòng)畫；

(2)在第四行第二單元格插入一flash動(dòng)畫。

-7-

通過學(xué)習(xí)教程完成任務(wù)三。

學(xué)習(xí)把握插入動(dòng)畫的方法。

展示學(xué)生作業(yè)，點(diǎn)評(píng)作業(yè)。并進(jìn)行作業(yè)成果登記。

比較與學(xué)習(xí)。

依據(jù)學(xué)生把握的狀況推斷是否講解。

歸納總結(jié)

0插入圖片

0設(shè)置圖片效果

0插入動(dòng)畫

觀看與回顧。

讓學(xué)生整理所學(xué)學(xué)問。

第三課時(shí)：鏈接網(wǎng)絡(luò)世界

教學(xué)環(huán)節(jié)

教師教學(xué)

學(xué)生活動(dòng)

設(shè)計(jì)意圖

發(fā)送練習(xí)素材，引入新課

打開“網(wǎng)易”主頁(yè)，指向“體育”，鼠標(biāo)外形發(fā)生變化

“”，提問學(xué)生。

（將練習(xí)素材“華夏學(xué)校主頁(yè)”的站點(diǎn)發(fā)送到學(xué)生氣器

D：\HXXX中。）

思索和回答。

-8-

吸引學(xué)生，引入下文。

站點(diǎn)內(nèi)網(wǎng)頁(yè)的鏈接學(xué)問學(xué)習(xí)

站點(diǎn)內(nèi)網(wǎng)頁(yè)的鏈接演示。

(1)鏈接一個(gè)頁(yè)面；

(2)更改鏈接顏色。

觀看學(xué)習(xí)。

把握鏈接的基本方法。

教師個(gè)別輔導(dǎo)

練習(xí)設(shè)置“師生園地”中的另外三個(gè)鏈接，并設(shè)置返回

鏈接(圖片)。

形成性練習(xí)一

基本：設(shè)置好鏈接。

提高：設(shè)置鏈接的顏色與邊框。

學(xué)生自主學(xué)習(xí)“站外鏈接”

提出疑問：如何鏈接到如163等網(wǎng)站？(鏈接到其他網(wǎng)

站的首頁(yè))

教師個(gè)別輔導(dǎo)。

學(xué)生探究學(xué)習(xí)：學(xué)習(xí)設(shè)置鏈接到163和廣州教研網(wǎng)站。

探究性練習(xí)二，

學(xué)生有會(huì)有不會(huì)的，讓同桌相互幫助探討。

教師依據(jù)學(xué)生把握狀況推斷是否需要演示講解鏈接到

其他網(wǎng)站的首頁(yè)。

觀看學(xué)習(xí)。

反饋講解。

-9-

為郵箱設(shè)置超鏈接學(xué)問點(diǎn)學(xué)習(xí)

教師點(diǎn)評(píng)，然后提出疑問：如何為郵箱設(shè)置超鏈接？

把網(wǎng)頁(yè)素材中的兩個(gè)“郵件聯(lián)系”設(shè)置妥當(dāng)。

探究性練習(xí)三

（同上處理）。

教師依據(jù)學(xué)生把握狀況推斷是否需要演示講解為郵箱

設(shè)置超鏈接。

觀看學(xué)習(xí)。

由把握較好的學(xué)生演示操作過程。

“書簽”一一網(wǎng)頁(yè)內(nèi)部的跳轉(zhuǎn)的學(xué)問講解

演示素材中網(wǎng)頁(yè)內(nèi)部的跳轉(zhuǎn)BMlo

觀看學(xué)習(xí)。

將學(xué)生留意力吸引。

演示“書簽”的設(shè)置方法。

觀看學(xué)習(xí)。

學(xué)習(xí)書簽的設(shè)置。

教師個(gè)別輔導(dǎo)

練習(xí)：分別在網(wǎng)頁(yè)下方“辦學(xué)理念”、“學(xué)生務(wù)農(nóng)”、“體

教結(jié)合”三個(gè)地方設(shè)置三處書簽，然后在“學(xué)校特色”中設(shè)

立三個(gè)書簽鏈接并進(jìn)行預(yù)覽跳轉(zhuǎn)。

形成性練習(xí)四，

學(xué)會(huì)使用書簽。

教師依據(jù)學(xué)生狀況轉(zhuǎn)播個(gè)別學(xué)生的設(shè)置狀況。

-10-

觀看學(xué)習(xí)。

了解學(xué)生把握程度。

學(xué)習(xí)取消鏈接

提出疑問：如何將設(shè)置多余鏈接取消？（內(nèi)容相對(duì)簡(jiǎn)單,

由學(xué)生自主體會(huì)）教師個(gè)別輔導(dǎo)。

探究學(xué)習(xí)。

探究性練習(xí)五，

學(xué)生有會(huì)有不會(huì)的，讓同桌相互幫助探討。

小結(jié)

教師依據(jù)課堂狀況進(jìn)行小結(jié)，個(gè)別內(nèi)容的強(qiáng)調(diào)。

自我體會(huì)。

讓學(xué)生在腦海中重復(fù)和整理學(xué)過的學(xué)問。

學(xué)生實(shí)踐

1、依據(jù)本章開頭預(yù)先布置的“網(wǎng)頁(yè)作品設(shè)計(jì)”作業(yè)“名

城廣州”，將自己做好的網(wǎng)頁(yè)進(jìn)行鏈接，保存好；

2、在網(wǎng)上搜尋幾張?jiān)O(shè)置背景用的圖片和幾張有關(guān)廣州

地區(qū)的風(fēng)景圖片，一首自己喜愛的MP3格式的音樂；

3、然后復(fù)制到自己的FTP帳號(hào)中，預(yù)備下節(jié)課使用。

上機(jī)實(shí)踐。

創(chuàng)作練習(xí)。

（視時(shí)間而定）

第四課時(shí)：網(wǎng)頁(yè)效果處理

11

教學(xué)環(huán)節(jié)

教師教學(xué)

學(xué)生活動(dòng)

設(shè)計(jì)意圖

新課引入

引導(dǎo)學(xué)生打開自己的作品。

打開學(xué)生自己做的作業(yè)《名城廣州》，并預(yù)備幾張風(fēng)景

圖片及背景圖片。

預(yù)備好學(xué)習(xí)用素材。

學(xué)習(xí)設(shè)置網(wǎng)頁(yè)背景

引導(dǎo)學(xué)生設(shè)置背景顏色（對(duì)比單元格）。

跟隨老師練習(xí)。

讓學(xué)生把握對(duì)網(wǎng)頁(yè)背景的基本設(shè)置。

引導(dǎo)學(xué)生設(shè)置背景圖片（與插入圖片進(jìn)行比較）。

跟隨老師練習(xí)，償試選擇不同的圖片作背景。

引導(dǎo)學(xué)生設(shè)置網(wǎng)頁(yè)標(biāo)題《華夏學(xué)校主頁(yè)》。

跟隨老師練習(xí)。

利用上節(jié)課下載的MP3,引導(dǎo)學(xué)生設(shè)置背景音樂（MP3

格式要選擇*.*文件選?。?/p>

跟隨老師練習(xí)并預(yù)覽。

制作標(biāo)題

方法之一：打開WORD編輯一插入藝術(shù)字一復(fù)制藝術(shù)字

一轉(zhuǎn)到網(wǎng)頁(yè)編輯中粘貼。

-12-

觀看后練做。

學(xué)習(xí)制作“華夏學(xué)校主頁(yè)”的藝術(shù)字作標(biāo)題。

方法之二截取屏幕顯示的標(biāo)題：當(dāng)屏幕出現(xiàn)自己喜愛的

標(biāo)題一按鍵盤中的鍵或+一打開畫圖軟件一選擇粘貼一再

選定所需要部分復(fù)制一轉(zhuǎn)到網(wǎng)頁(yè)編輯中粘貼。

觀看后練做。

學(xué)習(xí)截取制作標(biāo)題。

使用移動(dòng)字幕

示例設(shè)置交替移動(dòng)的字幕”學(xué)校新聞報(bào)道”，主要設(shè)置

字幕屬性。

學(xué)習(xí)練習(xí)設(shè)置三行字幕：由左至右移動(dòng)、由右至左移動(dòng)、

交替移動(dòng)并轉(zhuǎn)變字幕的“延遲”值和“數(shù)量”值、背景色。

用于制作滾動(dòng)新聞、標(biāo)題等。

提出思索：如何轉(zhuǎn)變移動(dòng)速度？

使用“學(xué)校風(fēng)景”制作橫幅廣告管理器

設(shè)置方法展示。

觀看與學(xué)習(xí)。

讓學(xué)生把握較為實(shí)用的橫幅廣告管理器。

調(diào)整與修改。

個(gè)別輔導(dǎo)與檢查。

做練習(xí)。

留意問題：時(shí)間、圖片格式、安裝JAVA等。

鞏固與拓展。

懸停按鈕的制作

-13-

解釋“懸停”。

觀看與練習(xí)。

學(xué)生對(duì)此熟悉比較模糊，需要解釋清晰。

示范制作按鈕：效果、顏色變化、大小、鏈接、自定義

聲音與圖片。

把握按鈕的制作與設(shè)置。

指導(dǎo)學(xué)生練習(xí)：將“學(xué)校概況”、”學(xué)校教研”、“教師

園地”、“學(xué)生園地”等設(shè)置為懸停按鈕。

小結(jié)

學(xué)問點(diǎn)較多而且比較實(shí)用，要求學(xué)生均能把握其使用。

自我體會(huì)。

讓學(xué)生逐一回想所學(xué)學(xué)問點(diǎn)。

學(xué)生實(shí)踐

依據(jù)所學(xué)學(xué)問，連續(xù)完成作業(yè)“名城廣州”網(wǎng)站，要求

有本節(jié)課所講的移動(dòng)字幕、背景圖片、背景音樂、藝術(shù)字標(biāo)

題、橫幅廣告管理器、懸停按鈕等效果。

創(chuàng)作練習(xí)。

3.教學(xué)評(píng)價(jià)

把握程度

學(xué)問點(diǎn)

運(yùn)用

把握

-14-

基本把握

了解

其他

插入表格的方法

表格屬性的設(shè)置

單元格屬性的設(shè)置

在網(wǎng)頁(yè)中插入圖片

-15-

設(shè)置圖片的各種效果

在網(wǎng)頁(yè)中插入動(dòng)畫

站內(nèi)網(wǎng)頁(yè)鏈接

鏈接其他網(wǎng)站

-16-

為郵箱設(shè)置超鏈接

設(shè)置書簽