1.1 认识网页

网页是互联网展示信息的一种形式。一般网页上都会有文本和图像信息，复杂一些的网页上还会有声音、视频、动画等多媒体。

1.1.1 网页和网站

进入网站，浏览者首先看到的是网站的主页，主页集成了指向二级页面及其他网站的链接，浏览者进入主页后可以浏览最新的信息，找到感兴趣的主题，通过单击超链接跳转到其他网页，如图1-1所示。

当浏览者输入一个网址或者单击了某个链接后，在浏览器中看到的文字、图像、动画、视频、音频等内容，能够承载这些内容的页面被称为网页。浏览网页是互联网应用最广的功能，网页是网站的基本组成部分。

网站则是各种内容网页的集合，按照其功能和大小来分，目前主要有门户类网站和公司网站两种。门户类网站内容庞大而又复杂，例如新浪、搜狐、网易等门户网站。公司网站一般只有几个页面，例如小型公司的网站，但都是由最基本的网页元素组合到一起的。

在这些网站中，有一个特殊的页面，它是浏览者输入某个网站的网址后首先看到的页面，因此这样的一个页面通常被称为“主页”（Homepage），也称为“首页”。首页中承载了一个网站中所有的主要内容，访问者可按照首页中的分类来精确、快速地找到自己想要的信息内容。

1.1.2 网页的类型

通常我们看到的网页，都是以.htm或.html为扩展名的文件，俗称HTML文件，网页上还会用到一些其他类型文件。下面就对各种类型的文件进行简单的讲解，如表1-1所示。

1.1.3 静态网页与动态网页

静态网页是与动态网页相对应的，静态网页URL的后缀以.htm、.html、.shtml、.xml等常见形式出现，而动态网页URL的后缀则是以.asp、.jsp、.php、.perl、.cgi等形式出现的，并且在动态网页网址中有一个标志性的符号——“？”，如图1-2所示。

动态网页可以是纯文本内容的，也可以是包含各种动画内容的，这些只是网页具体内容的表现形式。无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。

从网站浏览者的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理、维护的角度来看就有很大的差别。

静态网页的一般特点简要归纳如下。

● 静态网页的每个网页都有一个固定的URL，且不含有“？”。

● 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都保存在网站服务器上，也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。

● 静态网页的内容相对稳定，因此容易被搜索引擎检索。

● 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大时，完全依靠静态网页制作方式比较困难。

● 静态网页的交互性较差，在功能方面有较大的限制。

动态网页的一般特点简要归纳如下。

● 动态网页以数据库技术为基础，可以大大降低网站维护的工作量。

● 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理、订单管理等。

● 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时，服务器才返回一个完整的网页。

● 动态网页地址中的“？”对搜索引擎检索存在一定的问题，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索引擎不会去抓取网址“？”后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理。

1.1.4 网页的基本构成元素

网页由网址（URL）来识别与存取，当访问者在浏览器的地址栏中输入网址后，通过一段复杂而又快速的程序，网页文件会被传送到访问者的计算机内，然后浏览器把这些HTML代码“翻译”成图文并茂的网页，如图1-3所示。

虽然网页的形式与内容不相同，但是组成网页的基本元素是大体相同的，一般包含视频、音频、表单、动画、超链接、图像和文本等内容。

1.音频/视频

随着网络技术的不断发展，网站上已经不再是单调的图像和文字内容，越来越多的设计人员会在网页中加入视频、背景音乐等，让网站更加富有个性、时尚和魅力。

2.表单

表单是一种可在访问者和服务器之间进行信息交互的技术，使用表单可以完成搜索、登录、发送邮件等交互功能。

3.动画

网页中的动画也可以分为GIF动画和Flash动画两种。动态的内容总是要比静止的内容能够吸引人们的注意力，因此精彩的动画能够让网页更加丰富。

4.超链接

网页中的链接又可分为文字链接和图像链接两种，只要访问者用鼠标单击带有链接的文字或者图像，就可自动链接到对应的其他文件，这样才让网页能够链接成为一个整体。超链接也是整个网络的基础。

5.文本和图像

文本和图像是网页中两个基本构成元素，目前所有网页中都有它们的身影。