4制作用表格布局的網(wǎng)第一課時(shí)

1、第二單元設(shè)計(jì)多彩網(wǎng)頁(yè)信息技術(shù)課時(shí)教學(xué)設(shè)計(jì)首頁(yè)2.4制作用表格布局網(wǎng)頁(yè)第1課時(shí)第1頁(yè)共8頁(yè)課題2.4制作用表格布局的網(wǎng)頁(yè)（1） （插入、設(shè)置表格，插入Flash、 滾動(dòng)字幕、廣告條“ DHTML 效果”、交互式按鈕、文件等）課型新授課時(shí) 安排共2課時(shí) 第1課時(shí)教具 學(xué)具網(wǎng)絡(luò)計(jì)算機(jī) 自制課件授課班級(jí)八年級(jí)授課 時(shí)間3.253.29課 時(shí) 教 學(xué) 目 標(biāo)知識(shí) 與技能學(xué)會(huì)用表格制作網(wǎng)頁(yè)，明確用表格制作網(wǎng)頁(yè)的優(yōu)點(diǎn)，熟練掌握對(duì)表格的設(shè)置， 充分利用表格工具進(jìn)行修飾表格，理解單兀格與表格的不同屬性。學(xué)會(huì)插入一些網(wǎng)頁(yè)兀素。女口 Flash動(dòng)畫(huà)、滾動(dòng)字幕、交互式按鈕、HTML效果、文本、圖片、藝術(shù)字等。過(guò)程 與

2、方法通過(guò)廣播展示范例、通過(guò)網(wǎng)絡(luò)展示主頁(yè)，讓學(xué)生感知用表格制作網(wǎng)頁(yè)的大致 布局和風(fēng)格，啟迪學(xué)生布局主頁(yè)時(shí)需要的網(wǎng)頁(yè)兀素，然后演示+講解+提問(wèn)冋步教學(xué)；學(xué)生在學(xué)習(xí)、動(dòng)腦的情況下動(dòng)手操作，在操作的情況下質(zhì)疑、探究，在學(xué)中 做、做中學(xué)的情況下學(xué)技、創(chuàng)新；在展示、交流、分享、評(píng)價(jià)中完成教學(xué)任務(wù)。情感 態(tài)度 與價(jià) 值觀大豕在用表格制作主頁(yè)時(shí)，一邊制作一邊展示我們學(xué)校的風(fēng)米，一邊制作一邊 表達(dá)自己對(duì)三中的思想，在學(xué)習(xí)中掌握了信息技術(shù)技能，用技能展示自己心中思 想，并與學(xué)生一起交流共享。在交流評(píng)價(jià)的過(guò)程中看看自己制作的網(wǎng)頁(yè)，一定有 成功的喜悅感和成就感，并感受同學(xué)之間的不同風(fēng)格的網(wǎng)頁(yè)，促進(jìn)自己提升自我。教學(xué)重

3、點(diǎn)不冋的方法制表，不冋方法設(shè)置表 格及產(chǎn)生不同的效果（如繪制表 格、插入表格、表格工具的使用、 表格的嵌套、合并表格、拆分表 格）、插入網(wǎng)頁(yè)兀素（Flash、滾動(dòng) 字幕、交互式按鈕、HTML效果）教學(xué)難點(diǎn)引導(dǎo)學(xué)生用不同的方法制表布局 網(wǎng)頁(yè)，從實(shí)際體驗(yàn)表格的嵌套、 合并與拆分單元格的操作。學(xué)會(huì) 設(shè)置與調(diào)整表格，在學(xué)會(huì)插入網(wǎng) 頁(yè)兀素的情況下靈活應(yīng)用，創(chuàng)造 出新穎、有特色的網(wǎng)頁(yè)來(lái)。教學(xué)方法 與手段演示講解、觀察法、導(dǎo)學(xué)法、范例 教學(xué)法、拋錨式教學(xué)法、任務(wù)驅(qū)動(dòng)、小組探究法、自我評(píng)價(jià)法分析學(xué)生學(xué)生很期盼動(dòng)手制作網(wǎng)頁(yè)，當(dāng)又 無(wú)從下手，因些教師利用導(dǎo)學(xué)法， 拋錨式等教學(xué)法快速引導(dǎo)學(xué)生學(xué) 技、激發(fā)學(xué)生的學(xué)習(xí)興

