在设计网页之前，先介绍构成网页的基本元素。如图2-1所示是一个站点的首页，其中包含了常见的网页元素，如导航栏、表单、动画、超链接、文本、表格和图片等。

图2-1　网页基本元素

1.导航栏

导航栏是一组超链接，其链接目标是本站点的主页及其他重要网页，其作用是引导浏览者游历站点。在设计站点中的网页时，可以在站点的每个网页上显示一个导航栏，这样，浏览者就可以既快捷又容易地转向站点的其他网页。

一般情况下，导航栏应放在网页中较引人注目的位置，通常是在网页的顶部或一侧。导航栏既可以是文本链接，也可以是一些图形按钮。图2-1中的导航栏就是一组文本链接。

2.表单

网页中的表单通常用来接收用户在浏览器端的输入，然后将这些信息发送到用户设置的目标端。这个目标可以是文本文件、网页、电子邮件，也可以是服务器端的应用程序。表单一般用来收集联系信息，接收用户要求，获得反馈意见，设置来宾签名簿，让浏览者注册为会员并以会员的身份登录站点等。

表单由不同功能的表单域组成，最简单的表单也要包含一个输入区域和一个提交按钮。站点浏览者填写表单的方式通常是输入文本，选中单选按钮或复选框，以及从下拉列表框中选择选项等。

根据表单功能与处理方式的不同，通常可以将表单分为用户反馈表单、留言簿表单、搜索表单和用户注册表单等类型。图2-1中所示为搜索表单。

3.动画

在网页中，为了更有效地吸引浏览者的注意，许多网站在网页中添加了动画（如将广告做成动画形式，即广告动画）。

4.超链接

超链接技术是WWW迅猛发展的主要原因。它是从一个网页指向另一个目的端的链接。例如，指向另一个网页或者相同网页上的不同位置。目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者本网页中的其他位置。

热点通常是文本、图片或图片中的区域，也可以是一些不可见的程序脚本。当浏览者单击超链接热点时，其目的端将显示在Web浏览器中，并根据目的端的类型以不同方式打开。例如，当指向一个AVI文件的超链接被单击后，该文件将在媒体播放软件中打开；如果单击的是指向一个网页的超链接，则该网页将显示在Web浏览器中。在图2-1中，加下划线的文字就是已经建立了超链接的文本。

5.文本(www.daowen.com)

文本是重要的信息载体与交流工具。与图片相比，文字虽然不如图片那样能够很快引起浏览者的注意，但却能准确地表达信息的内容和含义。

为克服文本的缺点，可以给网页中的文本设置诸如字体、字号、颜色、底纹和边框等属性，通过不同显示格式来突出重要内容。此外，用户还可以在网页中设计各种各样的文字列表，来清晰地表达一系列项目。这些功能都给网页中的文本赋予了新的生命力。

6.表格

在网页中，表格用来控制网页中信息的布局方式，包括两个方面：一是使用行和列的形式来布局文本和图像及其他列表化数据；二是可以使用表格来精确控制各种网页元素在网页中出现的位置。

7.图片

在网页中图片具有提供信息、展示作品、装饰网页、表现个人情调和风格的作用。用户在网页中使用的图片格式主要包括GIF、JPEG和PNG等，其中使用最广泛的是GIF和JPEG两种格式。

注意，如果用户使用“所见即所得”的网页设计软件，这时在网页上添加非GIF、JPEG或PNG格式的图片并保存时，这些软件通常会自动将少于8位颜色的图片转化为GIF格式，或者将多于8位颜色的图片转化为JPEG格式。

8.声音和视频

声音是多媒体网页的一个重要组成部分。对于不同格式的声音文件，需要用不同的方法将它们添加到Web页中。在决定添加声音之前，需要考虑的因素包括用途、格式、文件大小、声音品质和浏览器差别等。不同浏览器对于声音文件的处理方法是不同的，彼此之间很可能不兼容。

用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。设计者在使用这些格式的文件时，需要加以区别。很多浏览器不要插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。

一般来说，尽量不要使用声音文件作为背景音乐，因为那样会影响网页下载的速度。这时，可以在网页中添加一个打开声音文件的链接，从而可以控制音乐播放。

视频文件的格式也非常多，常见的有RealPlayer、MPEG、AVI和DivX等。采用视频文件可以使网页变得精彩而有动感。

9.其他常见元素

网页中除了以上几种最基本的元素之外，还有一些其他的常用元素，包括悬停按钮、Java特效、ActiveX等各种特效。它们不仅能点缀网页，使网页活泼有趣，而且在网上娱乐、电子商务等方面也有着不可忽视的作用。