第一篇：《應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)》教案

《應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)》教案

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

1、知識(shí)與技能：

（1）了解表格網(wǎng)頁(yè)的作用；

（2）掌握網(wǎng)頁(yè)中表格的制作方法，表格屬性的屬性設(shè)置方法；（3）能根據(jù)網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容，正確布局表格的結(jié)構(gòu)；（4）嘗試根據(jù)內(nèi)容需要設(shè)計(jì)表格布局網(wǎng)頁(yè)頁(yè)面。

2、過(guò)程與方法：

（1）利用對(duì)比，加深學(xué)生對(duì)表格布局網(wǎng)頁(yè)的認(rèn)識(shí)；

（2）通過(guò)用表格結(jié)構(gòu)設(shè)計(jì)網(wǎng)頁(yè)，使學(xué)生進(jìn)一步理解表格的作用、功能及網(wǎng)頁(yè)設(shè)計(jì)方法；（3）通過(guò)自主探究，使學(xué)生掌握軟件的使用規(guī)則，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力。

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

（1）通過(guò)實(shí)踐創(chuàng)作的過(guò)程，形成主動(dòng)學(xué)習(xí)和利用信息技術(shù)、參與信息作品創(chuàng)作的態(tài)度；（2）培養(yǎng)學(xué)生注重吸取成功的經(jīng)驗(yàn)，提高本身的信息素養(yǎng)。

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

1、表格的制作及設(shè)置方法；

2、根據(jù)實(shí)際情況設(shè)計(jì)并應(yīng)用表格布局網(wǎng)頁(yè)。

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

1、應(yīng)用表格布局網(wǎng)頁(yè)頁(yè)面的意識(shí)；

2、合理制作表格，實(shí)現(xiàn)頁(yè)面布局。

四、教學(xué)方法

教師講解、演示、與學(xué)生任務(wù)驅(qū)動(dòng)、合作學(xué)習(xí)相結(jié)合。

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

教師活動(dòng)

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

課前準(zhǔn)備

將“學(xué)習(xí)素材”文件夾發(fā)送到學(xué)生機(jī)桌面；

打開(kāi)并預(yù)習(xí)本課內(nèi)容。

一、對(duì)比，引入新課

1、明確表格在網(wǎng)頁(yè)制作時(shí)的作用：頁(yè)面規(guī)劃

（1）展示兩個(gè)頁(yè)面（1.htm和2.htm）并進(jìn)行比較： 提問(wèn)：①這2個(gè)網(wǎng)頁(yè)，你喜歡哪個(gè)？為什么？ ②網(wǎng)頁(yè)中的文字、圖像對(duì)象如何插入？

③在Frontpage中打開(kāi)2張網(wǎng)頁(yè)，觀察有什么不一樣。

總結(jié)：這些線(xiàn)就是表格線(xiàn)，在做網(wǎng)頁(yè)時(shí)，可以利用表格布局網(wǎng)頁(yè)結(jié)構(gòu)。（2）引出本課內(nèi)容：探索用表格來(lái)布局網(wǎng)頁(yè)的頁(yè)面。（3）明確本課的任務(wù)：使用表格制作網(wǎng)頁(yè)。

學(xué)生小組交流、討論，對(duì)比加深印象，感受表格布局網(wǎng)頁(yè)的作用 發(fā)現(xiàn)表格可以布局頁(yè)面 明確本課內(nèi)容

二、小組合作，體會(huì)用表格布局網(wǎng)頁(yè)

2、模仿用表格布局網(wǎng)頁(yè)頁(yè)面結(jié)構(gòu)（1）引導(dǎo)學(xué)生回憶Word中學(xué)過(guò)的表格內(nèi)容，提示學(xué)生表格操作跟Word中具有很大的相通之處；

提問(wèn)：還記得哪些表格的編輯方法？

（2）展示效果頁(yè)，引導(dǎo)學(xué)生分析頁(yè)面的結(jié)構(gòu)，探索需要制作表格的結(jié)構(gòu)；（3）講解演示表格的制作及調(diào)整；（4）布置學(xué)生完成任務(wù)一：“心憩空間”網(wǎng)頁(yè)

（5）展示成功學(xué)生的作品，引出表格屬性的設(shè)置；

如：行列的插入、刪除、單元格的合并、拆分、調(diào)整大小等。

根據(jù)網(wǎng)頁(yè)內(nèi)容來(lái)規(guī)劃所需表格結(jié)構(gòu)，了解網(wǎng)頁(yè)中表格制作及設(shè)置的方法。學(xué)生小組合作，完成網(wǎng)頁(yè)“chushi.htm”

三、小組合作，嘗試用表格布局網(wǎng)頁(yè)

3、小組交流并獨(dú)立制作表格布局網(wǎng)頁(yè)

（1）剛才我們一起體會(huì)用表格布局網(wǎng)頁(yè)的網(wǎng)面結(jié)構(gòu)：先分析確定所需表格的結(jié)構(gòu)，然后根據(jù)實(shí)際制作設(shè)置表格布局網(wǎng)頁(yè)頁(yè)面結(jié)構(gòu)。接下來(lái)我們就來(lái)嘗試用表格布局我們的網(wǎng)頁(yè)了；引入用表格布局“多彩的生物”網(wǎng)頁(yè)；

（2）引導(dǎo)學(xué)生分析確定網(wǎng)頁(yè)的表格結(jié)構(gòu)；

（3）布置學(xué)生完成任務(wù)二：制作“多彩的生物”網(wǎng)頁(yè)；可以根據(jù)自己的設(shè)計(jì)對(duì)網(wǎng)頁(yè)進(jìn)行適當(dāng)?shù)恼{(diào)整；

掌握根據(jù)網(wǎng)頁(yè)確定所需表格的結(jié)構(gòu) 能根據(jù)網(wǎng)頁(yè)規(guī)劃表格

小組合作討論，根據(jù)學(xué)案提供的參考表格確定“多彩的生物”網(wǎng)頁(yè)的表格結(jié)構(gòu)，再獨(dú)立完成圖片、文字的插入。

四、作品展示交流與課堂總結(jié)

1、展示成功學(xué)生的作品并點(diǎn)評(píng)；

2、總結(jié)本課內(nèi)容：為了制作的網(wǎng)頁(yè)內(nèi)容工整、美觀，所以我們選擇使用表格布局。本課我們嘗試并使用了表格來(lái)規(guī)劃布局網(wǎng)頁(yè)，嘗試設(shè)計(jì)個(gè)人網(wǎng)站的首頁(yè)，自主設(shè)計(jì)版面，靈活使用表格進(jìn)行網(wǎng)頁(yè)制作。

掌握表格布局網(wǎng)頁(yè)的常見(jiàn)技巧，加強(qiáng)表格布局網(wǎng)頁(yè)的意識(shí)。

第二篇：《應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)》教學(xué)設(shè)計(jì)

《應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)》教學(xué)設(shè)計(jì)

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

知識(shí)與技能：

1、了解表格在網(wǎng)頁(yè)設(shè)計(jì)中的作用。

2、能夠根據(jù)網(wǎng)頁(yè)的內(nèi)容，正確布局表格的結(jié)構(gòu)。

3、掌握網(wǎng)頁(yè)中表格的制作方法，能夠在單元格中正確插入文字和圖片，掌握表格屬性的設(shè)置方法以及單元格的修飾與編輯方法。

過(guò)程與方法：通過(guò)觀看優(yōu)秀網(wǎng)站表格布局，動(dòng)手設(shè)計(jì)表格等環(huán)節(jié)，幫助學(xué)生進(jìn)一步了解表格的作用、功能以及網(wǎng)頁(yè)設(shè)計(jì)方法的多樣性，培養(yǎng)學(xué)生的發(fā)散思維能力；通過(guò)學(xué)生自主地編輯和修飾表格等環(huán)節(jié)，培養(yǎng)學(xué)生自主探究學(xué)習(xí)的能力。

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

1、提高學(xué)生自學(xué)和探究的能力，培養(yǎng)學(xué)生應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)的興趣。

