1.2 网页的基本构成元素

网页的构成元素众多，下面就来介绍网页的基本构成元素。在网页中，文本和图像起着不可或缺的作用，图文并茂的网页传递着丰富的信息，为网页的制作者和浏览者之间提供一种良好的沟通方式。

1．网站Logo

Logo就是网站的标志，它的设计要能够充分体现该网站的核心理念，并且设计要求动感、简约、大气、高品位、色彩搭配合理、美观、印象深刻。

完整的Logo设计，一般都应考虑至少有中、英文双语的形式，要考虑中文字和英文字的比例搭配。一般是中文图案、英文图案、中文、英文的组合形式，有的还要考虑繁体、其他特定语言版本等。另外，还要兼顾标识或文字展开后的应用的美观。如图1-5所示，为网站的Logo。

2．网站Banner

Banner是横幅广告，是互联网广告中最基本的广告形式。Banner可以位于网页顶部、中部或底部任意一处，一般横向贯穿整个或者大半个页面。Banner的尺寸有许多，如468×60像素、392×60像素、234×60像素、125×125像素、120×90像素等。常见的尺寸是480×60像素，使用GIF格式的图像文件，可以使用静态图像，也可以使用动画。除GIF格式外，还可以使用Flash动画。如图1-6所示，为GIF格式的Banner。

3．导航栏

导航栏是浏览者浏览网页时有效的指向标志。导航栏可分为框架导航、文本导航和图片导航等，根据导航栏放置的位置，可分为横排导航栏和竖排导航栏。导航栏的使用原则如下：

➢ 对于内容丰富的网站，可以使用框架导航，以便浏览者在任何页面上时，都可快速切换到另一个栏目。

➢ 若利用JavaScript、DHTML等动态隐藏层技术实现导航栏，需要注意浏览器是否支持。

➢ 图片导航虽然很美观，但占用的空间较大，会影响网页打开的速度，不应多用。

➢ 多排导航条应在导航栏目很多的情况下使用。

➢ 导航栏目超过8个，可分两行进行排列，如果栏目过多，可以采用多行排列的方式。

4．文本

文本是网页传递信息的主要载体，如图1-7所示。文本传输速度快，而且设计者可以对网页中的文本进行大小、颜色、段落、层次等属性方面的设置，风格独特的网页文本设置会给浏览者带来赏心悦目的感觉。

5．图像

相对于文字来说，图像更加直观生动，可以带给人较强的视觉冲击，因此，使用图像可使网页更具吸引力。

图像在网页中充当着各种各样的角色，网站标识、网页背景和超链接等都可以使用图像，而且图像可以传递一些文字较难表达的信息，如图1-8所示。

6．动画

在网页中加入动画，可使网页更具动感，更能吸引浏览者的眼球，一般有GIF格式动画和Flash动画等。如图1-9所示，为网页中的Flash动画。