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。

图1-6 网站Banner

图1-5 网站Logo

3.导航栏

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

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

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

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

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

● 导航栏目超过8个可分两行进行排列,如果栏目过多可以多行排列。

4.文本

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

图1-7 网页中的文本

5.图像

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

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

图1-8 网页中的图像

6.动画

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

图1-9 Flash动画