2、提高學(xué)生語(yǔ)言表達(dá)能力，學(xué)會(huì)客觀的評(píng)價(jià)作品。

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

重點(diǎn)：了解表格在網(wǎng)頁(yè)設(shè)計(jì)中的重要作用

掌握插入、編輯表格以及表格，單元格的屬性設(shè)置方法。

難點(diǎn)：表格的嵌套 表格，單元格，網(wǎng)頁(yè)屬性的設(shè)置

三、教學(xué)方法

講解演示教學(xué)法，小組合作學(xué)習(xí)法，自主探究學(xué)習(xí)法

四、教學(xué)設(shè)計(jì)說(shuō)明

本節(jié)課是初中信息技術(shù)（下冊(cè)）2007年7月第一版第11單元《設(shè)計(jì)主題網(wǎng)站》第二節(jié)的內(nèi)容，教學(xué)面向的是初二年級(jí)的學(xué)生，該年齡段的學(xué)生已具備了一定的信息素養(yǎng)，掌握了基本的信息技術(shù)知識(shí)和技能。初中的學(xué)生喜歡新、奇、特的事物，接受能力和理解能力比較快。而直觀、醒目的網(wǎng)站示例圖片則可以培養(yǎng)學(xué)生對(duì)于本課題的興趣，但是學(xué)生對(duì)于如何應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)的操作是比較模糊的。因此本節(jié)課充分地發(fā)揮學(xué)生了的積極性，讓學(xué)生隨著學(xué)案所設(shè)置的環(huán)節(jié)，探究完成一個(gè)又一個(gè)的應(yīng)用表格過(guò)程。而學(xué)案則是在尊重學(xué)生解決問(wèn)題的思維過(guò)程方式的基礎(chǔ)上設(shè)置的，注重學(xué)生的學(xué)習(xí)體驗(yàn)和情感的體驗(yàn)。整節(jié)課以學(xué)生為主體、教師為主導(dǎo)的架構(gòu)下，搭建以生為本的情景學(xué)習(xí)的平臺(tái)，幫助學(xué)生自學(xué)、交流討論、深入探究，以不斷的完成應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)的過(guò)程為手段，一步步完成學(xué)習(xí)任務(wù)。

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

課前將素材和網(wǎng)站站點(diǎn)發(fā)送到桌面，指導(dǎo)學(xué)生解壓縮。并帶領(lǐng)學(xué)生熟悉本節(jié)課所要制作的網(wǎng)頁(yè)的素材。

（一）設(shè)置情境，引入課題

師：我們知道，地球是人類(lèi)賴(lài)以生存的家園，然而，近幾年來(lái)，地球的環(huán)境卻越來(lái)越惡劣：全球性氣候變暖、暴雨、雪災(zāi)等災(zāi)難性天氣頻繁出現(xiàn)，給我們的生活帶來(lái)嚴(yán)重威脅。因此，我們每一位同學(xué)，都有責(zé)任去保護(hù)環(huán)境，那么我們應(yīng)該如何去保護(hù)環(huán)境呢？我想首先是宣傳環(huán)保、倡導(dǎo)環(huán)保。那上一節(jié)課呢我們已經(jīng)建立了以環(huán)保為主題的站點(diǎn)，學(xué)習(xí)制作了網(wǎng)站的歡迎頁(yè)。今天這節(jié)課，我們將一起學(xué)習(xí)制作網(wǎng)站的主頁(yè)面來(lái)宣傳環(huán)保，那如何來(lái)設(shè)計(jì)主頁(yè)面呢？首先我們先來(lái)欣賞幾個(gè)著名網(wǎng)站的主頁(yè)。（播放課件）

師：你們能看出這些是哪些網(wǎng)站的主頁(yè)嗎？ 生：網(wǎng)易，新浪，搜狐

師：很好，它們分別是網(wǎng)易、新浪、搜狐的主頁(yè)面。我們知道這些網(wǎng)站的主頁(yè)面包含的內(nèi)容都相當(dāng)豐富，但給我們的視覺(jué)感受卻是繁多而不雜亂，緊湊而不單調(diào)。這些頁(yè)面設(shè)計(jì)是如何做到這一點(diǎn)的呢？

師：我們以搜狐主頁(yè)面為例，（呈現(xiàn)搜狐主頁(yè)面的圖片），來(lái)探究一下如何設(shè)計(jì)網(wǎng)站的主頁(yè)面。首先這一頁(yè)面的左上角有一張的搜狐的LOGO圖片，使我們一眼能認(rèn)出這是搜狐頁(yè)面。在圖片的右邊呢，是網(wǎng)站中的導(dǎo)航，通過(guò)導(dǎo)航鏈接到其它的頁(yè)面。下面的主體部分，分成了幾個(gè)區(qū)域，我把它標(biāo)示出來(lái)，這樣我們不難看出，中間部分，是一些小信息的鏈接。上面這一部分以廣告信息為主，下半?yún)^(qū)域分成了四個(gè)部分，分別是新聞，娛樂(lè)，體育以及廣告圖片。通過(guò)標(biāo)示，我們會(huì)發(fā)現(xiàn)這呈現(xiàn)出來(lái)的其實(shí)就是一張表格的摸樣（可啟發(fā)學(xué)生回答）。

師：因此，使用表格來(lái)布局網(wǎng)頁(yè)結(jié)構(gòu)，是使頁(yè)面清晰緊湊，整潔大方的簡(jiǎn)便有效的方法。那今天這節(jié)課，我們就一起來(lái)學(xué)習(xí)應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)，也做出這樣一張頁(yè)面出來(lái)。

設(shè)計(jì)意圖：所選的網(wǎng)頁(yè)學(xué)生都比較熟悉，師分析頁(yè)面，呈現(xiàn)本節(jié)課的課題，激發(fā)學(xué)生的學(xué)習(xí)興趣。

（二）新課學(xué)習(xí)

環(huán)節(jié)一：根據(jù)素材，小組合作設(shè)計(jì)表格。

師：課前同學(xué)們已經(jīng)熟悉了素材。既然我們要應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)，那就要先進(jìn)行設(shè)計(jì)。

師：剛才同學(xué)們也欣賞了搜狐等網(wǎng)站的主頁(yè)面的表格布局。

師：下面呢，請(qǐng)同學(xué)們拿起筆在老師提供的紙上來(lái)設(shè)計(jì)表格。以相鄰的四個(gè)同學(xué)為一個(gè)小組，對(duì)照素材，討論交流，在紙上畫(huà)出你們將要制作的頁(yè)面的表格布局，并對(duì)表格中將要添加的內(nèi)容進(jìn)行標(biāo)示。

學(xué)生以小組為單位，設(shè)計(jì)表格。

師：很多小組已經(jīng)完成了，下面我們挑選一些小組的同學(xué)到前面來(lái)展示一下你們的設(shè)計(jì)，并簡(jiǎn)要說(shuō)明你們的頁(yè)面布局。其他同學(xué)注意看，注意聽(tīng)，看看有沒(méi)有值得借鑒的地方應(yīng)用到自己小組設(shè)計(jì)的表格中去。

展示幾個(gè)小組所設(shè)計(jì)的表格

設(shè)計(jì)意圖：以小組為單位動(dòng)手設(shè)計(jì)表格可以培養(yǎng)學(xué)生的合作探究能力。讓學(xué)生通過(guò)交流討論后設(shè)計(jì)表格，可以集結(jié)多人的智慧，讓輕松的氛圍中設(shè)計(jì)出表格。

環(huán)節(jié)二：動(dòng)手實(shí)踐，編輯表格

師：同學(xué)們都已經(jīng)將表格設(shè)計(jì)好了，下面我們就來(lái)動(dòng)手實(shí)踐，將表格在網(wǎng)頁(yè)中繪制出來(lái)。

師：首先，請(qǐng)同學(xué)們打開(kāi)FrontPage，從文件菜單中打開(kāi)站點(diǎn)“huanbao”，并新建一個(gè)頁(yè)面。師：那如何來(lái)繪制表格呢？請(qǐng)同學(xué)們參照學(xué)案，先嘗試看看如何插入表格？（學(xué)生探究）

