17.2　博客网站主页布局设计

网页的结构属于三行两列式布局，顶行用于显示网站的Banner，底部行用于显示网站的主要内容。

根据设计要求，将网站从上至下分为3个区域#header、#page和#footer。#page是网站主要内容的容器，在#page中将页面分为左右两部分，分别放置在#content和#sidebar两个Div对象中。各部分的布局规划如图17.2所示。

图17.2　网站主页布局规划