4、趣與熱情。使用 教材 構(gòu)想把教材上【實(shí)踐 3.4.5.】融合在一 起共冋學(xué)習(xí)，在學(xué)生操作的冋時(shí)可 以根據(jù)教材上P64 P75的“操作 提示”進(jìn)一步自主學(xué)習(xí)，操作完成 任務(wù)時(shí)利用教材評(píng)價(jià)表對(duì)自己實(shí) 踐操作情況進(jìn)行自我評(píng)價(jià)。教學(xué)建議1.利用生活中的身邊例子為教學(xué)源，激 發(fā)學(xué)生學(xué)習(xí)的激情。所以利用制作三中 主頁(yè)進(jìn)行展開(kāi)教學(xué) 2.本節(jié)課以制作網(wǎng) 頁(yè)常用的一種方法之一 “用表格布局網(wǎng) 頁(yè)”開(kāi)始學(xué)習(xí)制作主頁(yè)。這樣引導(dǎo)學(xué)生 快速學(xué)會(huì)一種制作網(wǎng)頁(yè)的方法。3.通過(guò)教師制作的三中網(wǎng)站范例，引導(dǎo)學(xué)生制 作主頁(yè)，采用讓學(xué)生通過(guò)瀏覽主頁(yè)的方 法，說(shuō)岀其網(wǎng)頁(yè)元素，明確網(wǎng)頁(yè)的常見(jiàn) 元素及制作方法，這樣更容易上手操 作。4.

5、操作時(shí)讓學(xué)生積累操作技能技巧第二單元設(shè)計(jì)多彩網(wǎng)頁(yè)信息技術(shù)課時(shí)教學(xué)流程教學(xué)環(huán)節(jié)教師行為學(xué)生行為設(shè)計(jì)意圖導(dǎo)入教學(xué)過(guò)程閱讀教材 提出問(wèn)題演示+講解 +提問(wèn)+引 導(dǎo)同步我的地盤(pán)我做主，我們有了 地盤(pán)了，如何合理科學(xué)美觀的規(guī) 劃它呢？采用什么的方法來(lái)布局 網(wǎng)頁(yè)呢？大家觀看屏幕（網(wǎng)絡(luò)廣 播）播放自制二中網(wǎng)站的主頁(yè)。大家看效果怎么樣呢？（生 可能回答：好、整齊、美觀、） 一間房子，假如沒(méi)有衣柜、鞋柜、廚柜、 書(shū)柜將是什么樣子，即使你把衣服、鞋、 書(shū)、廚具擺放的再整齊，總感覺(jué)這間房 子不是井然有序，如果把衣服、鞋、書(shū)、 廚具分別衣柜、鞋柜、書(shū)柜、廚柜里， 就會(huì)感覺(jué)房子里井井有條、寬暢舒適， 布局網(wǎng)頁(yè)也一樣，如

6、果直接在空白網(wǎng)頁(yè) 中添加文本和圖片等元素很難排岀令 人滿意的版面，如果有表格進(jìn)行布局， 就很好布局網(wǎng)頁(yè)了。咱們這節(jié)課就開(kāi) 始學(xué)習(xí)表格制作網(wǎng)頁(yè)。為什么要用表格布局網(wǎng)頁(yè)呢？ 讓學(xué)生閱讀教材 P70,明確用表格 布局網(wǎng)頁(yè)的優(yōu)點(diǎn)和缺點(diǎn)。廣播放映教師用Fro ntPage制作的 三中網(wǎng)站的主頁(yè)。根據(jù)規(guī)劃的主頁(yè)布局進(jìn)行插入表 格、設(shè)置表格。插入表格的方法： 第一種：用“菜單”操作 表格|插入|表格| 第二種：用“工具欄”操作 單擊工具欄上的插入表格按鈕 i3 第三種：用“繪圖繪圖工具欄” 操作/表格|繪制表格 匚丄聆聽(tīng)、觀察、思考、回答閱讀教材P70，1.用表格布局網(wǎng)頁(yè)的優(yōu)點(diǎn)和 缺點(diǎn)生答：優(yōu)點(diǎn)：表格易于建

