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

1、課題第十二課用表格為網(wǎng)頁(yè)布局設(shè)計(jì)意圖如何將文字、圖像和網(wǎng)頁(yè)各兀素合理、恰當(dāng)?shù)呐欧旁诰W(wǎng)頁(yè)中，使頁(yè)面易 讀和美觀，是初學(xué)者建設(shè)網(wǎng)站要考慮的問(wèn)題。觀察一些站點(diǎn)，不難發(fā)現(xiàn)，很 多網(wǎng)頁(yè)都是使用表格來(lái)組織的。利用表格來(lái)布局頁(yè)面，對(duì)于初學(xué)者來(lái)說(shuō)易上 手，因?yàn)樗钥梢暬男问匠尸F(xiàn)信息，比較直觀，對(duì)貞面兀素定位也比較方 便。學(xué)生制作的網(wǎng)站最終效果如何，取決于頁(yè)面布局的合理性，因此，本課 對(duì)于網(wǎng)貞制作有著十分重要的作用。目標(biāo)1 .通過(guò)分析不同的頁(yè)面布局，理解布局在版面設(shè)計(jì)中的重要性。2 .利用表格規(guī)劃網(wǎng)頁(yè)布局，掌握表格的插入、設(shè)置等操作方法。重難點(diǎn)重點(diǎn)：用表格布局網(wǎng)頁(yè)。難點(diǎn)：靈活掌握排列表格和設(shè)置表格屬性的方法。

2、課前隹備網(wǎng)貞課時(shí)安排1課時(shí)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖導(dǎo)入】、展小2張素材相同布局不同的網(wǎng)頁(yè)。提問(wèn)：哪張比較美觀？對(duì)照課本 圖12-1至12-4常見(jiàn)網(wǎng)站主頁(yè)構(gòu)成圖， 它屬于哪種類(lèi)型？：它是怎么布局的？教師分析網(wǎng)貞中所隱含的表格結(jié)構(gòu)，總 結(jié)用表格為網(wǎng)頁(yè)布局的重要性。學(xué)生觀察和比較兩張網(wǎng)貞，個(gè)別回答問(wèn)題。通過(guò)提問(wèn)、引導(dǎo)、比 較等方法，培養(yǎng)學(xué)生 辨別表格布局網(wǎng)頁(yè)頁(yè) 面的好處。新一、分析表格布局1、提問(wèn)：這張網(wǎng)頁(yè)是用幾行幾列的表格布局的？教師展示表格結(jié)構(gòu)。2、展示網(wǎng)絡(luò)世界”網(wǎng)站主頁(yè)，讓學(xué) 生分析表格結(jié)構(gòu)。二、設(shè)置網(wǎng)頁(yè)大小任務(wù)：打開(kāi)自己的網(wǎng)站主頁(yè)，設(shè)置網(wǎng)頁(yè)大小。一學(xué)習(xí)“日積月累”。授三、插入及編輯表格并完成

3、頁(yè)面布局任務(wù)根據(jù)自己的網(wǎng)站主頁(yè)設(shè)計(jì)，插入表格。個(gè)別學(xué)生演示插入表格。任務(wù)對(duì)表格進(jìn)行拆分，調(diào)整單元格。教帥演zk /并作頁(yè)面布局。提高任務(wù)完成之前操作的學(xué)生確定標(biāo)題欄目和分欄目，并在主頁(yè)中插入圖片和文字。分析網(wǎng)負(fù)中所隱含的表格結(jié)構(gòu)，并回答。通過(guò)提問(wèn)、比較、學(xué) 生回答，教帥不氾演 示等方法，提高學(xué)生 如何利用表格布局網(wǎng) 貝貝面的能力。學(xué)生在制作過(guò)程中的 合作、討論、展示、 交流、評(píng)價(jià)及歸納等 方法，培養(yǎng)學(xué)生的思 考能力、語(yǔ)言組織能 力、語(yǔ)言表達(dá)能力、 歸納能力和宙美能 力。學(xué)生讀讀“日積月累”，查找一下自己屏幕的分辨率。學(xué)生嘗試，演示。教師個(gè)別輔導(dǎo)。部分學(xué)生完成提高任務(wù)讓一部分學(xué) 生體會(huì)整體網(wǎng)頁(yè)制作 的過(guò)程。4課堂展示展示個(gè)別學(xué)生的成果，并分析成功和欠缺的地方。學(xué)生分析，教師總結(jié)。培養(yǎng)學(xué)生重視學(xué)習(xí)結(jié) 果的質(zhì)量，并從中讓 他