課題應(yīng)用表格布局網(wǎng)頁(yè)(第11章第2節(jié)第1課時(shí))

1、課 題：應(yīng)用表格布局網(wǎng)頁(yè)（第11章 第2節(jié) 第1課時(shí)）授課教師：鹽城市田家炳中學(xué) 瞿立真授課地點(diǎn)：鹽城市田家炳中學(xué) 科技樓二樓授課時(shí)間：2010年3月26日下午2：30教材分析： 本節(jié)內(nèi)容是江蘇科學(xué)技術(shù)出版社初中信息技術(shù)（下冊(cè)）第11單元設(shè)計(jì)主題網(wǎng)站的第2節(jié)應(yīng)用表格布局網(wǎng)頁(yè)結(jié)構(gòu)。文字、圖片等對(duì)象的定位是網(wǎng)頁(yè)設(shè)計(jì)中的難點(diǎn)，用表格布局網(wǎng)頁(yè)結(jié)構(gòu)是一種非常重要，也是最為常用的方法，是網(wǎng)頁(yè)設(shè)計(jì)中最主要的內(nèi)容之一，也是網(wǎng)頁(yè)設(shè)計(jì)的重點(diǎn)。學(xué)生通過(guò)用表格布局網(wǎng)頁(yè)，將進(jìn)一步理解表格的作用。學(xué)情分析： FRONTPAGE中表格的制作方法與WORD有很多相似之處，所以學(xué)生應(yīng)該都是有表格制作的基礎(chǔ)的。但考慮到時(shí)間間隔比

2、較長(zhǎng)，知識(shí)的遺忘率比較高，還需要老師幫助他們一起回顧，從而對(duì)比學(xué)習(xí)，進(jìn)行知識(shí)的遷移。表格的修飾部分主要是讓學(xué)生區(qū)分表格屬性和單元格屬性，而具體參數(shù)的設(shè)置并不難，主要讓學(xué)生自己感受設(shè)置具有個(gè)性化的參數(shù)。教學(xué)目標(biāo)：1、 知識(shí)與技能：(1) 了解表格在網(wǎng)頁(yè)設(shè)計(jì)中的作用，區(qū)分表格和單元格的屬性。(2) 掌握網(wǎng)頁(yè)中表格的制作方法、表格屬性及單元格屬性的設(shè)置，能夠在單元格中正確插入文字和圖片。(3) 根據(jù)網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容，正確布置表格的結(jié)構(gòu)。2、 過(guò)程與方法：(1) 通過(guò)對(duì)比學(xué)習(xí)與自主探究，了解并掌握f(shuō)rontpage軟件學(xué)習(xí)的一般方法及規(guī)律。(2) 培養(yǎng)學(xué)生合理利用教材，通過(guò)自主學(xué)習(xí)，牢固掌握表格規(guī)劃網(wǎng)頁(yè)布

3、局的具體操作方法。(3) 通過(guò)教學(xué)演示，進(jìn)一步理解表格的作用，培養(yǎng)學(xué)生創(chuàng)作、規(guī)劃網(wǎng)頁(yè)布局能力。3、 情感態(tài)度與價(jià)值觀(guān)：(1) 通過(guò)應(yīng)用表格布局網(wǎng)頁(yè)的學(xué)習(xí)，讓學(xué)生體驗(yàn)制作的樂(lè)趣，激發(fā)學(xué)生的學(xué)習(xí)興趣，培養(yǎng)學(xué)生的審美、設(shè)計(jì)和組織能力、語(yǔ)言表達(dá)能力、小組合作能力、自主學(xué)習(xí)能力。(2) 通過(guò)“保護(hù)動(dòng)物”網(wǎng)站的制作，激發(fā)學(xué)生關(guān)愛(ài)動(dòng)物、保護(hù)動(dòng)物的責(zé)任感，從而進(jìn)一步樹(shù)立共同改善人類(lèi)生存環(huán)境的意識(shí)。教學(xué)重點(diǎn)：(1) 了解表格在網(wǎng)頁(yè)設(shè)計(jì)中的重要作用。(2) 掌握表格屬性、單元格屬性的設(shè)置。教學(xué)難點(diǎn)：(1) 區(qū)分表格、單元格的屬性設(shè)置方法。根據(jù)網(wǎng)頁(yè)設(shè)計(jì)內(nèi)容，正確布置表格的結(jié)構(gòu)。(2) 學(xué)生自主設(shè)計(jì)表格并合理、協(xié)調(diào)進(jìn)

