《12課《用表格為網(wǎng)頁布局》》由會(huì)員分享,可在線閱讀,更多相關(guān)《12課《用表格為網(wǎng)頁布局》(2頁珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、課題第十二課 用表格為網(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è)置表格屬性的方法。課前
2、準(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)頁
3、頁面的能力。學(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