7、立和修改 并且與絕大數(shù)瀏覽器兼容。 缺點(diǎn)：網(wǎng)頁(yè)頁(yè)面比較規(guī)矩、 個(gè)性不強(qiáng)。學(xué)生觀察屏幕、聽(tīng)教師演示 講解。情景導(dǎo)入，用比喻的方 法讓學(xué)生進(jìn) 一步理解用 表格制作網(wǎng) 頁(yè)的意圖。激趣、增效1. 了解用表 格規(guī)劃網(wǎng)頁(yè) 結(jié)構(gòu)。2. 觀看網(wǎng)頁(yè) 中的主要元 素、及其設(shè)計(jì) 意圖。3. 引導(dǎo)學(xué)生 用多種方法 插入表格補(bǔ)充課堂變化及處理主要環(huán)節(jié)的效果2.4制作用表格布局網(wǎng)頁(yè)第1課時(shí)第2頁(yè)共8頁(yè)第二單元設(shè)計(jì)多彩網(wǎng)頁(yè)信息技術(shù)課時(shí)教學(xué)流程教學(xué)環(huán)節(jié)教師行為學(xué)生行為設(shè)計(jì)意圖補(bǔ)充課堂變化及處理主要環(huán)節(jié)的效果啟發(fā)引導(dǎo)演示+提冋+講解同步 進(jìn)行學(xué)會(huì)用多 種方法操 作“表格”及其設(shè)置 所需的表 格。調(diào)整表格的方法。第一種：利用“表

8、格”工具欄調(diào)整 表格，使其符合網(wǎng)頁(yè)布局要求?！緶剀疤崾尽浚骸氨砀瘛惫ぞ邫诔尸F(xiàn) 的方法及使用。 在工具欄任一空白處單擊右鍵 I 選擇“表格”。 視圖I工具欄I表格 認(rèn)識(shí)并會(huì)利用“表格”工具欄表格 X顯示布局工具：7 1?;J J無(wú)藝J上的工具快速操作第二種：利用“表格屬性”設(shè)置、 調(diào)整表格。聆聽(tīng)、觀察、思考、回答 問(wèn)題2.4制作用表格布局網(wǎng)頁(yè)第1課時(shí)第3頁(yè)共8頁(yè)第二單元設(shè)計(jì)多彩網(wǎng)頁(yè)信息技術(shù)課時(shí)教學(xué)流程教學(xué)環(huán)節(jié)教師行為引導(dǎo)發(fā)現(xiàn) 法任務(wù)引導(dǎo)設(shè)疑解難關(guān)鍵點(diǎn)擊1表格的寬度設(shè)為759像素。1024*768 像素800*600 像素2.襯距：是指單元格邊距與單元格中 內(nèi)容的距離。3間距：是指單元格與單元格之

9、間的 距離。4. 把襯距、間距、邊框粗細(xì)的值設(shè)為0，就隱藏了表格邊框線條，即隱形表格。5. 單元格與表格的區(qū)別。演示+講解設(shè)疑技巧表格嵌套的方法及設(shè)置嵌套組合 定位|表格|插入表格 學(xué)生動(dòng)手操作：1. 動(dòng)手操作教材P72表格2. 根據(jù)自己設(shè)計(jì)好的主頁(yè)內(nèi)容設(shè)置 表格。提問(wèn)：插入多行多列表格后用合并、 拆分表格的方法布局網(wǎng)頁(yè)和用表格 嵌套的方法布局有什么不同？調(diào)整嵌套表格中最下邊的和最右邊的線會(huì)快速調(diào)整好表格嵌套。§學(xué)生觀看網(wǎng)頁(yè)中有哪些元素?學(xué)生行為設(shè)計(jì)意圖預(yù)設(shè)：1. 在教師講解表格寬度設(shè) 計(jì)為759像素時(shí)學(xué)生要提 出為什么？2. 為什么用表格制作出的 網(wǎng)頁(yè)看不見(jiàn)邊框線？在"為

