2.2　网站布局的基本元素

不同性质的网站，构成网页的基本元素也不同。网页中除了使用文本和图像，还可以使用丰富多彩的多媒体和Flash动画等。

2.2.1　网站Logo

网站Logo也称为“网站标志”，是一个站点的象征，也是一个站点是否正规的标志之一。网站的标志应体现该网站的特色、内容及其内在的文化内涵和理念。成功的网站标志有着独特的形象标识，在网站的推广和宣传中将起到事半功倍的作用。网站标志一般放在网页的左上角，浏览者一眼就能看到它。网站标志通常有3种尺寸：88像素×31像素、120像素×60像素和120像素×9像素，如图2-4所示。

标志的设计创意来自网站的名称和内容，大致分以下3个方面。

·　网站有代表性的人物、动物、花草，可以用它们作为设计的蓝本，加以卡通化和艺术化处理。

·　有专业性的网站，可以用本专业有代表的物品作为标志，如中国银行的铜板标志、奔驰汽车的方向盘标志。

·　最常用和最简单的方式是用自己网站的英文名称作为标志。采用不同的字体、字符的变形、字符的组合可以很容易地制作好网站标志。

2.2.2　网站Banner

网站Banner即横幅广告，是互联网广告中最基本的广告形式。Banner可以位于网页顶部、中部或底部，一般横向贯穿整个或者大半个页面。常见的尺寸是480像素×60像素或233像素×30像素，使用GIF格式的图像文件，可以使用静态图形，也可以使用动画图像。除普通GIF格式外，采用Flash形式能赋予Banner更强的表现力和交互性。

网站Banner首先要美观，这个小的区域设计得非常漂亮，会让人看上去很舒服，即使不是他们所要看的内容，或者是一些他们可看可不看的内容，也会很有兴趣地去看看，点击就是顺理成章的事情了。Banner还要与整个网页协调，同时又要突出、醒目，用色要与页面的主色相搭配，图2-5所示为某网站Banner。

2.2.3　导航栏

导航栏是网页的重要组成部分，它的任务是帮助浏览者在站点内快速查找信息。好的导航栏能够引导浏览者浏览网页而不迷失方向。导航栏的形式多样，可以是简单的文字链接，也可以是设计精美的图片或丰富多彩的按钮，还可以是下拉菜单形式。

一般来说，网站中的导航栏在各个页面中出现的位置比较固定，而且风格也较为统一。导航栏的位置一般有4种：在页面的左侧、右侧、顶部和底部，有时候在同一个页面中还会运用多种导航。当然并不是导航栏在页面中出现的次数越多越好，而是要合理地运用，达到页面总体的协调一致。图2-6所示的网站导航栏中既有顶部导航也有左侧导航。

2.2.4　主体内容

主体内容是网页中最重要的元素。主体内容借助超链接，可以利用一个页面，高度概括几个页面所表达的内容，而首页的主体内容甚至能在一个页面中高度概括整个网站的内容。

主体内容一般均由图片和文档构成，现在的一些网站的主体内容中还加入了视频、音频等多媒体元素。由于人们的阅读习惯是由上至下、由左至右的，所以主体内容的分布也是按照这个规律，依照重要到不重要的顺序进行安排的，所以在主体内容中，左上方的内容是最重要的，如图2-7所示为网页的主体内容。

2.2.5　文本

网页内容是网站的灵魂，网页中的信息也以文本为主。无论制作网页的目的是什么，文本都是网页中最基本的、必不可少的元素。与图像相比，文字虽然不如图像那样易于吸引浏览者的注意，但能准确地表达信息的内容和含义。

一个内容充实的网站必然会使用大量的文本。良好的文本格式可以创建出别具特色的网页，激发浏览者的兴趣。为了克服文字固有的缺点，人们赋予了文本更多的属性，如字体、字号、颜色等，通过不同格式的区别，突出显示重要的内容。此外，还可以在网页中设置各种各样的文字列表，从而明确表达一系列的项目。这些功能给网页中的文本增加了新的生命力，如图2-8所示的网页就运用了大量文本。

2.2.6　图像

图像在网页中具有提供信息、展示形象、装饰网页、表达个人情趣和风格的作用。图像是文本的说明和解释，在网页的适当位置放置一些图像，不仅可以使文本清晰易读，而且可以使网页更有吸引力。现在几乎所有的网站都使用图像来增加吸引力，有了图像，网站才能吸引更多的浏览者。可以在网页中使用GIF、JPEG和PNG等多种图像格式，其中使用最广泛的是GIF和JPEG两种格式。如图2-9所示的网页中插入了图片，生动形象地展示了酒店的形象。

2.2.7　页脚

网页的底部被称为“页脚”，页脚部分通常被用来介绍网站所有者的具体信息和联络方式，如名称、地址、联系方式、版权信息等。其中一些内容被做成标题式的超链接，引导浏览者进一步了解详细的内容，如图2-10所示。

2.2.8　广告区

广告区是网站实现赢利或自我展示的区域，一般位于网页的顶部或右侧。广告区的内容以文字、图像、Flash动画为主，通过吸引浏览者点击链接的方式达成广告效果。广告区设置要明显、合理、引人注目，这对整个网站的布局很重要，如图2-11所示。