Div+Css 如何让页面更精美(三)——网页布局

 

首先我们拿到美工所设计好的页面第一要做的事情是仔细的了解图片大体的布局，大致有哪些部分所组成，就如一棵树有树根，树干，枝干，树枝，叶子等组成；网页也亦是如此，有body,有大框架，有板块，有小板块，结点，最后单个标签。

1.确定大框架，这个大框架并不是所有页面都是分成头，中，尾三个部分，而是将相对独立的板块（与父级无绝对关系）独立出来，就如树干与树只有主树干相连，不于其他树干相连。划分思想：大多页面一列多行（纵向排版页面），少部分的页面一行多列（横向排版）

2.确定框架中的板块，划分好框架之后，针对框架大板块进行规划子板块，是横向划分，还是纵向，依板块布局而定，并每个小板块各个之间相对独立。

3.往小板块添加结点，标签，在小板块确定之后添加结点，或者标签，最后添加内容。

4.在页面排版时需要考虑标签的多样式，相对独立的板块内的不同内容尽可能使用不同的标签来完成排版，有助于减少页面标签，页面代码，做到减少页面代码，提高页面加载速度，同时也提高网页信噪比，帮助搜索引擎抓起页面内容重要性。