十二課用表格為網(wǎng)張布局教學(xué)課件

1、第十二課用表格為網(wǎng)頁布局第1頁，共16頁。- 版權(quán)所有- 一、規(guī)劃主頁頁面布局常見的網(wǎng)站主頁構(gòu)成圖標(biāo)題欄網(wǎng)站版權(quán)說明等欄目欄目欄目欄目標(biāo)題欄網(wǎng)站版權(quán)說明等欄目欄目欄目欄目居中型半包圍型主題突出型導(dǎo)航欄型網(wǎng)站版權(quán)說明等導(dǎo)航一主題圖導(dǎo)航二導(dǎo)航三導(dǎo)航四標(biāo)題欄網(wǎng)站版權(quán)說明等網(wǎng)頁內(nèi)容導(dǎo)航一導(dǎo)航二導(dǎo)航三導(dǎo)航四導(dǎo)航五第2頁，共16頁。- 版權(quán)所有- 標(biāo)題欄 導(dǎo)航欄網(wǎng)頁內(nèi)容網(wǎng)站版權(quán)說明等導(dǎo)航欄型第3頁，共16頁。- 版權(quán)所有- 導(dǎo)航欄 網(wǎng)站版權(quán)說明等 標(biāo)題欄半包圍型第4頁，共16頁。- 版權(quán)所有- 標(biāo)題欄 導(dǎo)航欄網(wǎng)站版權(quán)說明等居中型第5頁，共16頁。- 版權(quán)所有- 導(dǎo)航欄網(wǎng)站版權(quán)說明等主題圖主題突出型第6頁，

2、共16頁。- 版權(quán)所有- 導(dǎo)航欄標(biāo)題欄主題圖第7頁，共16頁。- 版權(quán)所有- 標(biāo)題欄導(dǎo)航欄網(wǎng)站版權(quán)說明等第8頁，共16頁。- 版權(quán)所有- 導(dǎo)航欄標(biāo)題欄網(wǎng)站版權(quán)說明等第9頁，共16頁。- 版權(quán)所有- 標(biāo)題欄導(dǎo)航欄網(wǎng)站版權(quán)說明等第10頁，共16頁。- 版權(quán)所有- 頁面布局的設(shè)計沒有限定的規(guī)則。只要配合網(wǎng)站的內(nèi)容，讓訪問者瀏覽你的網(wǎng)站時感覺到舒服而又方便就可以了。 那么用什么來為我們的網(wǎng)頁布局呢?拼圖游戲第11頁，共16頁。- 版權(quán)所有- 二、用表格為主頁布局 在頁面上繪制表格，在單元格中輸入文字或插入圖片，從而對頁面上的文字、圖片等元素進(jìn)行混合排版。標(biāo)題欄導(dǎo)航欄網(wǎng)頁內(nèi)容網(wǎng)站版權(quán)說明等標(biāo)題欄導(dǎo)航一網(wǎng)

3、頁內(nèi)容導(dǎo)航二導(dǎo)航三導(dǎo)航四導(dǎo)航五網(wǎng)站版權(quán)說明等第12頁，共16頁。- 版權(quán)所有- 打開網(wǎng)頁。啟動SharePoint Designer，打開已建好的站點(diǎn)“我的網(wǎng)站”，雙擊網(wǎng)頁“try.htm”，此時網(wǎng)頁處于編輯狀態(tài)。請參考頁面提示或教材內(nèi)容進(jìn)行操作。試一試第13頁，共16頁。- 版權(quán)所有- 表格運(yùn)用技巧之表格嵌套在原有單元格內(nèi)再插入表格，使其容納的文字或圖片等元素不會影響其他單元格中的元素位置。例如，在第二行插入1*5表格，可以采用嵌套表格來完成。第14頁，共16頁。- 版權(quán)所有- 打開主頁。雙擊主頁“default.htm”，此時主頁處于編輯狀態(tài)。請結(jié)合書本44頁的常見網(wǎng)站主頁構(gòu)成圖，規(guī)劃你自己的網(wǎng)站主頁，附上相關(guān)說明文字（如：標(biāo)題欄、導(dǎo)航、欄目、主題圖、網(wǎng)頁內(nèi)容、網(wǎng)站版權(quán)說明等）。并說說你的網(wǎng)站主頁構(gòu)圖屬于哪一種類型。（居中型、半包圍型、主題突出型、導(dǎo)航欄型）做一做第15頁，共16頁。- 版權(quán)所有- 三、課堂小結(jié) 規(guī)劃主頁頁面布局1 用表格為主頁布