如何布局網頁主體

如何布局網頁主體

　　導語：網頁的設計中主體的架構是體現設計師水平的一步，同時也是初學者必過一個技術門檻，通過DIV+CSS布局可以擺脫表格布局的桎梏，實現靈活控制各個網頁版塊。以下提供簡單的主體布局。

　　1、首先編輯HTML代碼，輸入網頁內容，通過DIV容器劃分出各個版塊。此處將主體分為左右兩欄，使用800px寬度頁面。

　　2、然后在外部樣式表中加入CSS樣式，使用浮動效果使頁面居中浮動，同時此處的左側寬度和右側寬度應該盡量遵循一定的美術比例，一般使用黃金比例。800px固定寬度的參考比例為：800px=475px(左)+295px(右)+30px(自適應)。

　　3、接著編輯右側導航或者簡介，使用無序列表來創建。并且在CSS樣式表中調整樣式，此處在標題處加入下劃線強調出內容。

　　4、到此，通過DIV+CSS創建的主體架構基本出來了。但是要進一步完善，可以在網頁中插入圖片，調整margin,padding等盒子模型，實現網頁的美化。

　　注意事項

　　圖片需要在PS下美化調整大小才能加入網頁

　　自學經驗，僅供參考。

【如何布局網頁主體】相關文章：