1.1 网页初识

说到网页，其实大家并不陌生，人们常常通过网页浏览新闻、查询信息、网上购物。那么网页究竟是什么？一个琳琅满目的网页中包含了哪些元素？图1-1所示的页面，包括了导航栏、表单、超链接、图片和文本等。

网页文件是一个包含HTML标签的纯文本文件，它可以存放在世界某个角落的某一台计算机中，通过超链接实现网页间的互联。世界各地的人们需要通过浏览器来阅读。网页文件通常是HTML格式的，是构成网站的基本元素，是承载各种网站应用的平台。

为了界面美观并能够突出网页的内容和主题，可以选择使用不同的元素来表现。设计者可使用表格来控制网页中的信息的布局方式，可使用图像来直观地展示效果，可使用表单来获取用户的输入信息。

网页主要由文字、图形和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频及Flash等。

1．文字

文字是网页发布信息所用的主要形式。由文字制作出的网页占用空间小，因此，当用户浏览时，这类网页可以很快地展现在用户面前。另外，文字性网页还可以利用浏览器中“文件”菜单下的“另存为”功能将其下载下来，便于以后阅读和长期保存，也可对其进行编辑打印。但是没有编排点缀的纯文字网页，又会给人带来死板、不活泼的感觉，使读者没有往下浏览的欲望。

所以，设计文字性网页时一定要注意编排，包括标题的字体字号、内容的层次样式、是否需要变换颜色进行点缀等。

标题：醒目的标题和副标题，使浏览者一眼就能看到要点，并找到继续阅读的兴趣点。另外标题还具有将网页文档分段的功能，使浏览者便于阅读。

字体：字体的选择能够体现出网站设计的实用性和创意性，但是有些字体在开发者的计算机上有，浏览者的计算机上却未必装载这种字体，只能以默认字体显示。CSS3新增的@font-face属性会首先找到服务器上的字体，然后下载并渲染客户端浏览器的文字。这样就彻底解决了本地操作系统中没有对应字体的问题。

字号：网页中的文字不能太大或太小。太大会使得一个网页信息量变小，太小又使人们浏览时感到费劲。另外文字大小的确定还与设备和视距有关。一个设计优秀的网页中的文字，应统筹规划，大小搭配适当。

2．图形

一个设计优秀的网页除了有能吸引浏览者的文字形式和内容外，图形的表现功能是不能低估的。这里的图形概念是广义的，它可以是普通的绘制图形、图像或者动画。网页上的图形最常使用JPEG、GIF和PNG三种格式，它们具有跨平台的特性，可以在不同操作系统支持的浏览器上显示。图形在网页中可用于菜单按钮、背景图和链接标志。

菜单按钮：网页上的菜单按钮有一些是由图形制作的，通常有横排和竖排两种形式，由此可以转入不同的页面。

背景图：为了加强视觉效果，有些网页在整个网页的底层放置了图形，称作背景图。背景图可以使网页更加华丽，使人感到界面友好。但图片是影响网页下载速度的重要原因，把一个网页全部内容控制在30KB左右可以保证比较理想的下载时间，否则2秒的延迟就可能丢失大量的浏览者。

链接标志：通过链接可以从一个网页转到另一个网页，也可以从一个网站转到另一个网站。链接的标志有文字和图形两种。设计者可制作一些精美的图形作为链接按钮，使它和整个网页融为一体。

3．超链接

超链接是从一个网页指向另一个目的端的链接。超链接实现了网页与网页之间、网页与站点间的跳转。各个网页链接在一起后，才能真正构成一个网站。

4．音频

声音是多媒体和视频网页重要的组成部分。背景音乐可以增加浏览者的感官享受。浏览器支持的音频格式有MP3、OGG和WAV等。

5．视频

视频文件的采用使网页效果更加精彩且富有动感。