應用表格布局網(wǎng)頁結構.doc

應用表格布局網(wǎng)頁結構教學實錄 作者：阜寧縣明達中學姜秀菊來源：本站原創(chuàng)點擊數(shù)：1078更新時間：2010-6-12文章錄入：yc_chl 知識與技能目標：1、了解表格在網(wǎng)頁設計中的作用。2、掌握網(wǎng)頁中表格的制作方法、表格屬性的設置方法以及單元格的修飾與編輯方法，能夠在單元格中正確插入文字和圖片。3、區(qū)分表格屬性和單元格屬性，并掌握屬性的設置。4、能夠根據(jù)網(wǎng)頁設計內(nèi)容，正確布局表格的結構，掌握表格嵌套的設計方法。過程與方法目標：1、利用對比學習，形成知識遷移的能力2、通過用表格布局網(wǎng)頁，進一步理解表格的作用、功能3、通過對比學習與自主探究，了解并掌握軟件學習的一般方法及規(guī)律，提升自主學習能力4、通過任務驅動學會情感態(tài)度與價值觀目標：1、通過對用表格布局網(wǎng)頁的學習，增強審美觀，提高對學習網(wǎng)頁制作的興趣。2、通過“保護動物”網(wǎng)站的制作，激發(fā)學生關愛動物、保護動物的責任感，從而進一步樹立共同改善人類生存環(huán)境的意識。教學重點與難點：1、重點。（1）了解表格在網(wǎng)頁設計中的重要作用。（2）掌握插入、編輯表格的方法及表格的屬性設置方法。（3）掌握單元格的修飾屬性的設置。2、難點。表格的嵌套在網(wǎng)頁設計的重要作用。教學準備：各自制作的站點文件夾，整理、歸類相關素材并按要求擺放。教學過程 一、導入：播放歌曲“一個真實的故事”，激發(fā)學生興趣，與學生互動。師：這首歌里講的是什么樣的故事呢？生回答。一個姑娘救丹頂鶴的故事師：丹頂鶴，它是一種珍稀動物，同學們還知道哪些珍稀動物呢？是從哪里知道這些珍稀動物的呢？生搶答。揚子鱷，大鯢，金絲猴，丹頂鶴師：很好，同學們知道的可真多啊，是從哪里知道這些珍稀動物的呢？生回答：書，報紙，網(wǎng)絡師：同學們知道，但是很多人不知道呢，更不知道人與動物要和諧相處，我們是不是有必要做些宣傳。為保護珍稀動物盡一份力？生：對師：但是這么多珍稀動物在網(wǎng)頁上應該如何分布呢？展示：兩張素材相同布局不同的網(wǎng)頁（動物人類的朋友）。（然后將兩個頁面并排顯示在投影上）提問：同學們，請大家比較一下這兩個網(wǎng)頁，相互之間可以討論一下，那一個網(wǎng)頁布局更合 理，哪張較美觀？較美觀的那張網(wǎng)頁是怎么布局的？（請學生回答，請坐。）【設計意圖】展示作品，激發(fā)學生興趣；引導學生發(fā)現(xiàn)問題，并學會分析問題。觀察和比較兩張素材相同布局不同的網(wǎng)頁，分析布局網(wǎng)頁頁面的元素。這兩個網(wǎng)頁，通過比較會發(fā)現(xiàn)：一個是頁面工整，文本、圖片擺放對稱且有一定規(guī)律，使用表格布局，但表格邊框隱藏（看不出表格痕跡）；一個是頁面凌亂，有圖有文，擺放雜亂，提出問題，有什么辦法可以達到第一個頁面的效果？二、新授：1、分析表格結構布局展示一些由表格布局的網(wǎng)頁，引導學生分析其表格結構，自然過渡到書本例子（biaoge.htm），分析結構，得出表格的布局（幾行幾列，哪些行做了哪些處理）。（1）歸納：較美觀的一組是利用表格來布局的。提問：誰能看出這張網(wǎng)頁中所隱含的表格是幾行幾列的？ 展示：分析網(wǎng)頁中所隱含的表格結構。 （2）學生討論、交流，F(xiàn)rontPage中表格的插入和編輯與Word中的表格操作雷同，教師無需講解，引導學生知識遷移。 任務一、學生操作：插入10行一列的表格。2、編輯表格并完成頁面布局 演示：進行插入表格和編輯表格（合并、拆分單元格）任務二、學生觀察示范，學生與教師進行合并、拆分單元格的實踐操作。3、充實網(wǎng)頁內(nèi)容：任務三、在表格中插入圖片、輸入文字展示學生作品，引導學生發(fā)現(xiàn)表格頁面中存在的問題，教師提出需要做哪些修改？ 學生回答：圖片的大小，對齊方式，邊框線、背景的設置。 4、 表格嵌套生：圖片調整后，其它單元格隨之變化，如何解決這個問題？師：這就要用到表格的“嵌套”?！驹O計意圖】這是本節(jié)課的重點，布局主要就是通過插入表格、表格嵌套、拆分單元格來實現(xiàn)的。讓學生動手制作，體驗表格的作用；以任務驅動形式自主學習，然后讓學生自己發(fā)現(xiàn)問題，并解決問題，推動學生的探索意識和交流能力。教師講解，表格嵌套的含義，并演示。任務四：表格嵌套，把第一和第二行的單元格各自合并后，分別插入表格。5、 調整表格屬性，美化頁面教師演示：表格、單元格屬性的調整。 任務五：表格屬性以及單元格屬性的編輯。調整圖片大小、位置，設置單元格與表格屬性。 A、表格屬性的調整去除網(wǎng)格線、設置表格背景色等 B、使用不同的顏色區(qū)分各版塊單元格屬性的調整 強調：鼠標右鍵快捷菜單。輔導：教師巡視各小組的實踐操作練習，對特殊學生給予較多的個別輔導機會。 學 生以小組為單位，進行“表格布局網(wǎng)頁頁面”的實踐操作練習并進行交流展示。 一般學生： 模仿課本中例子完成一張網(wǎng)頁的表格布局。 優(yōu)秀學生： 自主設計網(wǎng)頁的頁面布局，教師給予一定的輔導。6、保存、預覽網(wǎng)頁 任務五：保存、預覽網(wǎng)頁，并互相評價、學習。7、提高內(nèi)容：請做的好的學生嘗試做出拓展作業(yè)里的網(wǎng)頁的表格布局?！驹O計意圖】鼓勵學有余力的學生自主探索；鼓勵學生質疑，疑問是學生探索、創(chuàng)新的動力源泉三、作品的展示交流評價：（教師評價與學生評價相結合） 展示表格頁面制作完成的優(yōu)秀作品，表揚完成任務的同學，對未完成的同學給予激勵，鼓勵他們利用中午以及下午放學時間抽空到機房繼續(xù)完成。四、小結本節(jié)課我們學習了在FrontPage中插入表格、編輯表格以及表格嵌套的基本方法。請同學們回答幾個問題，并演示幾個基本操作。在網(wǎng)頁制作中，我們經(jīng)常利用表格來布局和規(guī)劃網(wǎng)頁的版面。表格在網(wǎng)頁制作中能很好的控制文本和圖片，表格能讓你的頁面具有良好的易讀性。利用表格的詳細設置，你能創(chuàng)建符合頁面需要的表格。 五、教學反思信息技術課是一周上一節(jié)，網(wǎng)站的制作上過一次，學生對網(wǎng)頁編輯工具和打開站點都已經(jīng)生疏了，所以，在學生操作之前我先演示如何打開站點，這樣學生就能快速的回憶原來的知識，上手比較快。應用表格布局網(wǎng)頁是網(wǎng)站制作的第三課時。本節(jié)課的重點應該是首先讓學生了解表格在網(wǎng)頁設計中的作用，所以在課的一開始，我通過對比引入，加上復習回憶Word中的表格，了解表格的不同的功能，讓學生明白表格的網(wǎng)頁設計中的重要性。重點之二就是掌握網(wǎng)頁中表格的制作方法及其基本編輯方法。FRONTPAGE中表格的制作方法與WORD有很多相似之處，所以學生應該都是有表格制作的基礎的，我運用了知識的遷移，適當?shù)暮蛯W生一起回顧一下，這樣可以使學生知道不同軟件之間是有互通性的，突破以往滿堂灌的形式。重點之三就是區(qū)分表格屬性和單元格屬性，并掌握屬性的設置。這一部分主要是讓學生知道打開對象屬性的方法，掌握操作共性。表格屬性和單元格屬性參數(shù)的設置并不難，主要是讓學生帶著問題自己探索，從而區(qū)分表格屬性和單元格屬性。對于難點部分“表格的嵌套”，我讓學生自己發(fā)現(xiàn)問題，先思考，然后教師解答并操作。這樣學生就掌握了。最后通過拓展任務體現(xiàn)分層教學。考慮到學生的差異，本人還提供了學案加以輔導，學生的任務達成率比較高。在整個教學過程中時時引導學生去探索問題、解決問題，從而引動和維持學生學習的興趣和動機。教學過程看起來比較多，但環(huán)環(huán)相扣，層層遞進。本節(jié)課也有一些不足之處，一是學生還不習慣小組的合作，很多的同學自己忙自己的。在以后課堂中要想辦法激發(fā)學生小組合作意識。二我高估了學生的基礎，本應在上節(jié)課學會的東西，比如調整圖片的大小等，學生并沒有很好的掌握，所以導致部分同學表格不太好