生根據(jù)學(xué)案，自己先探究完成表格的插入

師：哦，這里提供了一個(gè)專(zhuān)門(mén)供表格使用的菜單。我們這邊可以使用表格菜單，打開(kāi)表格對(duì)話(huà)框，就涉及到添加的表格是幾行幾列的了。這里呢，老師有一個(gè)建議：暫且以最多行，最多列來(lái)計(jì)算表格的行列數(shù)。舉個(gè)例子，請(qǐng)同學(xué)們注意看老師這里的一張表格樣例。同學(xué)們數(shù)數(shù)看，這里的表格是幾行幾列。

生：9行5列（學(xué)生思考）

師：同學(xué)們可以很清楚地看出，9行，那列數(shù)呢？我們這里暫且以最多列計(jì)算。

生：5列

師：同學(xué)們的表格也是這樣的。請(qǐng)同學(xué)們根據(jù)你所設(shè)計(jì)的表格的行列數(shù)插入表格。

師：表格插入好了以后，同學(xué)們，我們一起來(lái)看一下，這個(gè)插入的表格跟我們?cè)趫D紙上設(shè)計(jì)的表格一樣嗎？

生：不一樣 師：哪里不一樣？

生：插入的表格是分成若干個(gè)等分的小單元格，而我們?cè)趫D紙上設(shè)計(jì)的表格中有很多不等分的小格子。

師：那這里呢，就要對(duì)表格進(jìn)行編輯了。因?yàn)閯倓偽覀兪前凑兆疃嘈?，最多列?lái)計(jì)算的，那這里只需要對(duì)多余的單元格進(jìn)行合并。

師：那如何對(duì)單元格進(jìn)行合并呢？同學(xué)們有沒(méi)有學(xué)過(guò)在word里編輯表格（如果有，可實(shí)現(xiàn)知識(shí)的遷移；如果沒(méi)有的話(huà)，老師送一把萬(wàn)能鑰匙——右擊法），請(qǐng)同學(xué)們編輯表格。（與學(xué)生互動(dòng)，嘗試讓學(xué)生講解操作）

師：每一個(gè)小組的同學(xué)要互相幫助，幫助沒(méi)有完成的同學(xué)對(duì)表格進(jìn)行編輯。師總結(jié)：我們剛剛通過(guò)表格菜單欄，打開(kāi)表格對(duì)話(huà)框，插入表格。在對(duì)表格進(jìn)行編輯時(shí)，是按照最多行，最多列計(jì)算的。還可以采用其他的計(jì)數(shù)方法，同學(xué)們可以根據(jù)個(gè)人情況靈活運(yùn)用。設(shè)計(jì)意圖：讓學(xué)生根據(jù)本小組設(shè)計(jì)的表格布局，插入表格，再對(duì)表格進(jìn)行編輯，注重了學(xué)生在課堂中主體性的體現(xiàn)。在編輯表格時(shí)，可以通過(guò)以前所學(xué)的WORD中表格的編輯方法，從而實(shí)現(xiàn)知識(shí)的遷移。

環(huán)節(jié)三：根據(jù)設(shè)計(jì)，填充表格內(nèi)容

師：表格編輯好了以后，一張空表就完成了。下面就要開(kāi)始填充表格內(nèi)容（展示我的表格填充完成的效果）。我們這里的內(nèi)容，跟據(jù)素材，主要是圖片和文字。那上一節(jié)課呢，我們已經(jīng)學(xué)會(huì)了在首頁(yè)中添加文字和圖片了，那這里的添加方法和前面是一樣的，不同的是，這里需要將圖片和文字添加到對(duì)應(yīng)的單元格中，所以在插入之前，一定要先定好位。下面請(qǐng)同學(xué)們根據(jù)素材和自己的設(shè)計(jì)添加表格內(nèi)容，可參考學(xué)案。學(xué)案中，也提供了文字和圖片填充到表格中的方法。

學(xué)生動(dòng)手填充表格內(nèi)容，使網(wǎng)頁(yè)更立體豐富。教師觀察學(xué)生操作，講解表格的嵌套

師：在老師剛剛巡視過(guò)程中，發(fā)現(xiàn)有些同學(xué)采用了這樣的表格布局，將按鈕圖片放在LOGO圖片的右邊，這里的按鈕圖片有五張，我們?cè)趺磳?shí)現(xiàn)它們的放置呢？

學(xué)生思考

師：這里呢，老師教給大家一個(gè)方法，可以在這個(gè)單元格中再插入一個(gè)表格，5行1列，這樣就可以將5按鈕圖片均勻地相對(duì)固定地放在這個(gè)單元格中。這就是表格的嵌套。感興趣的同學(xué)可以根據(jù)需要嘗試添加。

設(shè)計(jì)意圖：學(xué)生配合學(xué)案填充表格內(nèi)容，體會(huì)在表格在FrontPage中的作用：定位對(duì)象

環(huán)節(jié)四：最后修飾，美化表格和單元格

師：同學(xué)們已經(jīng)學(xué)會(huì)應(yīng)用自己的設(shè)計(jì)的表格布局網(wǎng)頁(yè)結(jié)構(gòu)，那同學(xué)們想不想你們的頁(yè)面更漂亮呢？

生：想。（躍躍欲試）

師：哦，下面我們就來(lái)美化我們的網(wǎng)頁(yè)。請(qǐng)同學(xué)們說(shuō)說(shuō)看，我們可以從哪些方面對(duì)頁(yè)面進(jìn)行美化呢？（拋出問(wèn)題）

生：字體…… 生：?jiǎn)卧窭锏念伾?/p>

師：那這里呢，老師提供一個(gè)操作，右擊我們看到有三個(gè)屬性，分別是網(wǎng)頁(yè)屬性、單元格屬性以及表格屬性。同學(xué)們可以選擇不同的屬性，打開(kāi)相應(yīng)的對(duì)話(huà)框，美化頁(yè)面。

學(xué)生調(diào)整表格屬性，美化頁(yè)面

組中完成得較快的同學(xué)幫助本組其他同學(xué)完成表格的編輯。

設(shè)計(jì)意圖：讓學(xué)們動(dòng)手美化頁(yè)面，使學(xué)生掌握表格屬性的設(shè)置方法以及單元格的修飾方法與編輯方法。

環(huán)節(jié)五：探究實(shí)踐

師：下面請(qǐng)同學(xué)們預(yù)覽你們的網(wǎng)頁(yè)，有沒(méi)有發(fā)現(xiàn)頁(yè)面上有表格邊框，那同學(xué)們剛才看我們搜狐等網(wǎng)站的主頁(yè)面的時(shí)有沒(méi)有邊框?。?/p>

生：沒(méi)有

師：如何將邊框去掉呢？請(qǐng)同學(xué)們探究看看。（可配合學(xué)案）師提示：可選擇右擊，打開(kāi)表格屬性對(duì)話(huà)框，對(duì)邊框的粗細(xì)進(jìn)行設(shè)置 師讓探究出來(lái)的同學(xué)上前演示并講解制作方法。

師：請(qǐng)同學(xué)們繼續(xù)完成你們主頁(yè)面的制作，并注意保存。學(xué)生進(jìn)一步練習(xí)，師巡視指導(dǎo)。

設(shè)計(jì)意圖：應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)的基本操作已經(jīng)掌握了，因此師讓學(xué)生做進(jìn)一步的探究，如如何去除表格的邊框使頁(yè)面更自然美觀，培養(yǎng)學(xué)生的探究精神。對(duì)于表格的嵌套，可以讓學(xué)生根據(jù)需要自主探究實(shí)現(xiàn)。

環(huán)節(jié)六：作品展示，進(jìn)行評(píng)價(jià)

師：通過(guò)對(duì)表格進(jìn)行設(shè)計(jì)，編輯，填充，修飾等操作，同學(xué)們都已經(jīng)制作完成了一張用表格布局的保護(hù)環(huán)境的主頁(yè)面。下面呢，我們一起來(lái)看看同學(xué)們的作品。請(qǐng)制作者呢，談?wù)勀愕脑O(shè)計(jì)特點(diǎn)以及制作流程。其他同學(xué)們也可以提出自己的建議和意見(jiàn)。