10、什 么”的情況 下學(xué)習(xí)會(huì) 對(duì)知識(shí)技 能更深刻 的理解。1發(fā)現(xiàn)問(wèn)題提出問(wèn)題動(dòng)手操作任務(wù)【任務(wù)一】在操作中 體驗(yàn)，在體 驗(yàn)中發(fā)現(xiàn)。1. 動(dòng)手操作教材 P72表格2. 根據(jù)自己設(shè)計(jì)好的主頁(yè) 內(nèi)容設(shè)置表格。回答：作為獨(dú)立的單元格 進(jìn)行設(shè)置、調(diào)整比較容易 達(dá)到所需的效果。生答：以學(xué)致用以用促學(xué)8補(bǔ)充課堂變化及處理主要環(huán)節(jié)的效果2.4制作用表格布局網(wǎng)頁(yè)第1課時(shí)第4頁(yè)共8頁(yè)第二單元設(shè)計(jì)多彩網(wǎng)頁(yè)信息技術(shù)課時(shí)教學(xué)流程教學(xué)環(huán)節(jié)教師行為學(xué)生行為設(shè)計(jì)意圖補(bǔ)充課堂變化及處理主要環(huán)節(jié)的效果學(xué)習(xí)網(wǎng)頁(yè)元素的添加與設(shè)置。（在設(shè)置的表格添加對(duì)應(yīng)的網(wǎng)頁(yè)演示 講解 觀察提問(wèn)引導(dǎo)知識(shí)點(diǎn)擊學(xué)習(xí) 討論 探究知識(shí)點(diǎn)擊技能技巧（一）標(biāo)題與標(biāo)識(shí)

11、 Logo1插入藝術(shù)字、圖片2插入flash影片插入|圖片flash影片或插入Web組件|高級(jí)控件|flash影片（二）橫幅廣告1用DHTML效果制作（交換圖片 和加載文字）視圖工具欄|DHTML效果BHTBL效果在|罐揮一種爭(zhēng)件孜擊 鼠標(biāo)懸停 網(wǎng)頁(yè)加載按自己所需進(jìn)行設(shè)置效果。（三）滾動(dòng)字幕插入|Web組件|或單擊工具欄上的Web組件按鈕，選擇“動(dòng)態(tài)效果”中的“字幕”，單擊“完 成”，進(jìn)入“字幕屬性”對(duì)話框， 輸入所需的字幕內(nèi)容。并對(duì)其進(jìn) 行設(shè)置。2.4制作用表格布局網(wǎng)頁(yè)根據(jù)自己準(zhǔn)備好的“素材” 進(jìn)行操作?！救蝿?wù)二】設(shè)置標(biāo)題與標(biāo)識(shí)。（可以插 入藝術(shù)字、圖片、flash影片） 【任務(wù)三】設(shè)置橫幅

12、廣告（用 DHTML 效果制作圖片和文字效果）【任務(wù)四】制作滾動(dòng)字幕“歡迎光臨古 交三中網(wǎng)站”或根據(jù)自己設(shè) 置的內(nèi)容進(jìn)行操作。第1課時(shí)第5頁(yè)共8頁(yè)從學(xué)生看到的網(wǎng)頁(yè)元素 入手，從上到 下、從左到右 進(jìn)行設(shè)置網(wǎng) 頁(yè)元素。學(xué)生喜歡動(dòng) 態(tài)效果的東 西，所以從學(xué) 習(xí)動(dòng)態(tài)效果 入手進(jìn)行設(shè) 置教學(xué)。添加 動(dòng)態(tài)效果第二單元設(shè)計(jì)多彩網(wǎng)頁(yè)信息技術(shù)課時(shí)教學(xué)流程教學(xué)環(huán)節(jié)提問(wèn)用比喻的方法講解觀察技能技巧課標(biāo)檢測(cè)教師行為技巧一：在“設(shè)計(jì)”視圖狀態(tài)下， 雙擊編輯的字幕即可出現(xiàn)字幕屬性 對(duì)話框進(jìn)行設(shè)置。技巧二：鼠標(biāo)選中“字幕內(nèi)容”單 擊右鍵，即可出現(xiàn)字幕屬性對(duì)話框 進(jìn)行設(shè)置。（四）交互式按鈕（懸停按鈕） 插入|交互式按鈕或

