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

“動畫補(bǔ)間”動畫的教學(xué)案例

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

一、教材分析

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

二、學(xué)情分析

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

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

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

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

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

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

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

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

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

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

行為與創(chuàng)新：

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

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

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

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

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

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

下面請大家動手再來試一試。有三個(gè)準(zhǔn)備工作：

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

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

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

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

(二)認(rèn)識動畫補(bǔ)間動畫的屬性面板

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

(屏幕廣播

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

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

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

解決典型問題：

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

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

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

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

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

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

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

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

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

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

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

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

六、教學(xué)反思

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

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

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

對元件理解的混亂：

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

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

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

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

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

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

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

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

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

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

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

知識與技能：

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

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

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

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

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

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

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

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

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

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

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

三、教學(xué)方法

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

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

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

五、教學(xué)過程

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

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

師：我們知道，地球是人類賴以生存的家園，然而，近幾年來，地球的環(huán)境卻越來越惡劣：全球性氣候變暖、暴雨、雪災(zāi)等災(zāi)難性天氣頻繁出現(xiàn)，給我們的生活帶來嚴(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)站的歡迎頁。今天這節(jié)課，我們將一起學(xué)習(xí)制作網(wǎng)站的主頁面來宣傳環(huán)保，那如何來設(shè)計(jì)主頁面呢？首先我們先來欣賞幾個(gè)著名網(wǎng)站的主頁。（播放課件）

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

生：5列

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

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

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

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

師：那這里呢，就要對表格進(jìn)行編輯了。因?yàn)閯倓偽覀兪前凑兆疃嘈校疃嗔衼碛?jì)算的，那這里只需要對多余的單元格進(jìn)行合并。

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

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

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

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

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

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

學(xué)生思考

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

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

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

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

生：想。（躍躍欲試）

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

生：字體…… 生：單元格里的顏色等

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

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

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

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

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

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

生：沒有

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

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

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

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

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

師總結(jié)。

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

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

教學(xué)反思

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

一、選取課題，自主探究

接到課題時(shí)，考慮到最近環(huán)境問題造成的災(zāi)難頻發(fā)，將網(wǎng)站的主題確定為環(huán)境保護(hù)。通過“環(huán)境保護(hù)”網(wǎng)站的制作，培養(yǎng)學(xué)生宣傳環(huán)保，倡導(dǎo)環(huán)保的意識，并將這種意識在日常的行為中體現(xiàn)出來。在教學(xué)流程的設(shè)置上，從設(shè)計(jì)表格——制作表格（插入和編輯）——填充表格內(nèi)容——修飾應(yīng)用表格制作的網(wǎng)頁著手，真正做到學(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等動態(tài)對象的制作放到下一節(jié)課講解。本節(jié)課的重點(diǎn)側(cè)重于讓學(xué)生通過本節(jié)課的學(xué)習(xí)能夠?qū)W會使用表格完成一張網(wǎng)頁的制作。

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

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

三、表格嵌套的講解

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

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

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

五、同行聽課的借鑒

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

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

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

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

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

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

1、知識與技能：

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

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

2、過程與方法：

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

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

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

（1）通過實(shí)踐創(chuà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)頁。

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

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

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

四、教學(xué)方法

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

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

教師活動

學(xué)生活動

課前準(zhǔn)備

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

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

一、對比，引入新課

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

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

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

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

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

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

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

提問：還記得哪些表格的編輯方法？

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

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

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

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

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

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

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

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

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

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

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

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

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

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

掌握表格布局網(wǎng)頁的常見技巧，加強(qiáng)表格布局網(wǎng)頁的意識。

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

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

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

1、知識與技能：

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

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

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

2、過程與方法：

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

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

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

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

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

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

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

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

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

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

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

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

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

三、教學(xué)過程：

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

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

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

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

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

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

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

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

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

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

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

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

（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é)生動手制作網(wǎng)頁。設(shè)計(jì)意圖：更好的發(fā)揮優(yōu)秀學(xué)生創(chuàng)作思維動手能力。

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

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

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

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

第五篇：教學(xué)設(shè)計(jì)(利用表格布局網(wǎng)頁)[推薦]

利用表格布局網(wǎng)頁

教學(xué)設(shè)計(jì)

授課教師：劉春霞

授課班級：計(jì)算機(jī)應(yīng)用1202班

一、課題名稱：利用表格布局網(wǎng)頁

二、授課課時(shí)：1個(gè)課時(shí)

三、教學(xué)內(nèi)容分析

本節(jié)課以利用表格制作一個(gè)簡單主頁為例，要求學(xué)生掌握并靈活運(yùn)用表格及單元格的一些基本屬性設(shè)置，從而設(shè)計(jì)出一個(gè)“匡”字型的主頁。本次課要求學(xué)生具有創(chuàng)建站點(diǎn)的知識，以及Dreamweaver CS3的一些基本操作。

四、學(xué)生特征分析

授課對象是職高高二學(xué)生，學(xué)生已具有熟練操作一些常用軟件的能力，已掌握Dreamweaver CS3的一些基本操作。

五、教學(xué)目標(biāo)（知識與技能、過程與方法、情感態(tài)度與價(jià)值觀）

