網(wǎng)站代碼基本代碼 html怎么把網(wǎng)頁分塊,div?
html怎么把網(wǎng)頁分塊,div?1. 啟動Dreamweaver CS5,在彈出的對話框窗口中選擇HTML,進入主界面編輯區(qū)。2然后將整個網(wǎng)頁的布局繪制在草紙上,以便我們對其有一個很好的了解,主要分為
html怎么把網(wǎng)頁分塊,div?
1. 啟動Dreamweaver CS5,在彈出的對話框窗口中選擇HTML,進入主界面編輯區(qū)。2然后將整個網(wǎng)頁的布局繪制在草紙上,以便我們對其有一個很好的了解,主要分為哪些模塊。有腳注、菜單導航、主體和導航欄。三。然后點擊design進入設計狀態(tài),在代碼區(qū)編寫整體框架的CSS,即#ztkj{寬度:80%boder:1px固體#000000 高度:800px}在正文中添加
以查看下面的總體框架。4然后編寫導航條形碼,即DHT{填料:10px boder:1px solid#000000 background color:#a2a2ff}在第一個div中輸入以查看效果更改。5編寫主要內(nèi)容的代碼,即#ztnr{浮動:leftwidth:60% 高度:600pxboder:1px實心#000000文本-對齊:中心邊距光源:10px邊距-左:10px}在整體框架中輸入視圖效果。8這樣,就產(chǎn)生了總體框架。按F12查看效果。如果效果不好,需要進一步修改代碼。設置邊框并將所有邊框更改為邊框:實心5px#聯(lián)邦通信委員會9。由于整個框架不在中間位置,所以需要對其進行修改以使其在中間對齊,因此應該在ztkj中添加一條語句邊距:自動10。這樣,整個框架就出來了。在實際使用過程中,需要根據(jù)自己的需要進一步調(diào)整,執(zhí)行文件另存為命令,保存網(wǎng)頁。