13、插入|Web組件選擇“動(dòng)態(tài)效果”中 的“交互式按鈕”，或 單擊工具欄上的Web組件按鈕一，選擇“動(dòng)態(tài)效果”中的“交互式按鈕”，打開(kāi)交互式按鈕進(jìn)行對(duì)“按鈕”、“字體”、“圖像”設(shè)置。溫馨提示：設(shè)置好一個(gè)“交互式 按鈕”后，可以直接進(jìn)行復(fù)制多 個(gè)按鈕，然后雙擊其復(fù)制的按鈕， 進(jìn)行編輯修改。（五）插入文件（或?qū)胛募?插入I文件，選擇所需要的文 件，點(diǎn)擊“打開(kāi)”，即可把外部 文件導(dǎo)入網(wǎng)頁(yè)中。布置任務(wù)：1 6, 出示課標(biāo)檢測(cè)內(nèi)容 2.4制作用表格布局網(wǎng)頁(yè)學(xué)生行為【任務(wù)五】插入交互式按鈕并進(jìn)行設(shè) 置?！救蝿?wù)六】插入文件學(xué)生做答第1課時(shí)第6頁(yè)共8頁(yè)設(shè)計(jì)意圖在教師引導(dǎo) 下學(xué)習(xí)，然后 根據(jù)布置的 任務(wù)進(jìn)行操

14、 作，做到學(xué)以 致用補(bǔ)充課堂變化及處理主要環(huán)節(jié)的效果第二單元設(shè)計(jì)多彩網(wǎng)頁(yè)課時(shí)達(dá)標(biāo)檢測(cè)設(shè)計(jì)項(xiàng)目檢測(cè)內(nèi)容一、簡(jiǎn)述題1談一談?dòng)帽砀癫季志W(wǎng)頁(yè)的優(yōu)點(diǎn)和缺點(diǎn)？?jī)?yōu)點(diǎn)：表格易于建立和修改并且與絕大數(shù)瀏覽器兼容。缺點(diǎn)：網(wǎng)頁(yè)頁(yè)面比較規(guī) 矩、個(gè)性不強(qiáng)。2插入表格的步驟3說(shuō)出調(diào)整、設(shè)置表格的方法。當(dāng)堂4添加“滾動(dòng)字幕”、“交互式按鈕”首先點(diǎn)擊什么菜單？如何快速設(shè)置其 屬性？達(dá)標(biāo)檢測(cè)二、思考題1如何隱藏表格邊框線條？2插入多行多列表格后用合并、拆分表格的方法布局網(wǎng)頁(yè)和用表格嵌套的方法布局有什么不冋？四、操作情況完成基本任務(wù)達(dá)完成拓展任務(wù)達(dá)檢測(cè)的目標(biāo)點(diǎn)與用時(shí) 預(yù)設(shè)；反饋、矯正方法 預(yù)設(shè)與達(dá)標(biāo)效果補(bǔ)充2.4制作用表格布局網(wǎng)頁(yè)第1課時(shí)第7頁(yè)共8頁(yè)第二單元設(shè)計(jì)多彩網(wǎng)頁(yè)信息技術(shù)教學(xué)尾頁(yè)情景導(dǎo)入展示范例自主學(xué)習(xí)里解用表格制作網(wǎng)頁(yè)的優(yōu)點(diǎn)，觀看范例，增效激趣 明確用表格制作網(wǎng)頁(yè)的目的，觀看網(wǎng)頁(yè)元素教學(xué)演示+質(zhì)疑+提問(wèn)+講解（同步）結(jié)構(gòu)流程設(shè)計(jì)課堂小結(jié)本節(jié)課重點(diǎn)學(xué)習(xí)了用表格制作