1.1 网页的基本元素
在初次设计网页之前，首先应该认识一下构成网页的基本元素，只有这样，才能在设计中得心应手，根据需要合理地组织和安排网页内容。
如图1-1所示是梦想橱柜网站的首页，其中包含了常见的网页元素，如导航栏、广告动画、图片、文本、超链接等。
图1-1 网页的基本元素
1.文本
文本一直是最重要的信息载体与交流工具。网页中的信息也以文本为主。与图片相比，文字虽然不如图片那样能够很快引起浏览者的注意，但却能准确地表达信息的内容和含义。
为了克服文本固有的缺点，人们赋予了网页中文本更多的属性，如字体、字号、颜色、底纹和边框等。通过不同格式的区别，突出显示重要的内容。此外，用户还可以在网页中设计各种各样的文字列表，来清晰地表达一系列项目。这些功能都给网页中的文本赋予了新的生命力。
2.图片和动画
图片在网页中具有提供信息、展示作品、装饰网页、表现个人情调和风格的作用。用户在网页中使用的图片格式主要包括GIF、JPEG和PNG等，其中使用最广泛的是GIF和JPEG两种格式。
应当注意的是，当用户使用“所见即所得”的网页设计软件在网页上添加其他非GIF、JPEG或PNG格式的图片并保存时，这些软件通常会自动将少于8位颜色的图片转化为GIF格式，或者将多于8位颜色的图片转化为JPEG格式。
在网页中，为了更有效地吸引浏览者的注意，许多网站的广告都做成了动画形式，例如，图1-1中的广告动画。
3.声音和视频
声音是多媒体网页的一个重要组成部分。对于不同格式的声音文件，需要用不同的方法将它们添加到Web页中。在决定添加声音之前，需要考虑的因素包括用途、格式、文件大小、声音品质和浏览器差别等。不同浏览器对于声音文件的处理方法是不同的，彼此之间很可能不兼容。
用于网络的声音文件的格式非常多，常用的有MIDI、WAV、MP3和AIF等。设计者在使用这些格式的文件时，需要加以区别。很多浏览器不要插件也可以支持MIDI、WAV和AIF格式的文件，而MP3和RM格式的声音文件则需要专门的浏览器播放。
视频文件的格式也非常多，常见的有RealPlayer、MPEG、AVI和DivX等。视频文件的采用会让网页变得精彩而有动感。
4.超链接
超链接技术是WWW流行起来的最主要的原因。它是从一个网页指向另一个目的端的链接。例如，指向另一个网页或者相同网页上的不同位置。目的端通常是另一个网页，也可以是一幅图片、一个电子邮件地址、一个文件、一个程序或者本网页中的其他位置。
热点通常是文本、图片或图片中的区域，也可以是一些不可见的程序脚本。当浏览者单击超链接热点时，其目的端将显示在Web浏览器中，并根据目的端的类型以不同方式打开。例如，当指向一个AVI文件的超链接被单击后，该文件将在媒体播放软件中打开；如果单击的是指向一个网页的超链接，则该网页将显示在Web浏览器中。在图1-1中，“更多”链接的文字，就是已经建立了超链接的文本。
5.导航栏
导航栏的作用就是引导浏览者游历站点。事实上，导航栏就是一组超链接，这组超链接的目标就是本站点的主页及其他重要网页。在设计站点中的网页时，可以在站点的每个网页上显示一个导航栏，这样，浏览者就可以既快又容易地转向站点的其他网页。
在一般情况下，导航栏应放在网页中较引人注目的位置，通常是在网页的顶部或一侧。导航栏既可以是文本链接，也可以是一些图形按钮。图1-1中的导航栏就是一组文本链接。
6.其他常见元素
网页中除了以上几种最基本的元素之外，还有一些其他的常用元素，包括悬停按钮、JavaScript特效、ActiveX等各种特效。它们不仅能点缀网页，使网页更活泼有趣，而且在网上娱乐、电子商务等方面也有着不可忽视的作用。