《浙教版信息技術(shù)八上第12課《用表格為網(wǎng)頁(yè)布局》課件》由會(huì)員分享,可在線閱讀,更多相關(guān)《浙教版信息技術(shù)八上第12課《用表格為網(wǎng)頁(yè)布局》課件(16頁(yè)珍藏版)》請(qǐng)?jiān)谘b配圖網(wǎng)上搜索。
1、 網(wǎng)頁(yè)一 網(wǎng)頁(yè)二觀看以下兩個(gè)網(wǎng)頁(yè)后,說一說你更喜歡哪一個(gè),為什么?比一比 標(biāo)題欄網(wǎng)頁(yè)內(nèi)容 版權(quán)說明 導(dǎo)航欄導(dǎo)航欄型 標(biāo)題欄 版權(quán)說明導(dǎo)航欄網(wǎng)頁(yè)內(nèi)容居中型 標(biāo)題欄導(dǎo)航欄 網(wǎng)頁(yè)內(nèi)容版權(quán)說明半包圍型 導(dǎo)航欄主題圖版權(quán)說明主題突出型 看一看 網(wǎng)頁(yè)的布局設(shè)計(jì)是沒有限定規(guī)則的,只要配合網(wǎng)站內(nèi)容,讓瀏覽者感覺簡(jiǎn)潔、有序、美觀就可以了。如果在這基礎(chǔ)上,能夠揭示主題、富有創(chuàng)意就更完美了。頁(yè)面布局 【任務(wù)一】根據(jù)自己的想法,在白紙上為自己的網(wǎng)站主頁(yè)繪制一個(gè)布局草圖,并注明標(biāo)題欄、導(dǎo)航欄、網(wǎng)頁(yè)內(nèi)容、版權(quán)說明欄等位置。畫一畫 用表格為網(wǎng)頁(yè)布局 在主頁(yè)中插入表格,通過表格能實(shí)現(xiàn)網(wǎng)頁(yè)中元素的定位、排版功能,使得頁(yè)面布局整
2、齊、美觀。 分析表格 插入表格 【任務(wù)二】打開上節(jié)課建好的站點(diǎn)和主頁(yè),根據(jù)自己的布局草圖,在主頁(yè)中插入相應(yīng)行列的表格。網(wǎng)絡(luò)世界首頁(yè)網(wǎng)絡(luò)拾貝網(wǎng)絡(luò)交流網(wǎng)絡(luò)安全網(wǎng)絡(luò)生活網(wǎng)頁(yè)內(nèi)容 網(wǎng)站制作:李雪合并拆分 修改表格 【任務(wù)三】根據(jù)布局要求,對(duì)表格進(jìn)行合并或拆分,并結(jié)合自己的網(wǎng)站規(guī)劃書,將網(wǎng)站的主題、導(dǎo)航欄欄目標(biāo)題以及自己的版權(quán)信息等填充到單元格中,并調(diào)整表格大小。 拓展任務(wù) 請(qǐng)觀察你的導(dǎo)航欄和老師的導(dǎo)航欄有什么區(qū)別?這是如何實(shí)現(xiàn)的呢? 勇于挑戰(zhàn)高難度任務(wù)的同學(xué)們,你們的機(jī)會(huì)來(lái)了,請(qǐng)嘗試在表格中實(shí)現(xiàn)這個(gè)功能,可參考課本P4 7頁(yè)閱讀材料中的“技巧一:表格嵌套”。 課堂總結(jié) 通過這節(jié)課的學(xué)習(xí),你學(xué)到了什么? 為了設(shè)計(jì)出簡(jiǎn)潔而又精美的網(wǎng)頁(yè),我們需要設(shè)計(jì)、排版、布局。 在日常生活中,我們同樣要有規(guī)劃布局,這樣才能夠提高效率,更快更好的達(dá)到目標(biāo)。