4、行網(wǎng)頁(yè)布局。教學(xué)方法：對(duì)比引導(dǎo)、探究學(xué)習(xí) 項(xiàng)目活動(dòng)教學(xué)法 教學(xué)過(guò)程：教學(xué)過(guò)程教師活動(dòng)師生活動(dòng)設(shè)計(jì)意圖復(fù) 習(xí)以復(fù)習(xí)提問(wèn)的方式來(lái)回顧站點(diǎn)的建立、網(wǎng)頁(yè)的新建以及網(wǎng)頁(yè)中文字、圖像等對(duì)象的插入。學(xué)生認(rèn)真回顧，回答教師提問(wèn)。為本節(jié)課教學(xué)做一定鋪墊。引 入（1）呈現(xiàn)兩個(gè)頁(yè)面讓學(xué)生進(jìn)行觀(guān)察比較，你更喜歡哪一個(gè)？a.使用表格布局，但表格邊框隱藏（看不出表格痕跡），其頁(yè)面工整，文本、圖片擺放對(duì)稱(chēng)，具有一定規(guī)律；b.頁(yè)面凌亂，圖文混雜，擺放雜亂。提出問(wèn)題：如何實(shí)現(xiàn)頁(yè)面工整？（揭題）師呈現(xiàn)第三個(gè)頁(yè)面，將a中的表格邊框顯示出來(lái)。一、分析表格結(jié)構(gòu)展示一些由表格布局的網(wǎng)頁(yè)，引導(dǎo)學(xué)生分析其表格結(jié)構(gòu)，自然過(guò)渡到教材66頁(yè)的例子

5、（biaoge.htm），分析結(jié)構(gòu)，得出表格的布局（如表格有幾行幾列，哪些行做了哪些處理）。教師：表格之所以重要是因?yàn)楸砀窨梢詫?shí)現(xiàn)網(wǎng)頁(yè)的精確排版和定位，還可以利用表格來(lái)美化網(wǎng)頁(yè)。表格的定義就是將一定的內(nèi)容按特定的行、列規(guī)則進(jìn)行排列就構(gòu)成了表格。學(xué)生討論，交流，回顧Word中學(xué)習(xí)過(guò)的表格，明白表格在FrontPage中的作用。讓學(xué)生明白是為了制作網(wǎng)頁(yè)內(nèi)容工整、美觀(guān)，所以選擇使用表格布局。新 授任務(wù)1 規(guī)劃網(wǎng)頁(yè)表格布局本任務(wù)在上節(jié)課以作業(yè)形式布置給學(xué)生，請(qǐng)他們把書(shū)中66頁(yè)例子的表格布局畫(huà)出來(lái)，通過(guò)在課堂上教師和學(xué)生共同的分析、對(duì)照，加深學(xué)生對(duì)表格布局知識(shí)的認(rèn)識(shí)。分層完成該任務(wù)，基礎(chǔ)相對(duì)薄弱一些的同

6、學(xué)僅要求讀懂教材中的網(wǎng)頁(yè)表格布局，知道規(guī)則，根據(jù)表格的行數(shù)與列數(shù)，調(diào)整至最終樣式；基礎(chǔ)扎實(shí)、操作能力較強(qiáng)的同學(xué)可以跳出課本，自行設(shè)計(jì)表格網(wǎng)頁(yè)布局。二、完成表格布局FrontPage中表格的插入和編輯與Word中的表格操作類(lèi)似，教師無(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è)，以“”為文件名保存。2按前面分析的要求插入一個(gè)表格。3調(diào)整表格結(jié)構(gòu)（主要是行列的插入、刪除，單元格的合并、拆分、調(diào)整大小等）。老師可安排操作熟練的同學(xué)進(jìn)行演示。三、調(diào)整表格屬性，美化頁(yè)面預(yù)覽制作的網(wǎng)頁(yè)，修飾網(wǎng)頁(yè)，讓網(wǎng)頁(yè)看起來(lái)更美觀(guān)。任務(wù)3 表格屬性以

7、及單元格屬性的設(shè)置1表格屬性的設(shè)置，如去除網(wǎng)格線(xiàn)、設(shè)置表格背景色等。2使用不同的顏色區(qū)分各板塊，設(shè)置單元格屬性。強(qiáng)調(diào)：學(xué)會(huì)利用右擊后彈出的快捷菜單中的命令。四、 充實(shí)網(wǎng)頁(yè)頁(yè)面內(nèi)容任務(wù)4 在表格中插入圖片、輸入文字注意圖片的保存。五、表格的嵌套（看時(shí)間定來(lái)定制任務(wù)，若時(shí)間不夠，暫且不講，布置問(wèn)題，讓學(xué)生思索嵌套表格和拆分單元格的不同作用）有時(shí)為了制作出更加美觀(guān)的網(wǎng)頁(yè)，我們可以使用表格的嵌套來(lái)實(shí)現(xiàn)。任務(wù)5 加入橫向目錄導(dǎo)航條，嘗試使用表格嵌套的方法解決問(wèn)題。制作動(dòng)態(tài)字幕。學(xué)生可根據(jù)自己的實(shí)際情況選擇任務(wù)難度，并動(dòng)手分析與創(chuàng)意設(shè)計(jì)。操作熟練的同學(xué)來(lái)演示規(guī)則表格的插入，聯(lián)想Word中的表格操作來(lái)演示網(wǎng)

