八年級信息技術(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)。,