1、精選學習資料 - - - 歡迎下載學習必備歡迎下載網頁中的表格教學設計一.教學設計部分教學內容分析本課的主要內容與位置網頁中, 常用表格來對網頁中其它元素定位,將復雜的元素有條理的分布到網頁各個位置網頁布局；另外, 當我們把表格的寬度定為固定像素值后,仍能保證網頁布局不會隨瀏覽器窗口的大小變化而變化,當我們在網頁中輸入文字的時候,就可以讓文字頂滿格后自動換行,便利我們對文字的編輯；由此可見,網頁中只有利用表格進行布局,才能稱得上真正意義上的網頁設計；本課與前后內容的關系利用表格布局網頁,將上一節設計的網站首頁中的各種素材進行合理的分布,為對同學進行網頁設計技能上的提升；利用表格布局網頁也為整個

2、網站設計中一個特別重要技術手段,應用特別廣泛；教學目標分析學問目標 / 技能目標學問目標懂得表格在網頁設計中的重要作用；技能目標把握使用表格布局網頁；敏捷把握表格調整的方法；過程與方法目標能夠合理利用表格對網頁進行布局和規劃；情感態度與價值觀目標明白學校概貌,發覺校內之美,懂得法規與方圓的關系,養成良好的生活和學習習慣；精品學習資料精選學習資料 - - - 歡迎下載學習必備歡迎下載本課的重難點重點和難點：把握利用表格對網頁進行布局的方法本課的課時安排建議一課時教學策略設計建議教法建議由于關于表格的基本操作（插入表格. 調整表格： 調整行高或列寬.合并或拆分單元格.插入或刪除行或列.平均分布行或

3、列）在word 中已經有較具體的操作方法；在本課教學過 程中,老師教學的重點應放在由同學探究以上基本操作的基礎上的表格的使用如何利用表格布局網頁,讓網頁中的素材合理的在網頁上分布；另外,網頁模板為提高建站效率的有效手段,老師要留意引導同學對網頁模板的使用；學法建議留意觀看和借鑒樣板網站中表格的運用情形,剛開頭使用表格設計網頁時可將其邊框粗細的值設為1,以觀看調整表格的過程,從而把握表格調整的技巧；教學資源與環境建議本課教學資源索引1其次課的半成品網頁：index htm.parents htm教學評判建議自評.互評.師評要留意的問題同學制作的網頁為否通過表格的布局達到美化.整齊和排列有序的目的

4、；教學過程參考案例第一階段：導入新課,明確學習目標教學老師活動同學活動設計理念環節精品學習資料精選學習資料 - - - 歡迎下載學習必備歡迎下載精品學習資料精選學習資料 - - - 歡迎下載指導同學“讀一讀”,爭論兩幅圖之間的相像之處；導師：校內內的建筑通過道路和綠化帶進行入區域上的劃分, 網頁中的素材為通過表格新進行合理的支配,但如何支配呢？課這就為本節課的學習內容網頁中的表格；閱讀, 爭論.摸索.回答；從同學身邊最熟 悉的環境入手, 導入他們生疏的知 識點,幫忙同學通過對二者的比較 懂得新學問；精品學習資料精選學習資料 - - - 歡迎下載其次階段：范例精講,同學自主探究,完成范例教學老師

5、活動同學活動設計理念環節老師講解表格在網頁時的重要作用；精品學習資料精選學習資料 - - - 歡迎下載任務一：插入表格師：假如我們想要在網頁中使用表格必需 先插入表格,操作方法與word 差不多,自己嘗試著在一個新網頁中插入不同設置的表格,并填寫表1-3-1 ；老師指導同學參照圖1-3-4在主頁文件學index htm 中插入表格：習與任務二：表格的調整探究師：此部分內容與word 中的操作也為非常相像, 依據教材內容分組完成表格的調整；調整終止后將其次課中已經輸入的內容移動到表格中；任務三：設計網頁模板師：設計網站時為提高工作效率,我們一般使用模板, 現在我們就來定制屬于我們自己的網頁模板；

6、插 入 默 認 值 的 表格,分組插入修改不 同 參 數 值 的 表格,爭論并填寫表格；實踐表格的調整方法,體驗表格對網頁 布 局 的 重 要 作用；依據教材提示,將首頁儲存為模板；對于同學熟識的 學問點,完全放手給同學探究完成；嘗試通過不同途 徑解決同一問題,提高辦事效率；精品學習資料精選學習資料 - - - 歡迎下載第三階段：學問.情感拓展教學老師活動同學活動設計理念環節精品學習資料精選學習資料 - - - 歡迎下載學習必備歡迎下載精品學習資料精選學習資料 - - - 歡迎下載師：請同學們再次預覽使用表格布局的網頁,然后轉變瀏覽器窗口的大小,網頁版知面發生變化嗎？這說明什么問題呢？識與師：

