如何布局网页主体

如何布局网页主体

　　导语：网页的设计中主体的架构是体现设计师水平的一步，同时也是初学者必过一个技术门槛，通过DIV+CSS布局可以摆脱表格布局的桎梏，实现灵活控制各个网页版块。以下提供简单的主体布局。

　　1、首先编辑HTML代码，输入网页内容，通过DIV容器划分出各个版块。此处将主体分为左右两栏，使用800px宽度页面。

　　2、然后在外部样式表中加入CSS样式，使用浮动效果使页面居中浮动，同时此处的左侧宽度和右侧宽度应该尽量遵循一定的美术比例，一般使用黄金比例。800px固定宽度的参考比例为：800px=475px(左)+295px(右)+30px(自适应)。

　　3、接着编辑右侧导航或者简介，使用无序列表来创建。并且在CSS样式表中调整样式，此处在标题处加入下划线强调出内容。

　　4、到此，通过DIV+CSS创建的主体架构基本出来了。但是要进一步完善，可以在网页中插入图片，调整margin,padding等盒子模型，实现网页的美化。

　　注意事项

　　图片需要在PS下美化调整大小才能加入网页

　　自学经验，仅供参考。

【如何布局网页主体】相关文章：