滁州高端响应式网站设计

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

建站案例

上中下网站布局

分析:

从整体来看该页面模版是“上中下”的布局,其头部部分主要包括网站的Logo和导航条等;下面是一张精美的图片,该图片在整个模版中起到了美化网页的作用,同时该图片也是一个DIV标签,其代码为:“<div id="splash"></div>”;

接下来是两个左右分开的表格,用来转达网页所要表达的文字信息,同时还包括多个超级链接,这些链接一般用于与本网站的其他网页建立联系;最下面是是网站的底栏,主要包括版权信息和联系方式,主要功能是版权声明和听取浏览者的意见或建议。

代码:

相关 CSS 代码分析如下:

body {

margin: 20px 0;

background: #FFFFFF;

font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

font-size: 13px;

color: #7F7772;

}

结论:

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



相关文章