利用HTML進(jìn)行布局的方法有通過(guò)lttable標(biāo)簽來(lái)對(duì)表格的行和列進(jìn)行排列來(lái)實(shí)現(xiàn)頁(yè)面布局的效果，也可實(shí)現(xiàn)將網(wǎng)頁(yè)內(nèi)容放在多個(gè)頁(yè)面中的多列布局還可以使用div和span標(biāo)簽進(jìn)行布局頁(yè)面布局是圖形設(shè)計(jì)的一部分，用于處理頁(yè)面上視覺(jué)元素。

1流動(dòng)布局html網(wǎng)頁(yè)默認(rèn)的布局方式特點(diǎn)1塊狀元素都會(huì)在所處的包含元素內(nèi)自上而下按順序垂直延伸分布，因?yàn)樵谀J(rèn)狀態(tài)下，塊狀元素的寬度都為100%2內(nèi)聯(lián)元素都會(huì)在所處的包含元素內(nèi)從左到右水平分布顯示內(nèi)聯(lián)。

第一利于搜索引擎蜘蛛爬行 根據(jù)總結(jié)和經(jīng)驗(yàn)，div+css布局有利于蜘蛛的爬行，拿html的table布局和div+css布局的網(wǎng)頁(yè)來(lái)做對(duì)比，很顯然table的字節(jié)大于div+css的，字節(jié)小就有益于搜索引擎蜘蛛下載頁(yè)面所用的時(shí)間，而且也有益于。

4“T”結(jié)構(gòu)布局 所謂“T”結(jié)構(gòu)布局，就是指網(wǎng)頁(yè)上邊和左邊相結(jié)合，頁(yè)面頂部為橫條網(wǎng)站標(biāo)志和廣告條，左下方為主菜單，右面顯示內(nèi)容，這是網(wǎng)頁(yè)設(shè)計(jì)中用得最廣泛的一種布局方式在實(shí)際設(shè)計(jì)中還可以改變“T”結(jié)構(gòu)布局的。

dreamweaver8是一款非常優(yōu)秀的可視化網(wǎng)頁(yè)設(shè)計(jì)布局軟件在日常開發(fā)當(dāng)中，經(jīng)常會(huì)遇到框架布局如上下布局，上左右布局上下左右布局等等這里演示怎樣插入布局框架，然后全部保存打開dreamweaver8，并新建一個(gè)html網(wǎng)頁(yè)點(diǎn)擊。

DIVCSS網(wǎng)頁(yè)設(shè)計(jì)的話一般是手寫代碼，使用網(wǎng)頁(yè)編輯工具也可以，在代碼編輯狀態(tài)下編輯也是不錯(cuò)的選擇 表格在網(wǎng)頁(yè)設(shè)計(jì)中比較直觀，直接可以選擇行與列，對(duì)內(nèi)容進(jìn)行定位劃分，大小高度顏色圖片可以手動(dòng)設(shè)置 divcss也是網(wǎng)頁(yè)布局。

流動(dòng)布局流動(dòng)布局是瀏覽器默認(rèn)的布局方式他會(huì)按照你所寫的標(biāo)簽特性，從上至下從左到右的方式進(jìn)行排列在HTML中我們按照標(biāo)簽的排列特性可以將它們分成三類1行級(jí)元素不獨(dú)占一行，不能設(shè)置元素的高度寬度和底邊邊距。