在自学网页设计路上：[3]如何布局网页主体

DW

调试浏览器

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

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

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

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

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

自学经验，仅供参考。