1、知識與技能目標(biāo)

掌握插入表格、表格基本屬性的理解與設(shè)置、單元格或行的基本屬性的理解與設(shè)置，掌握利用表格布局網(wǎng)頁的方法。

2、過程與方法目標(biāo)

引導(dǎo)學(xué)生分析項(xiàng)目，自主獨(dú)立思考及操作，指導(dǎo)與修正，掌握插入表格、表格基本屬性的理解與設(shè)置、單元格或行的基本屬性的理解與設(shè)置，掌握利用表格布局網(wǎng)頁的方法。

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

提高學(xué)生的觀察能力及分析能力，調(diào)動學(xué)生自主能動性，培養(yǎng)學(xué)生較濃的學(xué)習(xí)興趣，使學(xué)生建立正確的人生觀與價(jià)值觀。

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

掌握插入表格的方法 掌握表格屬性設(shè)置的基本方法 掌握單元格或行屬性設(shè)置的基本方法 掌握使用表格進(jìn)行頁面布局的基本方法

七、教學(xué)方法

1、講授法

2、演示法

3、任務(wù)驅(qū)動法

八、教學(xué)環(huán)境與資源

教師機(jī)，教學(xué)廣播軟件，學(xué)生機(jī)（60臺）

九、教學(xué)過程

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

欣賞網(wǎng)頁，分析網(wǎng)頁結(jié)構(gòu)，引入本次課學(xué)習(xí)的項(xiàng)目：利用表格制作一個(gè)簡單的“匡”字型網(wǎng)頁。

2、講解知識，演示操作 講解插入表格的方法，表格屬性設(shè)置的基本方法及單元格屬性設(shè)置的基本方法，（1）插入表格的方法

將光標(biāo)置于頁面中，然后在主菜單中選擇【插入記錄】／【表格】命令或在【插入】／【常用】面板中單擊（表格）按鈕打開【表格】對話框進(jìn)行參數(shù)設(shè)置，最后單擊【確定】按鈕插入表格。（2）表格屬性設(shè)置

首先選中表格，然后通過表格【屬性】面板設(shè)置表格的行數(shù)、列數(shù)、寬度、高度、填充、間距、邊框、對齊方式、背景顏色、背景圖像、邊框顏色等屬性。

▲寬度中的百分比單位一般在制作表格嵌套的時(shí)候用。（3）設(shè)置單元格或行【屬性】的方法

首先選擇單元格或行，然后通過單元格或行【屬性】面板可以設(shè)置單元格的寬度和高度、水平和垂直對齊方式、背景顏色和背景圖像以及邊框顏色等。

（4）展示網(wǎng)頁的最終結(jié)果并引導(dǎo)學(xué)生分析其結(jié)構(gòu)，提示并演示操作的關(guān)鍵步驟，讓學(xué)生獨(dú)立思考完成，培養(yǎng)學(xué)生知識的遷移能力，效果圖如下：

主要操作步驟：

a、新建一個(gè)站點(diǎn)，站點(diǎn)根目錄為自己的文件夾（含有素材），在站點(diǎn)里新建一個(gè)文件index,html。

b、在頁面屬性里設(shè)置字體為“12像素”，頁邊距為“0”

c、制作頁眉部分，插入一個(gè)1行1列的表格，寬度為770像素，其它屬性參考效果圖設(shè)置，然后插入Logo圖片，d、制作主體部分，I、插入一個(gè)1行2列，寬度為770像素的表格，左側(cè)單元格為200像素，設(shè)置間距為2，其它屬性參考效果圖設(shè)置。II、III、在左側(cè)單元格中插入一個(gè)5行1列，寬度為70%的表格，設(shè)置間距為5，其它屬性參考效果圖設(shè)置。（表格嵌套）

在右側(cè)單元格中插入一個(gè)4行2列，寬度為96%的表格，設(shè)置間距為5，表格標(biāo)題為“參考咨詢”，第一列單元格寬度為160像素，其它屬性參考效果圖設(shè)置。（表格嵌套）

e、制作頁腳部分，插入一個(gè)1行1列，寬度為770像素的表格，插入圖像“foot,.jpg”。

3、學(xué)生練習(xí)，巡堂指導(dǎo)

（1）、學(xué)生參考最終效果圖，根據(jù)教師提示的主要步驟，獨(dú)立思考分析，完成主頁。（2）、教師巡堂指導(dǎo)，留意學(xué)生在操作時(shí)出現(xiàn)的細(xì)節(jié)問題，做好作業(yè)點(diǎn)評。

4、上交作業(yè)，點(diǎn)評作業(yè)

（1）、要求學(xué)生把主頁及素材（自己的文件夾）一起交到教師機(jī)“1202班”文件夾中。（2）、抽出兩個(gè)學(xué)生的作業(yè)點(diǎn)評，修正錯(cuò)誤，完善主頁。

5、課堂小結(jié)，宣布下課

本次課主要學(xué)習(xí)插入表格、表格基本屬性的設(shè)置、單元格或行的基本屬性的設(shè)置，利用表格布局網(wǎng)頁的方法。

十、教學(xué)反思（歡迎名位聽課老師提出您寶貴的教學(xué)建議）