7、在生活中,你能體會到父母對自己的情關懷和愛惜嗎？請大家課下完成“一日護感蛋 ” 的 實 踐 活 動 , 設 計 新 網 頁“feeling htm”；學 生 分 組 預 覽 網頁；生：表格可以愛護網頁的布局；由表格對網頁布 局的愛護延長到 父母對子女的愛；讓同學從護蛋活 動中體會這種愛 護要付出多大的 精力；精品學習資料精選學習資料 - - - 歡迎下載第四階段：綜合實踐,鞏固與提高,自由創作,遷移運用教學老師活動同學活動設計理念環節精品學習資料精選學習資料 - - - 歡迎下載師：通過本節課的學習,你為否感覺上一 節課設計的二級網頁“parents htm”需要使用表格重新布局一下呢？實踐老

8、師巡察指導與：剛才我們學習了網頁模板的儲存,下 創面請同學們使用模板設計xx 頁表中所列新的三個網頁；師：請大家摸索：能否為實踐活動網頁設計統一的模板？使用表格重新布局網頁；設計新網頁,體驗模板的重要作用；重點實現示例網頁neighbor htm 中的表格設計成效；學以致用,鞏固提高；精品學習資料精選學習資料 - - - 歡迎下載第五階段：教學總結,設疑激趣,為下一節課作好鋪墊教學環節課堂小結本節課的學習內容；課重新注視自己的網通過對比查找不堂師：通過本節課的學習,同學們為否覺得頁,并與樣例對比,足,做到有的放小自己做出的網頁在形式上仍有些單調？查找出自己網站需矢,激發同學自主結我們能否把網頁

9、做得更美麗呢？請同學要改進的地方；探究的熱忱；們課后預習下一課的內容網頁美化；老師活動同學活動設計理念教學反思（教學設計理念）本節課的主要內容與word 中的表格操作有許多相像之處,但又有很大的不同；所以,老師應讓同學通過實踐懂得表格在word和網頁設計中的不同作用；網頁模板為一個新學問點,只有通過實際操作才能體會它的作用,所以支配同學使用模板設計新網頁的環節；精品學習資料精選學習資料 - - - 歡迎下載學習必備歡迎下載二.補充資料部分1課件與學件同學用學件名稱文件名在網頁中插入表格插入表格 swf表格的調整表格調整 swf設計網頁模板網頁模板 swf 2資料庫網站版面的布局設計版面設計也可

10、以懂得為布局設計,就為我們在瀏覽器上看到的一個完整的頁面；如何將全部要表達的內容有機地整合和分布,達到某種視覺成效,這就叫做版面布局設計；我們將如何做好網站的版面設計呢？第一我認為為“過程注定了結果”,重視你所做的每一步并把它 盡量做到最好,信任結果也不會偏離軌道；下面先讓我們來明白一些版面設計的步驟；一.構思 （結構的搭建）在構思之前我們總需要進行網站的需求分析. 定位和受眾群等許多方面的事情； 假如我們連這些問題都仍不清晰的話, 請先不要去想著設計, 由于在不明白需求的情形下, 盲目地去把頁面設計達到某種視覺成效為很難的；當我們真正確定需求后,便可以盡可能地發揮自己的想象力,將自己想到的“

11、構思”畫上去（用筆和紙或者軟件都可以,依據自己的習慣而定）；這為屬于一個構思的過程,不講究精品學習資料精選學習資料 - - - 歡迎下載學習必備歡迎下載細膩工整,也不必考慮到一些細節的部分,只要用幾條粗陋的線條勾畫出創意的輪廓即可；盡可能多構思一些,以便挑選一個最適合的進行搭建；二.粗略布局這個階段為個試用期,我們只要把重要的元素和網頁結構相結合,看看框架為否合理,假如不適合就進行相應的修改；三.完善布局當我們已經有一個很好的框架時,我們需要依據網站設計時的構思將其所需的內容有條理地融入于整個的框架中；我們需要通過對圖片的處理.空間的合理利用進行編排；下面為廣告大師樊志育在廣告制作 中所提到的, 期望對大家在布局的理論上面有所幫忙；1正常平穩亦稱“均勻”；多指左右.上下對比形式,主要強調秩序,能達到安定誠懇.信任的成效；2反常平穩即非對比形式,但也要平穩和韻律,當然都為不均整的,此種布局能達到強調性.擔心性.高注目性的成效；3對比所謂對比,不僅利用顏色. 色調等技巧來做表現,在內容上也可涉及古與今.新與舊.貧與富等對比；精品學習資料精選學習資料 - - - 歡迎下載學習必備歡迎下載4凝視所謂凝視為利用頁面中人物視線,使瀏覽者仿照跟隨的心理,以達到凝視頁面的