12課《用表格為網(wǎng)頁布局》

課題第十二課 用表格為網(wǎng)頁布局設(shè)計(jì)意圖如何將文字、圖像和網(wǎng)頁各元素合理、恰當(dāng)?shù)呐欧旁诰W(wǎng)頁中，使頁面易讀和美觀，是初學(xué)者建設(shè)網(wǎng)站要考慮的問題。觀察一些站點(diǎn)，不難發(fā)現(xiàn)，很多網(wǎng)頁都是使用表格來組織的。利用表格來布局頁面，對(duì)于初學(xué)者來說易上手，因?yàn)樗钥梢暬男问匠尸F(xiàn)信息，比較直觀，對(duì)頁面元素定位也比較方便。學(xué)生制作的網(wǎng)站最終效果如何，取決于頁面布局的合理性，因此，本課對(duì)于網(wǎng)頁制作有著十分重要的作用。目標(biāo)1. 通過分析不同的頁面布局，理解布局在版面設(shè)計(jì)中的重要性。2. 利用表格規(guī)劃網(wǎng)頁布局，掌握表格的插入、設(shè)置等操作方法。重難點(diǎn)重點(diǎn)： 用表格布局網(wǎng)頁。難點(diǎn)： 靈活掌握排列表格和設(shè)置表格屬性的方法。課前準(zhǔn)備網(wǎng)頁課時(shí)安排1課時(shí)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖導(dǎo)入1、展示2張素材相同布局不同的網(wǎng)頁。提問：哪張比較美觀？對(duì)照課本圖12-1至12-4常見網(wǎng)站主頁構(gòu)成圖，它屬于哪種類型？ ：它是怎么布局的？教師分析網(wǎng)頁中所隱含的表格結(jié)構(gòu)，總結(jié)用表格為網(wǎng)頁布局的重要性。 學(xué)生觀察和比較兩張網(wǎng)頁，個(gè)別回答問題。通過提問、引導(dǎo)、比較等方法，培養(yǎng)學(xué)生辨別表格布局網(wǎng)頁頁面的好處。新授一、 分析表格布局1、提問：這張網(wǎng)頁是用幾行幾列的表格布局的？教師展示表格結(jié)構(gòu)。2、展示“網(wǎng)絡(luò)世界”網(wǎng)站主頁，讓學(xué)生分析表格結(jié)構(gòu)。分析網(wǎng)頁中所隱含的表格結(jié)構(gòu)，并回答。通過提問、比較、學(xué)生回答，教師示范演示等方法，提高學(xué)生如何利用表格布局網(wǎng)頁頁面的能力。學(xué)生在制作過程中的合作、討論、展示、交流、評(píng)價(jià)及歸納等方法，培養(yǎng)學(xué)生的思考能力、語言組織能力、語言表達(dá)能力、歸納能力和審美能力。二、 設(shè)置網(wǎng)頁大小任務(wù)：打開自己的網(wǎng)站主頁，設(shè)置網(wǎng)頁大小。一起學(xué)習(xí)“日積月累”。學(xué)生讀讀“日積月累”，查找一下自己屏幕的分辨率。三、 插入及編輯表格并完成頁面布局任務(wù)根據(jù)自己的網(wǎng)站主頁設(shè)計(jì)，插入表格。 個(gè)別學(xué)生演示插入表格。任務(wù)對(duì)表格進(jìn)行拆分，調(diào)整單元格。 教師演示，并作頁面布局。學(xué)生嘗試，演示。教師個(gè)別輔導(dǎo)。提高任務(wù)完成之前操作的學(xué)生確定標(biāo)題欄目和分欄目，并在主頁中插入圖片和文字。部分學(xué)生完成提高任務(wù)讓一部分學(xué)生體會(huì)整體網(wǎng)頁制作的過程。課堂展示展示個(gè)別學(xué)生的成果，并分析成功和欠缺的地方。學(xué)生分析，教師總結(jié)。培養(yǎng)學(xué)生重視學(xué)習(xí)結(jié)果的質(zhì)量，并從中讓他們獲得成功的體驗(yàn)。激發(fā)學(xué)習(xí)網(wǎng)頁制作的興趣。相關(guān)資源2013版初中信息技術(shù)八上第三單元教參，素材。王江涇鎮(zhèn)中學(xué)史靜2