html怎么把網(wǎng)頁分塊，div？1、啟動時dreamweavercs5，在彈出對話框的對話框窗口中選擇html，進入主界面編輯區(qū)域。2、緊接著對網(wǎng)頁的整個布局在草紙上繪制的下了，做到心中有數(shù)，比較多等

html怎么把網(wǎng)頁分塊，div？

1、啟動時dreamweavercs5，在彈出對話框的對話框窗口中選擇html，進入主界面編輯區(qū)域。2、緊接著對網(wǎng)頁的整個布局在草紙上繪制的下了，做到心中有數(shù)，比較多等分那幾個模塊。比較多有腳注、菜單導航、主體、導航條四大部分。3、而后直接點擊怎么設計再次進入設計狀態(tài)，在代碼區(qū)域書寫整體框架的css，即#ztkj｛width:80%boder:1pxsolid#000000height:800px}在body里添加

即可在下面看見了整體框架。4、而后在書寫導航條代碼，即#dht{padding:10pxboder:1pxsolid#000000background-color:#a2a2ff}在第一個div中然后輸入

，查找效果變化。5、書寫主體內(nèi)容的代碼，即#ztnr{float:leftwidth:60%height:600pxboder:1pxsolid#000000text-align:centermargin-light:10pxmargin-left:10px}在整體框架中輸入主體內(nèi)容

，查找效果6、書寫菜單導航代碼#cddh{float:backmargin-stops:10pxwidth:35%boder:1px#a2a2ffheight:600px}隨后在整體框架中輸入代碼菜單導航

7、書寫腳注的代碼#jz{padding:10pxboder:3px#a2a2fftext-algin:centerclear:bothmargin-hot:20px}在整體框架中再輸入代碼腳注

一欄效果。8、那樣詳細框架就制作出來了，按f12通過查找效果，效果當然不好必須盡快修改代碼。把邊框設置不出來，把所有的boder接受可以修改為border:solid5px#fcc9、的原因整個框架是在中間位置，不需要修改讓其居中對齊，所以要在ztkj中先添加一條語句margin:auto10、那樣的話整個框架就出，在實際的使用過程中要依據(jù)自己的需要盡快變動，想執(zhí)行文件-保存類型命令，將網(wǎng)頁保存就結(jié)束了。

新手如何用HTML加CSS布局實現(xiàn)一個導航欄？

如果能你自己會寫則很簡單啊要是不可能這里也沒無力

找一個，慢慢的看

就找框架來研究吧。jQuery有很多插件，基本都代碼都開源

簡單確立一個DIV，故其命名原則為“nav”，在DIV中建立一個ltulgt雜亂無序列表，導航總計幾個欄目，就為列表去添加幾個ltligt的列表項，為每個列表項中的內(nèi)容再加超鏈接，鏈接到所需的項目頁面。

接著設置CSS樣式，為列表相關(guān)規(guī)定寬度和高度，消掉列表前面的符號，代碼為：

ul{width:寬度值；height：垂直距離值；list-style:none；}

如果是豎向車載導航，還需為里面的列表項ltligt標簽設置里左浮動的樣式，代碼為：li{float:left}

每個欄目之間連成一體的距離可是從margin（外邊距）屬性來設置。

html代碼：

ltdividnavgt

ltulgt

ltligtCSS學習lt/ligt

ltligt上學前準備lt/ligt

ltligt入門教程lt/ligt

ltligt想提高教程lt/ligt

ltligt布局教程lt/ligt

ltligt精彩應用lt/ligt

lt/ulgt

lt/divgt

css代碼：

#navul{

width:960px

height:35px

}

導航欄這個可以不使用百分比布局，一個大div才是容器，里面放各小的div。