网页的基本构成元素有哪些

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

一、网站Logo

网站 Logo 也称为网站标志，网站标志是网站的象征，也是网站是否专业的标志之一。网站的标志应体现该网站的特色、内容以及其内在的文化内涵和理念。成功的网站标志有着独特的形象标识，在网站的推广和宣传中将起到事半功倍的效果。网站标志一般放在网站的左上角，访问者一眼就能看到它。网站标志通常有 3 种尺寸：88×31、120×60和120×9像素。图 1 所示为网站Logo。

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

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

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

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

二、网站Banner

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

网站Banner首先要美观，这个小的区域设计得漂亮，会让人看上去很舒服，即使不是他们所要看的东西，或者是一些他们可看可不看的东西，他们就会很有兴趣地去看看，单击就是顺理成章的事情了。其次Banner还要与整个网页协调，同时又要突出、醒目，用色要同页面的主色相搭配，如主色是浅黄，Banner的用色就可以用一些浅的其他颜色。切忌用一些对比色。图 2 所示为网站Banner。

三、导航栏

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

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

四、文本

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

一个内容充实的网站必然会使用大量的文本。良好的文本格式可以创建出别具特色的网页，激发读者的兴趣。为了克服文字固有的缺点，人们赋予了文本更多的属性，如字体、字号和颜色等；通过设置格式，可以突出显示重要的内容；还可以在网页中设置各种各样的文字列表，来明确表达一系列的项目。这些功能给网页中的文本增加了新的生命力，图 4 所示为网页正文部分，其中包含大量文本。

五、图像

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

六、Flash动画

Flash动画具有简单易学、灵活多变的特点，所以受到很多网页制作人员的喜爱，它可以生成亮丽夺目的图形界面，而文件的体积一般只有 5～50KB。随着ActionScript 动态脚本编程语言的逐渐发展，Flash已经不再仅局限于制作简单的交互动画程序，通过复杂的动态脚本编程可以制作出各种各样有趣、精彩的Flash动画。由于Flash动画具有很强的视觉冲击力和听觉冲击力，因此一些公司的网站往往会采用Flash制作相关的页面，借助Flash的精彩效果吸引客户的注意力，从而达到比以往静态页面更好的宣传效果。图 6 所示为Flash动画制作的页面。