上中下网站布局2

分析：

从整体来看该页面模版是“上中下”的布局，其头部部分主要包括网站的 Logo 和导航条等；下面是一张精美的图片，该图片在整个模版中起到了美化网页的作用，同时该图片也是一个 DIV 标签；接下来是三个左右分开的表格，用来转达网页所要表达的文字信息，同时还包括多个超级链接，这些链接一般用于与本网站的其他网页建立联系；

最下面是是网站的底栏，主要包括版权信息和联系方式，主要功能是版权声明和听取浏览者的意见或建议。

代码：

用于控制该页面整体元素属性的相关 CSS 代码如下：

body{

background:#eee center top;

color: #dcdcdc;

font: .8em normal small "Trebuchet MS",Tahoma, verdana, arial, helvetica,

sans-serif;line-height: 1.6em;

}

结论：

从以上分析可知这类网站的布局模式简洁明了，重点突出。文字和图片的混排相对较少，文字内容的描述和图片展示也都比较紧凑集中，使浏览者可以明确精准的找到自己想要搜索和寻找的信息。