表格布局網(wǎng)頁(yè)

1、表格布局網(wǎng)頁(yè)教學(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）掌握軟件學(xué)習(xí)中的對(duì)比學(xué)習(xí)法，培養(yǎng)學(xué)生遷移學(xué)習(xí)的能力。（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ī)則，由摸索、探究性學(xué)習(xí)到形成性學(xué)習(xí)，培養(yǎng)學(xué)生學(xué)會(huì)學(xué)習(xí)，駕御學(xué)習(xí)的能力。3情感態(tài)度與價(jià)值觀（1）通過(guò)對(duì)比學(xué)習(xí)使學(xué)生體驗(yàn)軟件學(xué)習(xí)的

2、一般方法及規(guī)律，提高學(xué)生自主學(xué)習(xí)信息技術(shù)的能力。（2）通過(guò)運(yùn)用表格布局網(wǎng)頁(yè)對(duì)象活動(dòng)（各人根據(jù)網(wǎng)站主題，設(shè)計(jì)網(wǎng)頁(yè)），進(jìn)一步掌握各種不同對(duì)象的屬性設(shè)置方法和規(guī)律，體驗(yàn)創(chuàng)造的快樂(lè)。（3）通過(guò)“動(dòng)物人類的朋友”表格頁(yè)的設(shè)計(jì)與制作，再次激發(fā)學(xué)生關(guān)愛(ài)動(dòng)物、保護(hù)動(dòng)物的責(zé)任感，從而進(jìn)一步樹(shù)立共同改善人類生存環(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)：表格的嵌套設(shè)計(jì)在網(wǎng)頁(yè)設(shè)計(jì)中的應(yīng)用。教學(xué)方法：對(duì)比教學(xué)法、探究學(xué)習(xí)法、模仿學(xué)習(xí)法。教學(xué)準(zhǔn)備： 各自制作的站點(diǎn)文件夾，整理、歸類相

3、關(guān)素材并按要求擺放。教學(xué)過(guò)程：1 復(fù)習(xí) 以復(fù)習(xí)提問(wèn)的方式來(lái)回顧站點(diǎn)的建立、網(wǎng)頁(yè)的新建以及網(wǎng)頁(yè)中文字、圖像等對(duì)象的插入，學(xué)生認(rèn)真回顧，回答教師提問(wèn)。為本節(jié)課教學(xué)做一定鋪墊。2 引入（1）觀看兩個(gè)頁(yè)面并進(jìn)行比較：一個(gè)使用表格布局，但表格邊框隱藏（看不出表格痕跡），其頁(yè)面工整，文本、圖片擺放對(duì)稱，具有一定規(guī)律；另一個(gè)頁(yè)面凌亂，圖文混雜，擺放雜亂。你更喜歡怎樣的頁(yè)面布局？提出問(wèn)題：有什么辦法可以達(dá)到第一個(gè)頁(yè)面的效果？（2）觀察第三個(gè)頁(yè)面，內(nèi)容與第一個(gè)頁(yè)面相同，顯現(xiàn)頁(yè)面的表格邊框。學(xué)生討論，交流，回顧Word中學(xué)習(xí)過(guò)的表格，明白表格在FrontPage中的作用。3 新授（1）分析表格結(jié)構(gòu) 展示一些由表格

4、布局的網(wǎng)頁(yè)，引導(dǎo)學(xué)生分析其表格結(jié)構(gòu)，自然過(guò)渡到教材中的例子（biaoge.htm），分析結(jié)構(gòu)，得出表格的布局（如表格有幾行幾列，哪些行做了哪些處理）。任務(wù)1 規(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ū)本上。學(xué)生可根據(jù)自己的實(shí)際情況選擇任務(wù)難度，并動(dòng)手分析與創(chuàng)意設(shè)計(jì)。建議：使用多個(gè)非嵌套的表格來(lái)布局。設(shè)計(jì)意圖：分層教學(xué)，培養(yǎng)學(xué)生模仿以及創(chuàng)新能力。（2）完成表格布局FrontPage中表格的插入和編輯與Word中的表格

5、操作類似，教師無(wú)需講解，引導(dǎo)學(xué)生進(jìn)行知識(shí)遷移。任務(wù)2 新建一個(gè)頁(yè)面，用表格布局該網(wǎng)頁(yè)，并在該網(wǎng)頁(yè)中放入相應(yīng)內(nèi)容1打開(kāi)站點(diǎn)，新建網(wǎng)頁(yè)，以“biaoge.htm”為文件名保存。2按前面分析的要求插入一個(gè)表格。3調(diào)整表格結(jié)構(gòu)（主要是行列的插入、刪除，單元格的合并、拆分、調(diào)整大小等）。老師可安排操作熟練的同學(xué)進(jìn)行演示。（3）充實(shí)網(wǎng)頁(yè)頁(yè)面內(nèi)容任務(wù)3 在表格中插入圖片、輸入文字建議：插入圖片對(duì)象前，對(duì)圖片做一定處理，例如選擇風(fēng)格統(tǒng)一的圖片，調(diào)整圖片大小至同一尺寸等。注意圖片的保存。（4）調(diào)整表格屬性，美化頁(yè)面預(yù)覽制作的網(wǎng)頁(yè)，修飾網(wǎng)頁(yè)，讓網(wǎng)頁(yè)看起來(lái)更美觀。任務(wù)4 表格屬性以及單元格屬性的設(shè)置1表格屬性的設(shè)置

6、，如去除網(wǎng)格線、設(shè)置表格背景色等。2使用不同的顏色區(qū)分各板塊，設(shè)置單元格屬性。強(qiáng)調(diào)：學(xué)會(huì)利用右擊后彈出的快捷菜單中的命令。學(xué)生根據(jù)自己的實(shí)際情況選擇任務(wù)難度，可按教師具體要求修飾、調(diào)整表格，也可根據(jù)自己的意圖修飾、調(diào)整表格。（表格邊框的調(diào)整都需掌握）設(shè)計(jì)意圖：完成必須要求掌握的知識(shí)同時(shí)，給學(xué)生一定的自主空間，鼓勵(lì)他們?nèi)?chuàng)新，而非一成不變的生硬模仿。（5）表格的嵌套有時(shí)為了制作出更加美觀的網(wǎng)頁(yè)，我們可以使用表格的嵌套來(lái)實(shí)現(xiàn)。任務(wù)5 加入橫向目錄導(dǎo)航條，嘗試使用表格嵌套的方法解決問(wèn)題。學(xué)生動(dòng)手制作網(wǎng)頁(yè)。4 總結(jié)與評(píng)價(jià)本節(jié)課我們學(xué)習(xí)了在FrontPage中插入表格、編輯表格以及表格嵌套的基本方法。請(qǐng)同學(xué)回答幾個(gè)問(wèn)題、并演示幾個(gè)基本操作。展示表格頁(yè)面制作完成的優(yōu)秀作品，表?yè)P(yáng)完