- 相關推薦
如何布局網頁主體
導語:網頁的設計中主體的架構是體現設計師水平的一步,同時也是初學者必過一個技術門檻,通過DIV+CSS布局可以擺脫表格布局的桎梏,實現靈活控制各個網頁版塊。以下提供簡單的主體布局。
1、首先編輯HTML代碼,輸入網頁內容,通過DIV容器劃分出各個版塊。此處將主體分為左右兩欄,使用800px寬度頁面。
2、然后在外部樣式表中加入CSS樣式,使用浮動效果使頁面居中浮動,同時此處的左側寬度和右側寬度應該盡量遵循一定的美術比例,一般使用黃金比例。800px固定寬度的參考比例為:800px=475px(左)+295px(右)+30px(自適應)。
3、接著編輯右側導航或者簡介,使用無序列表來創建。并且在CSS樣式表中調整樣式,此處在標題處加入下劃線強調出內容。
4、到此,通過DIV+CSS創建的主體架構基本出來了。但是要進一步完善,可以在網頁中插入圖片,調整margin,padding等盒子模型,實現網頁的美化。
注意事項
圖片需要在PS下美化調整大小才能加入網頁
自學經驗,僅供參考。
【如何布局網頁主體】相關文章:
如何用css進行網頁布局07-06
網頁設計的布局08-13
網頁布局基礎08-10
常見的網頁布局設計07-25
網頁設計中美麗的布局05-13
關于網頁設計布局的分析09-26
網頁設計的布局的方式有哪些08-06
常見的網頁布局設計有哪些09-11
Dreamweaver窗口如何布局09-17
網頁設計要明確的那些布局細節09-11