師總結(jié)。

設(shè)計(jì)意圖：展示部分同學(xué)的作品，首先自身先說(shuō)說(shuō)特點(diǎn)，其他同學(xué)做點(diǎn)評(píng)。可以培養(yǎng)學(xué)生客觀的評(píng)價(jià)作品的能力。

（三）總結(jié) 本節(jié)課我們應(yīng)用表格制作完成了保護(hù)環(huán)境的主頁(yè)面。通過(guò)實(shí)踐操作，我們發(fā)現(xiàn)布局網(wǎng)頁(yè)結(jié)構(gòu)其實(shí)并不難。正如“耳聞不如目見(jiàn)，目見(jiàn)不如足踐”。正如保護(hù)環(huán)境其實(shí)離我們也不遙遠(yuǎn)。從不亂扔紙屑，保持機(jī)房整潔，節(jié)約每一滴水，每一度電這樣的小事做起，我們就能為保護(hù)環(huán)境做出一份貢獻(xiàn)，成為保護(hù)地球的小衛(wèi)士。

教學(xué)反思

課堂教學(xué)展評(píng)活動(dòng)結(jié)束了，我在響水中學(xué)開(kāi)設(shè)的課題為初中信息技術(shù)下冊(cè)第11章第二節(jié)《應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)》，現(xiàn)將本課教育教學(xué)實(shí)踐中的再認(rèn)識(shí)和再思考反思如下：

一、選取課題，自主探究

接到課題時(shí)，考慮到最近環(huán)境問(wèn)題造成的災(zāi)難頻發(fā)，將網(wǎng)站的主題確定為環(huán)境保護(hù)。通過(guò)“環(huán)境保護(hù)”網(wǎng)站的制作，培養(yǎng)學(xué)生宣傳環(huán)保，倡導(dǎo)環(huán)保的意識(shí)，并將這種意識(shí)在日常的行為中體現(xiàn)出來(lái)。在教學(xué)流程的設(shè)置上，從設(shè)計(jì)表格——制作表格（插入和編輯）——填充表格內(nèi)容——修飾應(yīng)用表格制作的網(wǎng)頁(yè)著手，真正做到學(xué)生為主體，教師為主導(dǎo)的教學(xué)模式。同時(shí)，給學(xué)生提供了學(xué)案，方便學(xué)生更好地發(fā)揮小組合作能力和自主探究能力。在教學(xué)內(nèi)容得選擇上，因?yàn)楸竟?jié)內(nèi)容需要2-3節(jié)課的課時(shí)。所以在教學(xué)內(nèi)容的選擇上將Flash等動(dòng)態(tài)對(duì)象的制作放到下一節(jié)課講解。本節(jié)課的重點(diǎn)側(cè)重于讓學(xué)生通過(guò)本節(jié)課的學(xué)習(xí)能夠?qū)W會(huì)使用表格完成一張網(wǎng)頁(yè)的制作。

二、表格示例的講解（不足之處）

在本節(jié)課的講解過(guò)程中，表格的設(shè)計(jì)部分花的時(shí)間比我想象的多。學(xué)生一開(kāi)始不知道從何入手。我分析了兩個(gè)原因：一是學(xué)生對(duì)于信息技術(shù)課可能更習(xí)慣于模仿學(xué)習(xí)，讓他們動(dòng)手自己設(shè)計(jì)有一定的難度。二是我在課前沒(méi)有考慮到將一個(gè)表格示例放在屏幕上供學(xué)生參考，之前考慮到更多地是希望學(xué)生自己設(shè)計(jì)，有自己的創(chuàng)意想法。我在講解時(shí)應(yīng)該帶著學(xué)生將示例分析一下，并在提供給學(xué)生的學(xué)案上添加一個(gè)設(shè)計(jì)的簡(jiǎn)單的表格示例。

三、表格嵌套的講解

在講解表格嵌套時(shí)，本想用自己設(shè)計(jì)的一個(gè)示例講解。在課堂教學(xué)中，巡視過(guò)程中有一個(gè)同學(xué)就遇到了需要通過(guò)表格嵌套才能解決的問(wèn)題。這樣對(duì)于這部分的講解，形成了發(fā)現(xiàn)問(wèn)題，分析問(wèn)題，解決問(wèn)題的流程，對(duì)于學(xué)生來(lái)講，這樣的方式更有利于他們的理解和應(yīng)用。

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

對(duì)于本節(jié)課來(lái)說(shuō)，學(xué)生是初學(xué)者。而且從本節(jié)課的課堂完成效果來(lái)說(shuō)，學(xué)生基本的素養(yǎng)都具備，他們都能參與到課堂教學(xué)中，共同解決自主探究中發(fā)現(xiàn)的問(wèn)題。但對(duì)于學(xué)生來(lái)講，還是更習(xí)慣于教師講解，學(xué)生模仿的模式。這也是最后課堂作品沒(méi)能達(dá)到的理想化的其中一個(gè)原因。

五、同行聽(tīng)課的借鑒

由于客觀原因，25日上午只聽(tīng)了鹽都的一位老師上的最后一節(jié)與我同課題的課的教學(xué)。她在教學(xué)過(guò)程中，用了幾個(gè)簡(jiǎn)單的主題，將學(xué)生分成三個(gè)小組，完成作品。對(duì)于我這節(jié)課，我可以將環(huán)境保護(hù)這樣的主題網(wǎng)站進(jìn)一步細(xì)分為幾個(gè)部分，分小組完成其中的一個(gè)網(wǎng)頁(yè)，這樣組成一個(gè)網(wǎng)站，我相信效果會(huì)更好。

六、反思再教設(shè)想

如果我再教這一節(jié)課，我會(huì)更多地分析學(xué)生情況。在組織教學(xué)中，讓小組合作貫徹其中。在讓學(xué)生設(shè)計(jì)表格之前，對(duì)表格的分析這塊講得更細(xì)，解釋得更清楚，并提供示例。在教學(xué)中，嘗試讓學(xué)生分小組應(yīng)用表格制作網(wǎng)站中的不同頁(yè)面，根據(jù)提供的內(nèi)容完成不同的網(wǎng)頁(yè)的制作。但這樣的設(shè)置可能要考慮到因素會(huì)更多，會(huì)根據(jù)主題和素材的內(nèi)容而定。

第三篇：應(yīng)用表格布局網(wǎng)頁(yè)教案設(shè)計(jì)與反思

應(yīng)用表格布局網(wǎng)頁(yè)教案設(shè)計(jì)與反思

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

1、知識(shí)與技能：

（1）、了解表格在網(wǎng)頁(yè)設(shè)計(jì)中的作用。

（2）、掌握網(wǎng)頁(yè)中表格的制作方法、表格屬性的設(shè)置方法以及單元格的修飾與編輯方法，能夠在單元格中正確插入文字和圖片。

（3）、能夠根據(jù)網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容，正確布局表格的結(jié)構(gòu)，掌握表格嵌套的設(shè)計(jì)方法。

2、過(guò)程與方法：

（1）、利用對(duì)比學(xué)習(xí)，培養(yǎng)學(xué)生知識(shí)遷移的能力。

（2）、通過(guò)用表格結(jié)構(gòu)設(shè)計(jì)網(wǎng)頁(yè)，使學(xué)生進(jìn)一步理解表格的作用、功能及網(wǎng)頁(yè)設(shè)計(jì)方法的多樣性，培養(yǎng)學(xué)生的發(fā)散思維能力。

（3）、通過(guò)自主探究，使學(xué)生掌握軟件的使用規(guī)則，培養(yǎng)學(xué)生自主學(xué)習(xí)的能力。

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

（1）、通過(guò)對(duì)比學(xué)習(xí)使學(xué)生體驗(yàn)軟件學(xué)習(xí)的一般方法及規(guī)律，提高學(xué)生自主學(xué)習(xí)的能力。

