9.1.3 布局结构
布局是以最适合浏览的方式将图片和文字排放在页面的不同位置。不同的制作者会有不同的布局设计。网页布局有以下几种常见结构。
1.“同”字型布局
所谓“同”字型布局是指页面顶部为“网站标志＋广告条＋主菜单”，下方左侧和右侧为二级栏目条或链接栏目条，屏幕中间显示具体内容的布局，如图9-1所示。
这种布局的优点是充分利用版面，页面结构清晰，左右对称，主次分明，信息量大；缺点是页面拥挤，太规矩呆板，如果细节色彩上缺少变化调剂，很容易让人感到单调乏味。
2.“国”字型布局
“国”字型布局是在“同”字型布局的基础上演化而来的，在保留“同”字型的同时，在页面的下方增加一横条状的菜单或广告，它是一些大型网站所喜欢的布局类型。一般最上面是网站的标题及横幅广告条，接下来就是网站的主要内容，左、右分列一些小条内容，中间是主要部分，与左、右一起罗列到底，最下面是网站的基本信息、联系方式、版权声明等，如图9-2所示。
这种布局的优点是充分利用版面，信息量大，与其他页面的链接切换方便；缺点是如果内容填充过多会导致页面拥挤，四面封闭，令人感到憋气。
3.“T”字型布局
这是一个形象的说法，是指页面的顶部是“网站标志＋广告条”，左侧（或右侧）是主菜单，右侧（或左侧）是主要内容。这种布局的优点是页面结构清晰、主次分明，是初学者最容易上手的布局方法；缺点是如果不注意细节的色彩会导致页面呆板，很容易让人看之乏味，如图9-3所示。
图9-1 “同”字型布局
图9-2 “国”字型布局
图9-3 “T”字型布局
4.“三”字型布局
这种布局多用于国外站点，国内网站用得不多。其特点是在页面上有横向两条（或多条）色块，将页面分割为3个部分（或更多），色块中大多放广告条、更新和版权提示，如图9-4所示。
图9-4 “三”字型布局
5.对比布局
顾名思义，这种布局采取左右或者上下对比的方式：一半深色，一半浅色。对比布局一般用于设计型站点。其优点是视觉冲击力强；缺点是将两部分有机地结合比较困难，如图9-5所示。
6.POP布局
POP引自广告术语，POP布局是指页面布局像一张宣传海报，以一张精美图片作为页面的设计中心。这种布局类型基本上出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接，甚至直接在首页的图片上做链接而没有任何提示。这种布局大部分出现在企业网站和个人首页，如果处理得好，会给人带来赏心悦目的感觉，如图9-6所示。
7.Flash布局
这种布局是指整个或大部分的网页本身就是一个Flash动画，它本身就是动态的，画面一般比较绚丽、有趣，是一个比较新潮的布局方式。其实它与POP布局是类似的，只是采用了目前非常流行的Flash。它与POP布局不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得当，比传统的多媒体更具优势，如图9-7所示。
图9-5 对比布局
图9-6 POP布局
图9-7 Flash布局