最準(zhǔn)確的網(wǎng)頁(yè)設(shè)計(jì)思路是把網(wǎng)頁(yè)分成三個(gè)層次，即結(jié)構(gòu)層樣式層行為層HTML結(jié)構(gòu)層 網(wǎng)頁(yè)的結(jié)構(gòu)或內(nèi)容層是該頁(yè)面的基礎(chǔ)HTML代碼正如房屋的框架為房屋的其他部分構(gòu)建了一個(gè)堅(jiān)實(shí) 的基礎(chǔ)，HTML的堅(jiān)實(shí)基礎(chǔ)創(chuàng)建了一個(gè)可以在。

1啟動(dòng)dreamweaver cs5，在彈出的對(duì)話框窗口中選擇html，進(jìn)入主界面編輯區(qū)域2接著對(duì)網(wǎng)頁(yè)的整個(gè)布局在草紙上繪制下來(lái)，做到心中有數(shù)，主要分成那幾個(gè)模塊主要有腳注菜單導(dǎo)航主體導(dǎo)航條四大部分3接著點(diǎn)擊設(shè)計(jì)。

需求 假設(shè)高度默認(rèn)100px ，請(qǐng)寫出三欄布局，其中左欄右欄各為300px，中間自適應(yīng) 將左右的div寬度設(shè)為300px，分別左右浮動(dòng)，中間盒子不設(shè)寬度注意先寫右邊盒子，再寫中間盒子，否則先渲染中間盒子，中間盒子會(huì)占滿該。

6pop布局 pop引自廣告術(shù)語(yǔ)，是指頁(yè)面布局像一張宣傳海報(bào)，一一張精美的圖片作為頁(yè)面的設(shè)計(jì)中心這種類型基本上是出現(xiàn)在一些網(wǎng)站的首頁(yè)，大部分為一些精美的平面設(shè)計(jì)結(jié)合一些小的動(dòng)畫，放上幾個(gè)簡(jiǎn)單的鏈接或者僅是一個(gè)“。