（2）、通過(guò)運(yùn)用表格布局網(wǎng)頁(yè)對(duì)象活動(dòng)，進(jìn)一步掌握各種不同對(duì)象屬性的設(shè)置方法和規(guī)律，體驗(yàn)創(chuàng)造的快樂(lè)。

（3）、通過(guò)“動(dòng)物——人類(lèi)的朋友”網(wǎng)站的設(shè)計(jì)與制作，激發(fā)學(xué)生關(guān)愛(ài)動(dòng)物、保護(hù)動(dòng)物的責(zé)任感，從而進(jìn)一步樹(shù)立共同改善人類(lèi)生存環(huán)境的意識(shí)。

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

1、教學(xué)重點(diǎn)：

（1）、了解表格在網(wǎng)頁(yè)設(shè)計(jì)中的重要作用。

（2）、掌握插入、編輯表格的方法及表格的屬性設(shè)置。（3）、掌握單元格的修飾與屬性的設(shè)置。

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

（1）、表格的嵌套在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用。

三、教學(xué)過(guò)程：

1、創(chuàng)設(shè)情境、導(dǎo)入新課

（1）、展示兩個(gè)頁(yè)面并進(jìn)行比較：一個(gè)使用表格布局，但表格邊框隱藏（看不出表格痕跡），其頁(yè)面工整，文本、圖片擺放對(duì)稱(chēng)，具有一定的規(guī)律；另一個(gè)頁(yè)面凌亂，圖文混雜，擺放雜亂。

（2）、提問(wèn)：你喜歡那個(gè)頁(yè)面的布局？學(xué)生回答。

（3）、提出問(wèn)題：有什么方法可以達(dá)到第一個(gè)頁(yè)面的效果。觀察第三個(gè)頁(yè)面，內(nèi)容與第一個(gè)頁(yè)面相同，顯現(xiàn)頁(yè)面中表格的邊框。

（4）、學(xué)生討論、交流，回顧Word中學(xué)習(xí)過(guò)的表格，領(lǐng)悟表格在FrontPage中的作用。

設(shè)計(jì)意圖：通過(guò)對(duì)比學(xué)習(xí)，培養(yǎng)學(xué)生知識(shí)遷移的能力。

2、任務(wù)驅(qū)動(dòng)、自主學(xué)習(xí)

（1）、展示一些由表格布局的網(wǎng)頁(yè)，引導(dǎo)學(xué)生分析其表格結(jié)構(gòu)，自然過(guò)渡到分析教材中的例子，得出表格的布局。

（2）出示任務(wù)一：規(guī)劃網(wǎng)頁(yè)表格的布局。分層完成該任務(wù)，基礎(chǔ)相對(duì)薄弱的學(xué)生僅要求讀懂教材中的網(wǎng)頁(yè)表格布局，知道規(guī)則，根據(jù)表格的行數(shù)與列數(shù)，調(diào)整至最終樣式；基礎(chǔ)扎實(shí)、操作能力較強(qiáng)的學(xué)生可以跳出教材，自行設(shè)計(jì)表格網(wǎng)頁(yè)布局，并將自己的表格設(shè)計(jì)繪制在教材上。

設(shè)計(jì)意圖：分層教學(xué)，學(xué)生可以根據(jù)自己的實(shí)際情況選擇任務(wù)難度，并動(dòng)手分析和進(jìn)行創(chuàng)意設(shè)計(jì)，培養(yǎng)學(xué)生的模仿以及創(chuàng)新能力。

（3）、出示任務(wù)二：新建一個(gè)頁(yè)面，用表格布局該網(wǎng)頁(yè)，并在該網(wǎng)頁(yè)中放入相應(yīng)內(nèi)容。FrontPage中表格的插入于編輯與Word中的表格操作類(lèi)似，教師著重引導(dǎo)學(xué)生進(jìn)行知識(shí)遷移。

（4）、學(xué)生操作，教師安排操作熟練的學(xué)生進(jìn)行演示。設(shè)計(jì)意圖：培養(yǎng)學(xué)生知識(shí)遷移的能力和動(dòng)手能力。

（5）、出示任務(wù)三：在表格中插入圖片、輸入文字。任務(wù)四：表格屬性以及單元格屬性的設(shè)置。

（6）、學(xué)生根據(jù)自己的實(shí)際情況選擇任務(wù)難度，可按教師的具體要求操作，也可根據(jù)自己的意圖進(jìn)行設(shè)計(jì)。設(shè)計(jì)意圖：確保達(dá)到教學(xué)目標(biāo)的同時(shí)，給學(xué)生一定的自主空間，鼓勵(lì)他們?nèi)?chuàng)新，而不應(yīng)讓學(xué)生一成不變地生硬模仿。

（7）、出示任務(wù)五（提高內(nèi)容）：表格的嵌套。學(xué)生動(dòng)手制作網(wǎng)頁(yè)。設(shè)計(jì)意圖：更好的發(fā)揮優(yōu)秀學(xué)生創(chuàng)作思維動(dòng)手能力。

3、課堂小結(jié)、后續(xù)活動(dòng)

（1）、教師引導(dǎo)學(xué)生回憶本節(jié)課學(xué)習(xí)的內(nèi)容：在FrontPage中插入表格、編輯表格以及表格嵌套的基本方法等。

（2）、教師展示優(yōu)秀作品，表?yè)P(yáng)完成任務(wù)的學(xué)習(xí)，對(duì)未完成任務(wù)的學(xué)生，應(yīng)鼓勵(lì)他們利用課余時(shí)間繼續(xù)完成。

四、教學(xué)反思： 略

第四篇：【張海燕】《應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)》教學(xué)設(shè)計(jì)及反思

“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的教學(xué)案例

南京武家嘴實(shí)驗(yàn)學(xué)校 邢建華

一、教材分析

本課是江蘇省科教版初中信息技術(shù)（下冊(cè)）中第八單元《動(dòng)畫(huà)制作》中第3節(jié)內(nèi)容，學(xué)習(xí)的對(duì)象是初中二年級(jí)的學(xué)生。教材先給出了“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的定義，安排了兩個(gè)實(shí)例：“移動(dòng)的太陽(yáng)”和“旋轉(zhuǎn)的風(fēng)車(chē)”。實(shí)例1中有對(duì)圖層的基本操作、導(dǎo)入外部圖片到舞臺(tái)……主要做出了位置移動(dòng)的效果；實(shí)例2用到基本的繪圖功能繪制出漂亮的風(fēng)車(chē)……主要做出了對(duì)象的旋轉(zhuǎn)動(dòng)畫(huà)效果。這兩個(gè)例子的核心都是“元件”、“動(dòng)畫(huà)補(bǔ)間”。教材最后小結(jié)了制作“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的主要步驟，這樣的小結(jié)有利于知識(shí)的遷移。

二、學(xué)情分析

上節(jié)課學(xué)習(xí)主題為初識(shí)Flash，安排了“冉冉升起的小太陽(yáng)”動(dòng)畫(huà)制作，分為亮麗登場(chǎng)和冉冉升起兩個(gè)環(huán)節(jié)：第一環(huán)節(jié)中分組完成元件小太陽(yáng)的制作(自己繪制和導(dǎo)入外部圖片，其中導(dǎo)入的圖片要轉(zhuǎn)換為矢量圖，做去除背景色的效果處理)；第二環(huán)節(jié)從逐幀制作的“增加制作負(fù)擔(dān)而且最終輸出的文件量也會(huì)比較大”談到flash動(dòng)畫(huà)的巧妙表現(xiàn)：動(dòng)畫(huà)補(bǔ)間，“只要建立好開(kāi)始幀和結(jié)束幀，中間部分軟件會(huì)幫我們填補(bǔ)進(jìn)去，非常方便好用”。讓學(xué)生初步感受了“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)。學(xué)生對(duì)進(jìn)一步學(xué)習(xí)“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)感興趣，有較高的探究欲。

三、設(shè)計(jì)思想

