八年級信息技術(shù)上冊 第三單元 網(wǎng)站制作 第12課《用表格為網(wǎng)頁布局》課件2 浙教版.ppt

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