使用表格和Div布局網(wǎng)

《使用表格和Div布局網(wǎng)》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、第五章使用表格和Div布局網(wǎng)頁1、創(chuàng)建與編輯表格2、創(chuàng)建AP3、編輯APDiv第五章使用表格和Div布局網(wǎng)頁5.1表格一、布局表格在網(wǎng)頁的設(shè)計(jì)中，非常重要的一點(diǎn)就是網(wǎng)頁的布局，也就是網(wǎng)頁中的文字、圖像與動(dòng)畫等對(duì)象如何安排通常在插入對(duì)象以前先進(jìn)行區(qū)域分割。區(qū)域分割可以使用框架、層或表格，使用最多的是表格。第五章使用表格和Div布局網(wǎng)頁在DW8“布局”欄提供了“布局表格”和“繪制布局單元格”兩個(gè)布局工具。使用它們可以方便地制作出網(wǎng)頁布局的表格。布局工具欄，如下圖所示：第五章使用表格和Div布局網(wǎng)頁1、創(chuàng)建布局表格2、創(chuàng)建布局單元格如果沒有繪制布局表格就繪制布局單元格，則會(huì)自動(dòng)產(chǎn)生一個(gè)布局表格。第五

2、章使用表格和Div布局網(wǎng)頁注意：（1）不可以在布局單元格內(nèi)繪制布局表格和布局單元格。（2）不能將單元格移出所在的布局表格，也不能將單元格移到其他單元格之上。(3)當(dāng)一個(gè)行劃分了若干單元格時(shí)，必須先用布局表格，后用布局單元格第五章使用表格和Div布局網(wǎng)頁3、布局表格屬性第五章使用表格和Div布局網(wǎng)頁4、布局單元格屬性水平的默認(rèn)值為左對(duì)齊垂直的默認(rèn)值為居中對(duì)齊第五章使用表格和Div布局網(wǎng)頁布局表格菜單和布局單元格菜單：布局表格菜單布局單元格菜單第五章使用表格和Div布局網(wǎng)頁清除所有高度：可以將布局表格內(nèi)的單元格的高（即單元格頂部與布局表格頂部的間距）清除。如果布局表格內(nèi)沒有單元格，則自動(dòng)建立充滿布

3、局表格的單元格。第五章使用表格和Div布局網(wǎng)頁使所有寬度一致：使所有布局單元格的寬度一樣移除所有分隔符圖像：刪除所有的間隔圖像第五章使用表格和Div布局網(wǎng)頁刪除嵌套：刪除選中的布局表格中的間隔圖像。列設(shè)置為自動(dòng)伸展：使選中的布局單元格的列自動(dòng)適應(yīng)布局表格的寬度。第五章使用表格和Div布局網(wǎng)頁添加間隔圖像：在選中的布局單元格內(nèi)添加間隔圖像。間隔圖像是透明圖，在瀏覽器中是看不見的，但它可以用來控制自動(dòng)伸展表的間隔。間隔圖像會(huì)維持頁面上已經(jīng)設(shè)置的表格和單元格的寬度。第五章使用表格和Div布局網(wǎng)頁如何加快表格布局網(wǎng)頁加載的速度？要加快表格布局網(wǎng)頁加載的速度，可以在表格標(biāo)簽中添加及

4、dy>實(shí)現(xiàn)，代碼如下：第五章使用表格和Div布局網(wǎng)頁第五章使用表格和Div布局網(wǎng)頁例題1：如圖所示，制作該網(wǎng)頁要求：1、采用布局網(wǎng)頁方式布局2、導(dǎo)航欄的寬度保持一致3、頁面設(shè)計(jì)美觀、合理第五章使用表格和Div布局網(wǎng)頁第五章使用表格和Div布局網(wǎng)頁例題2：利用表格布局制作網(wǎng)頁要求：1、表格第一行：左邊為登陸，右邊為設(shè)為主頁和收藏2、表格第二行：主題和LOGO放置區(qū)3、表格第三行：高度為30像素、寬度為

5、100%、紅色的線條4、表格第四行：左邊為導(dǎo)航區(qū)，右邊為內(nèi)容顯示區(qū)5、表格第五行：為圖像滾動(dòng)特效，圖像向右滾動(dòng)6、表格第六行：版權(quán)聲明區(qū)域第五章使用表格和Div布局網(wǎng)頁作業(yè)：利用表格布局制作網(wǎng)頁要求：1、表格第一行：主題和LOGO放置區(qū)2、表格第二行：高度為30像素、寬度為100%、紅色的線條3、表格第三行：為導(dǎo)航欄4、表格第四行：左邊上半部分為登陸、下半部分為友情鏈接，右邊為內(nèi)容顯示區(qū)5、表格第五行：為圖像滾動(dòng)特效，圖像向右滾動(dòng)6、表格第六行：版權(quán)聲明區(qū)域例題3：頁面導(dǎo)航欄使用FLASH導(dǎo)航例題4：頁面導(dǎo)航欄使用FLASH文本導(dǎo)航第五章使用表格和Div布局網(wǎng)頁5.2創(chuàng)建DivDiv是網(wǎng)頁布局

6、中一個(gè)非常重要的對(duì)象。在DW中主要包括Div標(biāo)簽及ApDiv兩種對(duì)象。第五章使用表格和Div布局網(wǎng)頁Div標(biāo)簽和ApDiv嚴(yán)格意義上說是相同的對(duì)象，即都是