html怎么把網頁分塊？

1、啟動dreamweaver cs5，在彈出的對話框窗口中選擇html，進入主界面編輯區域。 2、接著對網頁的整個布局在草紙上繪制下來，做到心中有數，主要分成那幾個模塊。主要有腳注、菜單導航、主體、導航條四大部分。 3、接著點擊設計進入設計狀態，在代碼區域書寫整體框架的css，即 #ztkj｛width:80%; boder:1px solid #000000; height:800px;} 在body里添加

即可在下面看到整體框架。 4、接著在書寫導航條代碼，即 #dht{padding:10px; boder:1px solid#000000; background-color:#a2a2ff;} 在第一個div中輸入，查看效果變化。 5、書寫主體內容的代碼，即 #ztnr{ float:left;width:60%; height:600px;boder:1px solid #000000; text-align:center; margin-light:10px; margin-left:10px;} 在整體框架中輸入主體內容，查看效果 6、書寫菜單導航代碼 #cddh{ float:right; margin-right:10px; width:35%;boder:1px #a2a2ff; height:600px;} 接著在整體框架中輸入代碼菜單導航7、書寫腳注的代碼 #jz{ padding:10px; boder:3px #a2a2ff; text-algin:center; clear:both; margin-top:20px;} 在整體框架中輸入代碼腳注查看效果。 8、這樣大體框架就制作出來了，按f12進行查看效果，效果不好需要進一步修改代碼。把邊框設置出來，把所有的boder進行修改為border:solid 5px #fcc; 9、由于整個框架不在中間位置，需要修改讓其居中對齊，所以要在ztkj中添加一條語句margin:auto; 10、這樣整個框架就出來，在實際的使用過程中要根據自己的需要進一步調整，執行文件-另存為命令，將網頁保存就完成了。