“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)是Flash中非常重要的表現(xiàn)手段之一。“讓小動(dòng)物在綠色家園盡情表演”的主題，既有童趣，又能較好的將“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的各種效果表現(xiàn)出來(lái)，“將技術(shù)的文化特性與個(gè)性表達(dá)融為一體”。在學(xué)生掌握了“將所有元素放進(jìn)元件庫(kù)中再調(diào)用”的思想的基礎(chǔ)上，本節(jié)課給出源程序，在庫(kù)面板里預(yù)備了元件，即學(xué)生喜愛(ài)的小動(dòng)物；在學(xué)生初步掌握的最簡(jiǎn)單易理解的移動(dòng)效果入手，循序漸進(jìn)，探究學(xué)習(xí)旋轉(zhuǎn)、速度變化等效果；跟著老師體驗(yàn)元件實(shí)例的變化，如透明度、大小、角度等的調(diào)整，巧妙運(yùn)用到動(dòng)畫(huà)中來(lái)，力求技術(shù)的創(chuàng)新利用。

四、教學(xué)目標(biāo)、重點(diǎn)難點(diǎn) 知識(shí)與技能：

1．進(jìn)一步理解關(guān)鍵幀、過(guò)渡幀、元件、庫(kù)等基本概念。

2．進(jìn)一步認(rèn)識(shí)“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)：動(dòng)畫(huà)的對(duì)象是元件，兩個(gè)關(guān)鍵幀，中間過(guò)渡幀的表現(xiàn)。3．認(rèn)識(shí)“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的屬性面板，學(xué)會(huì)設(shè)置“緩動(dòng)”選項(xiàng)、“旋轉(zhuǎn)”選項(xiàng)，做出各種動(dòng)畫(huà)效果。

4．進(jìn)一步認(rèn)識(shí)元件的好處：多次調(diào)用。對(duì)元件的實(shí)例進(jìn)行“顏色”選項(xiàng)的設(shè)置、調(diào)整其大小、角度，應(yīng)用于“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)，做出各種動(dòng)畫(huà)效果。

5．給自己的小動(dòng)畫(huà)加上背景層，初步認(rèn)識(shí)圖層的作用。過(guò)程與方法：

實(shí)例制作，學(xué)會(huì)“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的制作方法。情感態(tài)度價(jià)值觀： 1．“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)是Flash中非常重要的表現(xiàn)手段之一。

2．運(yùn)用“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)，可以設(shè)置元件的大小、位置、顏色、透明度、旋轉(zhuǎn)等種種屬性，做出各種動(dòng)畫(huà)效果，表達(dá)自己的想法。

行為與創(chuàng)新：

利用“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)，讓可愛(ài)的小動(dòng)物在綠色家園里盡情表演。重點(diǎn)：“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的制作方法。

難點(diǎn)：理解“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)制作的規(guī)律，領(lǐng)悟“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)制作的實(shí)質(zhì)，并能夠舉一反三，觸類(lèi)旁通。

五、教學(xué)過(guò)程(一)導(dǎo)入新課

上節(jié)課我們嘗試制作了冉冉升起的小太陽(yáng)動(dòng)畫(huà)，初步感受了“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的魅力。這個(gè)小動(dòng)畫(huà)的特色在于：

(1)動(dòng)畫(huà)的對(duì)象是圖形元件。我們自己繪制了小太陽(yáng)，這個(gè)是我們電影中的主角，它會(huì)經(jīng)常在舞臺(tái)亮相，為了方便多次調(diào)用，利用“修改”菜單下的“轉(zhuǎn)換為元件”命令，將它轉(zhuǎn)換為常用的圖形元件。

(2)動(dòng)畫(huà)的關(guān)鍵幀有兩個(gè)。這個(gè)動(dòng)畫(huà)體現(xiàn)的是位置的移動(dòng)，起點(diǎn)和終點(diǎn)是兩個(gè)關(guān)鍵狀態(tài)。(3)中間的過(guò)渡幀自動(dòng)生成，體現(xiàn)了位置的移動(dòng)過(guò)程。這是利用幀屬性面板中的動(dòng)畫(huà)補(bǔ)間來(lái)實(shí)現(xiàn)的。動(dòng)畫(huà)補(bǔ)間是flash常用的動(dòng)畫(huà)表現(xiàn)手法之一，是基本動(dòng)畫(huà)，每個(gè)同學(xué)都要把這個(gè)小動(dòng)畫(huà)好好的做一做，認(rèn)真的想一想。

下面請(qǐng)大家動(dòng)手再來(lái)試一試。有三個(gè)準(zhǔn)備工作：

(1)下載今天的素材：繽紛的世界.fla，請(qǐng)打開(kāi)庫(kù)面板，可以看到，后臺(tái)有很多可愛(ài)的演員，這是老師精心準(zhǔn)備的，希望在同學(xué)們的努力下，每個(gè)小演員都有機(jī)會(huì)在喜愛(ài)的舞臺(tái)上盡情表演。

(2)遇到問(wèn)題可以小聲的問(wèn)旁邊的同學(xué)，也可以舉手問(wèn)老師，老師還給大家提供了一個(gè)簡(jiǎn)單的幫助動(dòng)畫(huà)。

(3)大家可以先看看老師的樣例，你觀察到還有哪些效果？這些都可以在幀的屬性面板里去設(shè)置。請(qǐng)大家試試看。

設(shè)計(jì)意圖：從最簡(jiǎn)單的移動(dòng)效果入手，為進(jìn)一步學(xué)習(xí)動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)打基礎(chǔ)。將專(zhuān)用名詞貫穿于“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的制作過(guò)程，細(xì)致地講解，讓學(xué)生加深理解，這對(duì)以后的學(xué)習(xí)大有好處。

(二)認(rèn)識(shí)動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的屬性面板

我們請(qǐng)一個(gè)同學(xué)在動(dòng)畫(huà)中選擇第一幀，在“屬性”面板的“緩動(dòng)”文本框中分別輸入“-100”和“100”，重新測(cè)試，觀察運(yùn)動(dòng)有什么變化。

(屏幕廣播

2、學(xué)生代表演示發(fā)言、教師補(bǔ)充)1．“緩動(dòng)”選項(xiàng)

(1)在-1到-100的負(fù)值之間，動(dòng)畫(huà)運(yùn)動(dòng)的速度從慢到快，朝運(yùn)動(dòng)結(jié)束的方向加速補(bǔ)間。(2)在1到100的正值之間，動(dòng)畫(huà)運(yùn)動(dòng)的速度從快到慢，朝運(yùn)動(dòng)結(jié)束的方向減慢補(bǔ)間。(3)默認(rèn)情況下，補(bǔ)間幀之間的變化速率是不變的。2．“旋轉(zhuǎn)”選項(xiàng)

選擇“順時(shí)針”或“逆時(shí)針”，在后面輸入數(shù)字，可使元件在運(yùn)動(dòng)時(shí)順時(shí)針或逆時(shí)針旋轉(zhuǎn)相應(yīng)的圈數(shù)。

解決典型問(wèn)題：

“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)建立后，時(shí)間幀面板的背景色為淡紫色，在起始幀和結(jié)束幀之間有一個(gè)長(zhǎng)長(zhǎng)的箭頭。有時(shí)候，創(chuàng)建補(bǔ)間會(huì)失敗，這時(shí)圖層就變成虛線(xiàn)了。這是怎么回事呢，首先檢查兩個(gè)關(guān)鍵幀。按照老師的經(jīng)驗(yàn)，先刪除補(bǔ)間，再創(chuàng)建動(dòng)畫(huà)補(bǔ)間，也是一種檢查的方法。

設(shè)計(jì)意圖：學(xué)習(xí)常見(jiàn)動(dòng)畫(huà)效果的制作。(三)元件的實(shí)例

(屏幕廣播3)我們?cè)?jīng)講過(guò)：元件自動(dòng)入庫(kù)，即演員在后臺(tái)，有一個(gè)好處，可以多次調(diào)用，我們來(lái)試試，在草地上種上朵朵小花。一花獨(dú)放不是春，百花齊放春滿(mǎn)園。下面老師來(lái)做些設(shè)置，讓小花變變樣。同學(xué)們注意觀察，想想，對(duì)你做動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)有沒(méi)有啟發(fā)。