8、頁(yè)制作中表格的基本編輯：行列的插入、刪除、單元格的合并、拆分、調(diào)整大小等，以達(dá)到調(diào)整表格結(jié)構(gòu)的目的?！坝帽砀褚?guī)劃網(wǎng)頁(yè)結(jié)構(gòu)”，參照書(shū)本所提示的實(shí)踐學(xué)習(xí)，完成任務(wù)。學(xué)生根據(jù)自己的實(shí)際情況選擇任何難度，可按教師具體要求修飾調(diào)整表格，也可根據(jù)自己的意圖修飾調(diào)整表格（但表格邊框的調(diào)整都需掌握）輔導(dǎo)：教師巡視各小組的實(shí)踐操作練習(xí)，遇到學(xué)生有困難，先建議學(xué)生自己看書(shū)探究學(xué)習(xí)，然后再和學(xué)生討論，對(duì)特殊學(xué)生給予較多的個(gè)別輔導(dǎo)機(jī)會(huì)。 “多彩的生物”網(wǎng)頁(yè)，在表格相應(yīng)位置插入相應(yīng)文字、圖片等。學(xué)生動(dòng)手制作 學(xué)生以小組為單位，進(jìn)行“表格布局網(wǎng)頁(yè)頁(yè)面”的實(shí)踐。操作練習(xí)并進(jìn)行交流展示。 布置課前任務(wù)，讓學(xué)生自己合理利用教材

9、進(jìn)行分析，學(xué)習(xí)和制作。通過(guò)分層教學(xué)，培養(yǎng)學(xué)生模仿以及創(chuàng)新能力。并且聯(lián)系學(xué)生已經(jīng)完成的作業(yè)，進(jìn)一步提高學(xué)生自己看書(shū)學(xué)習(xí)的探究能力。軟件學(xué)習(xí)的方法傳授-類(lèi)比法、知識(shí)遷移。必須要求學(xué)生掌握書(shū)本66頁(yè)的基本操作。任務(wù)完成的同時(shí)，給學(xué)生一定的自主空間，鼓勵(lì)他們?nèi)?chuàng)新，而非一層不變的生硬模仿。回歸網(wǎng)頁(yè)制作，而不僅僅是插入一個(gè)表格。關(guān)注課堂學(xué)生使用書(shū)本，自主探究學(xué)習(xí)的能力以及操作達(dá)成率?？偨Y(jié)與評(píng)價(jià)老師對(duì)學(xué)生操作過(guò)程中發(fā)現(xiàn)的問(wèn)題加以強(qiáng)調(diào)，并總結(jié)利用表格布局網(wǎng)頁(yè)頁(yè)面的優(yōu)點(diǎn)。 參與歸納“應(yīng)用表格布局網(wǎng)頁(yè)的優(yōu)點(diǎn)”。展示表格頁(yè)面制作完成的優(yōu)秀學(xué)生作品，對(duì)學(xué)生的評(píng)價(jià)進(jìn)行總結(jié)性的歸納。評(píng)價(jià)標(biāo)準(zhǔn)：以網(wǎng)頁(yè)上各類(lèi)素材間整體布局

10、的合理性、協(xié)調(diào)性和美觀(guān)程度為指標(biāo)進(jìn)行評(píng)價(jià)（見(jiàn)附表）。表?yè)P(yáng)完成任務(wù)的同學(xué)，對(duì)未完成的同學(xué)給予激勵(lì)，鼓勵(lì)他們利用課余時(shí)間繼續(xù)完成。 學(xué)生回答問(wèn)題：（1）表格在FrontPage中起到了的作用：定位對(duì)象。（2）表格編輯的基本操作。培養(yǎng)學(xué)生重視書(shū)本，合理利用書(shū)本的講解，自己進(jìn)行學(xué)習(xí)、總結(jié)，通過(guò)實(shí)踐操作制作表格網(wǎng)頁(yè)，讓他們從中獲得成功的體驗(yàn)。激發(fā)學(xué)生學(xué)習(xí)網(wǎng)頁(yè)制作的興趣。作 業(yè)課后要求學(xué)生在瀏覽網(wǎng)頁(yè)時(shí)，多留意一下著名的網(wǎng)站網(wǎng)頁(yè)，觀(guān)察首頁(yè)和子頁(yè)的規(guī)劃有何不同。請(qǐng)同學(xué)們預(yù)先在草稿紙上設(shè)計(jì)好你所要制作主題網(wǎng)頁(yè)的首頁(yè)和子頁(yè)布局，以便上機(jī)操作時(shí)更快捷的完成任務(wù)。為下面的制作網(wǎng)頁(yè)學(xué)習(xí)打好堅(jiān)實(shí)基礎(chǔ)。注：附表于下頁(yè)應(yīng)用表格布局網(wǎng)頁(yè)的評(píng)價(jià)表評(píng) 價(jià) 指 標(biāo)表 現(xiàn) 等 第自 評(píng)互 評(píng)師 評(píng)匯 總素材的利用率（20）高 較高 一般 差 頁(yè)面布局的完整性（2