浙教版信息技術(shù)八上第12課《用表格為網(wǎng)頁(yè)布局》課件

網(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è)面布局整齊、美觀。 分析表格 插入表格 【任務(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ì)來了，請(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)。