選中場(chǎng)景中的朵朵花(實(shí)例：小花)(1)分別設(shè)置“顏色”選項(xiàng)：亮度、色調(diào)、透明度、高級(jí)。

(2)利用工具面板上的任意變形工具調(diào)整小花的大小，設(shè)置不同的旋轉(zhuǎn)點(diǎn)，示范旋轉(zhuǎn)。讓我們做得更好：嘗試給動(dòng)畫(huà)加上漂亮的背景層吧。

對(duì)于圖層知識(shí)，我們以后還會(huì)專(zhuān)門(mén)學(xué)習(xí)到。簡(jiǎn)單一點(diǎn)的說(shuō)，圖層之間相互獨(dú)立，一般一個(gè)元件的動(dòng)畫(huà)放一個(gè)層。背景層當(dāng)然放在最底層嘍。

設(shè)計(jì)意圖：創(chuàng)意實(shí)踐。讓學(xué)生體會(huì)到“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)的制作有較強(qiáng)的靈活性與創(chuàng)造性，同時(shí)又有一定的規(guī)律可循，學(xué)習(xí)動(dòng)畫(huà)制作不僅僅是學(xué)習(xí)，更是一種創(chuàng)造活動(dòng)。

(四)作品展示、課堂小結(jié)

剛才我們欣賞了幾個(gè)同學(xué)的作品，各具特色，巧妙地運(yùn)用了動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的各種效果，來(lái)表達(dá)小動(dòng)物們俏皮可愛(ài)、運(yùn)動(dòng)陽(yáng)光的一面。我相信通過(guò)本節(jié)課的學(xué)習(xí)，每個(gè)同學(xué)都有一份收獲感、一份喜悅感?，F(xiàn)在靜下心來(lái)看看課本11頁(yè)，13頁(yè)。我們把這幾句話(huà)讀一讀，是不是今天的收獲呢。

(1)“動(dòng)畫(huà)補(bǔ)間”動(dòng)畫(huà)是制作Flash動(dòng)畫(huà)最常用的一種動(dòng)畫(huà)類(lèi)型。它是在兩個(gè)關(guān)鍵幀上分別設(shè)置同一運(yùn)動(dòng)對(duì)象不同的屬性，如位置、角度、大小等，從而創(chuàng)建這兩個(gè)關(guān)鍵幀之間變化的動(dòng)畫(huà)效果。

(2)利用元件既能使動(dòng)畫(huà)的對(duì)象豐富多彩，又能大大提高動(dòng)畫(huà)制作的效率。

設(shè)計(jì)意圖：學(xué)生代表介紹自己作品的亮點(diǎn)。交流、分享。帶著學(xué)生看課本，體會(huì)、小結(jié)。

六、教學(xué)反思

總的來(lái)說(shuō)，這節(jié)課有成功的地方，也有失敗的地方。

成功的是，本節(jié)課學(xué)生們基本上都能完成課堂任務(wù)，總體上也達(dá)到了預(yù)期的效果?！皽毓识隆杯h(huán)節(jié)，預(yù)設(shè)的是分析“冉冉升起的小太陽(yáng)”源文件動(dòng)畫(huà)，講解動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的對(duì)象，兩個(gè)關(guān)鍵幀，補(bǔ)間的生成。再看樣例，除了位置移動(dòng)效果外，還有旋轉(zhuǎn)效果，速度變化的效果。學(xué)生動(dòng)手去做的過(guò)程中，多少多少出現(xiàn)了一些小問(wèn)題。

大部分原因是，第一幀中出現(xiàn)好多的“小動(dòng)物”和背景圖等混亂的場(chǎng)面。如果單獨(dú)把小動(dòng)物移動(dòng)的動(dòng)畫(huà)獨(dú)立出來(lái)，等完成單個(gè)任務(wù)后，再去完成場(chǎng)景任務(wù)，這樣出現(xiàn)的問(wèn)題就少很多了。當(dāng)然這不是解決問(wèn)題的關(guān)鍵。學(xué)生“急于求成”的心理，想讓小動(dòng)物們一起“出來(lái)”在漂亮的綠色家園表演。由于多數(shù)學(xué)生基礎(chǔ)不算好，所以很難一次性完成。

對(duì)元件理解的混亂：

這個(gè)環(huán)節(jié)沒(méi)有處理好，影響了下面的操作。

教師通過(guò)電腦演示分析典型問(wèn)題，多個(gè)小動(dòng)物運(yùn)動(dòng)或者加上背景的話(huà)，就必須要用到FLASH中的圖層了。學(xué)生通過(guò)書(shū)本例子，“旋轉(zhuǎn)的風(fēng)車(chē)”共有三層：背景、桿子、葉片。教師演示了添加圖層的方法。布置學(xué)生添加背景任務(wù)。

本節(jié)課重點(diǎn)一應(yīng)放在認(rèn)識(shí)幀屬性面板中的動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)屬性面板的“緩動(dòng)”選項(xiàng)和“旋轉(zhuǎn)”選項(xiàng)的運(yùn)用，并非是圖層。重點(diǎn)二是對(duì)元件實(shí)例的使用。對(duì)于元件的使用，我還是高估了整體學(xué)生的水平。大多數(shù)學(xué)生沒(méi)有把元件運(yùn)用到自己的小動(dòng)畫(huà)中，一，有些停留在修改元件狀態(tài)。

二、學(xué)生不知道什么時(shí)候去用。現(xiàn)在想想，我干脆直接給他們看幾個(gè)效果，不好嗎。這一點(diǎn)沒(méi)有“亮”起來(lái)。如果我打開(kāi)一個(gè)源動(dòng)畫(huà)，強(qiáng)調(diào)一下，我們改變的是關(guān)鍵幀上的元件實(shí)例，其它的中間的狀態(tài)自動(dòng)生成。學(xué)生不就明白了嗎。哎，不能太估高學(xué)生的想象力，主要還是他們沒(méi)有扎扎實(shí)實(shí)的理解動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的實(shí)質(zhì)。也就是說(shuō)，我的引入太快了，應(yīng)該慢慢講的。

我還發(fā)現(xiàn)自己比較喜歡“講”，很多老師在教動(dòng)畫(huà)制作時(shí)更關(guān)注學(xué)生的“做”吧？先不管什么“關(guān)鍵幀”，不管什么“形狀”補(bǔ)間，做一個(gè)出來(lái)看看。這是一種教學(xué)策略吧。學(xué)生能馬上體會(huì)到成功感，變得更有興趣了?？墒?，我上課時(shí)，喜歡細(xì)講，用“專(zhuān)業(yè)術(shù)語(yǔ)”講動(dòng)畫(huà)制作。這樣好不好呢？我也比較不出來(lái)哪種方法效果好，因?yàn)榇蟛糠謱W(xué)生就是做得慢，等著我一個(gè)一個(gè)的去輔導(dǎo)。我比較累，也比較茫然。難道我是白講了？還是學(xué)生根本就聽(tīng)不懂？其實(shí)我講的所謂專(zhuān)業(yè)術(shù)語(yǔ)跟書(shū)上的步驟描述是一樣的，我還加上了形象化的解釋。如果讓學(xué)生看書(shū)學(xué)習(xí)，那他們豈不更糟糕了？費(fèi)解！我這樣講的目的，我來(lái)想想，應(yīng)該是想讓學(xué)生學(xué)會(huì)基本動(dòng)畫(huà)制作的思想，而不僅僅是模仿，我希望這樣。希望知識(shí)能夠遷移，學(xué)生能真正理解動(dòng)畫(huà)制作。還有一個(gè)目的，不管是自己的教材還是外面的專(zhuān)業(yè)教程，哪怕是有樂(lè)趣的視頻教程，不都是左一個(gè)“關(guān)鍵幀”又一個(gè)“形狀補(bǔ)間”這樣來(lái)描述來(lái)讓人學(xué)習(xí)的嗎？我這樣“細(xì)講”，應(yīng)該更好的架起了書(shū)本與學(xué)生之間理解學(xué)習(xí)的橋梁了吧？！

