1 “ ”
、 厂 字型：
“ ”
“ ”
最上方是广告条，页面下方左面是菜单，右面显示页面内容，整体上类似汉字 厂 ，所以我们称之为 厂 字型布
局。这种布局条理清晰、主次分明，非常适合初学者学习，但略微有点呆板，如图
1-13
所示。
2 “ ”
、 口 字型：
这种布局类似一个方框，上下是广告条，左面是菜单，右面是友情链接，中间是网页效果，页面布局紧凑、信息
丰富，但四面封闭，给人一种压抑的感觉，如图
1-14
所示。
3
、 海报型：
这种布局就像我们平时见到的海报一样，中间是一幅很醒目、设计非常精美的图片，周围点缀着一些图片和文字
链接。这种设计常用于一些时尚类和公司的首页，非常吸引人。但大量的运用图片导致网页下载速度很慢，而且
提供的信息量较少，如图
1-15
所示。
4 “ ”
、 同 字型：
这是一些大型网站首页常用的类型，在网页最上面是网站的标题以及
BANNER 广告条，接下来就是网站的主要
内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系
方式、版权声明等。中国自助网采用的就是这种类型的布局，如图
1-16
所示。
5 “ ”
、 三 字型：
上面是标题或广告条一类的内容，下面是正文，一些文章页面或注册页面等就是这种类型，如图
1-17
所示。
6 “
”
、 框架 型：
这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文，
如图
1-18 所示。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常
清晰，一目了然。但是这种结构在使用框架时有个问题，即不容易被搜索引擎找到。如果考虑到这一点，尽量少
用带框架的页面。
总之，网页布局设计要按照网站的实际情况，根据网站受众的喜好来设计。这样才能使网站受到更多人的欢迎。
1.4.4
常见的网页布局方法
网页设计现有三种布局方法，一种是表格布局，一种是框架布局，还有一种是现在
W3C 极力推荐的 CSS 布局。不
过，就目前来说，由于
xhtml
并未完全占据主流，表格布局依然是大多数网页设计师的首选。
1
、利用表格布局网页
表格布局好像已经成为一个标准，随便浏览一个站点，它们一定是用表格布局的。表格布局的优势在于它能对不
同对象加以处理，而又不用担心不同对象之间的影响。而且表格在定位图片和文本上比起用
CSS 更加方便。表格
布局唯一的缺点是，当你用了过多表格时，页面下载速度受到影响。对于表格布局，你可以随便找一个站点的首
页，然后保存为
HTML 文件，利用网页编辑工具打开它(要所见即所得的软件)，你会看到这个页面是如何利用表
格的。
2
、 框架布局
不知道什么原故，框架结构的页面开始被许多人不喜欢，可能是因为它的兼容性。但从布局上考虑，框架结
构不失为一个好的布局方法。它如同表格布局一样，把不同对象放置到不同页面加以处理，因为框架可以取消边
框，所以一般来说不影响整体美观。
3
、 利用
div+css
布局网页
在新的
HTML4.0 标准中，CSS(层叠样式表)被提出来，它能完全精确的定位文本和图片。CSS 对于初学者来说显