我比較得意于自己的“分析”“思想”等，不知道好不好。因?yàn)樾Чy以比較，長(zhǎng)遠(yuǎn)發(fā)展、眼前的成功率似乎是有點(diǎn)矛盾的。我也說(shuō)不清楚。

我在預(yù)設(shè)一節(jié)課時(shí)似乎有點(diǎn)“固執(zhí)”，因?yàn)樯瞎?jié)課已經(jīng)初步接觸到動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的制作，這節(jié)課我安排了幾個(gè)環(huán)節(jié)：溫故而知新，實(shí)際上就是動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的制作；探究學(xué)習(xí)動(dòng)畫(huà)補(bǔ)間幀屬性的“旋轉(zhuǎn)”“緩動(dòng)”選項(xiàng)的作用；介紹元件的實(shí)例在舞臺(tái)上的種種表現(xiàn)，比如，大小的改變、角度的改變、透明度的改變，啟發(fā)學(xué)生用于動(dòng)畫(huà)補(bǔ)間動(dòng)畫(huà)的制作，做出更奇妙的效果出來(lái)。因?yàn)槲以诮o學(xué)生的源文件中的庫(kù)面板里提供了很多素材，其中有背景圖，所以學(xué)生自然想到做背景，這里就涉及到圖層問(wèn)題。我在預(yù)設(shè)教學(xué)時(shí)有“一帶而過(guò)”的想法。我把重點(diǎn)還是定在動(dòng)畫(huà)補(bǔ)間的“效果”上。

總之，我覺(jué)得本節(jié)課還是應(yīng)該建立在打好基礎(chǔ)的前提下，再實(shí)施教學(xué)這樣效果會(huì)更好。

第五篇：表格基礎(chǔ)和DIV+CSS網(wǎng)頁(yè)布局基礎(chǔ)教案（模版）

? 本部分任務(wù)

制作“寶貝分類(lèi)”頁(yè)面 制作“公告欄”頁(yè)面

? 為什么使用表格

? 表格應(yīng)用場(chǎng)合 具體內(nèi)容見(jiàn)ppt ? 表格的基本結(jié)構(gòu)

具體內(nèi)容見(jiàn)ppt

? 表格的基本語(yǔ)法

? Table標(biāo)簽 ? Tr標(biāo)簽 ? Td標(biāo)簽 具體內(nèi)容見(jiàn)ppt 注：表格標(biāo)簽中沒(méi)有列標(biāo)簽。

? 如何創(chuàng)建表格

具體內(nèi)容見(jiàn)ppt

? 跨行跨列的表格

? 什么是跨行跨列的表格 ? 跨多行的表格

? 跨多列的表格 具體內(nèi)容見(jiàn)ppt

? 表格的美化修飾

? ? 什么是表格的美化修飾 如何設(shè)置表格的尺寸和邊框 width用來(lái)設(shè)置表格的寬度 height用來(lái)設(shè)置表格的高度

border用來(lái)設(shè)置表格邊框尺寸大小 bordercolor用來(lái)設(shè)置表格邊框顏色 如何設(shè)置背景

background屬性用來(lái)設(shè)置表格的背景圖片

bgcolor屬性用來(lái)設(shè)置表格、行、列的背景色。HTML中顏色的表示方式：“#EBEFFF”是用RGB表示的一種顏色值，RGB指的是紅綠藍(lán)。

如何設(shè)置對(duì)其方式

align屬性用來(lái)設(shè)置表格、行、列的對(duì)齊方式 為什么要使用填充屬性 具體內(nèi)容見(jiàn)ppt 什么是填充屬性和間距屬性 ?

?

? ? border(邊框的厚度)cellpadding(單元格填充)cellspacing(單元格間距)如何使用填充、間距屬性 border(邊框的厚度)cellpadding(單元格填充)cellspacing(單元格間距)

? 表格的布局

? ? ? 什么是表格布局 使用表格進(jìn)行布局

用表格對(duì)網(wǎng)頁(yè)的內(nèi)容進(jìn)行整體控制

? DIV+CSS規(guī)劃頁(yè)面

? ? ? ? 什么是CSS？

為什么要使用CSS？ 如何使用CSS？

DIV+CSS如何規(guī)劃頁(yè)面？

? 什么是CSS？

CSS（Cascading Style Sheet）可譯為“層疊樣式表”或“級(jí)聯(lián)樣式表”，它定義如何顯示 HTML 元素，用于控制Web頁(yè)面的外觀。

? 為什么要使用CSS？

? CSS的特點(diǎn)

便于頁(yè)面的修改。便于頁(yè)面風(fēng)格的統(tǒng)一。減少網(wǎng)頁(yè)的體積。為什么要使用CSS？ 使用CSS布局的優(yōu)點(diǎn) 表現(xiàn)和內(nèi)容相分離 提高頁(yè)面瀏覽速度 易于維護(hù)和改版

CSS樣式表極大地提高了工作效率

樣式通常保存在外部的.css 文件中。通過(guò)僅僅編輯一個(gè)簡(jiǎn)單的 CSS 文檔，外部樣式表使你有能力同時(shí)改變站點(diǎn)中所有頁(yè)面的布局和外觀。

由于允許同時(shí)控制多重頁(yè)面的樣式和布局。作為網(wǎng)站開(kāi)發(fā)者，你能夠?yàn)槊總€(gè) HTML 元素定義樣式，并將之應(yīng)用于你希望的任意多的頁(yè)面中。如需進(jìn)行全局的更新，只需簡(jiǎn)單地改變樣式，然后網(wǎng)站中的所有元素均會(huì)自動(dòng)地更新。內(nèi)聯(lián)定義

內(nèi)聯(lián)定義即是在對(duì)象的標(biāo)記內(nèi)使用對(duì)象的style屬性定義適用其的樣式表屬性。?

? 如何使用CSS？

? 只針對(duì)標(biāo)簽內(nèi)的元素有效，因其沒(méi)有和內(nèi)容相分離，所以不建議使用。? 定義內(nèi)部樣式塊對(duì)象

你可以在你的HTML文檔的和標(biāo)記之間插入一個(gè)塊對(duì)象。定義方式請(qǐng)參閱樣式表語(yǔ)法。

這樣的樣式表只能針對(duì)本頁(yè)有效。不能作用于其它頁(yè)面。? 導(dǎo)入樣式——Style導(dǎo)入

與鏈入外部樣式的功能基本相同，只是語(yǔ)法和實(shí)現(xiàn)方式上有差別。

它一般常用在另一個(gè)樣式表內(nèi)部。如layout.css為主頁(yè)所用樣式，那么我們可以把全局都需要用的公共樣式放到一個(gè)global.css的文件中，然后在layout.css中以@import url(“/css/global.css”)的形式鏈接全局樣式，這樣就使代碼達(dá)到很好的重用性。? 導(dǎo)入樣式——Link標(biāo)簽導(dǎo)入

使用Link標(biāo)簽代替Style標(biāo)簽來(lái)導(dǎo)入CSS文件。

它的好處是不但本頁(yè)可以調(diào)用，其它頁(yè)面也可以調(diào)用，是最常用的一種形式。

除了內(nèi)聯(lián)定義是直接作用于標(biāo)簽本身以外，其他CSS使用方式都需要建立標(biāo)簽和樣式之間的映射關(guān)系。主要的映射關(guān)系有： id映射 class映射 標(biāo)簽映射 混合映射 ? CSS樣式和頁(yè)面標(biāo)簽元素的對(duì)應(yīng)方式

? ? ? ?

? 幾種樣式的優(yōu)先級(jí)

? id優(yōu)先級(jí)高于class ? 后面的樣式覆蓋前面的 ? 指定的高于繼承 ? 行內(nèi)樣式高于內(nèi)部或外部樣式

總結(jié)原則：?jiǎn)我坏?id)高于共用的(class)，有指定的用指定的，無(wú)指定則繼承離它最近的。

? DIV+CSS如何規(guī)劃頁(yè)面？

請(qǐng)關(guān)注上機(jī)實(shí)驗(yàn)3

By---QQ69848627