1.3　网站设计中的基本概念

前面介绍了浏览器与服务器的概念，还介绍了IP地址和域名的概念。下面进一步学习网站（页）制作过程中涉及的网站、网页、静态网页和动态网页的概念。

1.网站

网站即Website，也称作站点，是指在互联网上根据一定的规则使用HTML语言编写的用于展示内容的网页的集合。在本地计算机上，网站体现为一组文件夹。网站是一种信息交流工具，人们可以通过网站来发布信息，或者通过浏览器来访问网站，获取自己需要的信息或者享受其他网络服务。

网站由域名、网站空间、网页3部分组成。域名就是访问网站时在浏览器地址栏中输入的网址（URL），多个网页、网页所需资源由超链接联系起来组成网站。网站空间可以是专门的独立服务器或租用的虚拟主机，网站需要上传到服务器的网站空间中，才可以被浏览者访问。

2.网页

网站是一个整体，网站为用户（浏览者）提供的内容是通过网页展示出来的，用户浏览网站其实就是浏览网页。网页实际上是用HTML语言编写的文本文件。在浏览网页时，浏览器将HTML语言“翻译”成用户看到的网页。

例如，使用Chrome浏览器浏览网页时，在Chrome浏览器的窗口中单击鼠标右键，执行快捷菜单命令【查看网页源代码】，即可在浏览器中查看该网页的HTML代码，如图1-4所示。

不同的网页虽然内容有差别，但都是由网页基本元素组成的，一般包括图片、文字、动画、视频、音频等元素中的一种或多种。网页文件的扩展名一般为htm或html，但与Word、PDF等文件不同，一个网页实际上并不是由一个单独的文件构成的，网页显示的图片、声音以及其他多媒体文件都是单独存放的。

在Chrome浏览器下，执行控制菜单中的【网页另存为】命令，并选择保存类型为“网页，全部”，如图1-5所示，会将网页下载到本地计算机，生成一个网页文件和一个资源文件夹。

网站中最重要的是主页（Home Page），它是网站的门户网页，通常命名为index.html或者index.htm。主页可以是一个单独的网页，同一般网页一样，可以存放各种信息；还可以是一个特殊的网页，作为访问者浏览网站的入口。主页中一般会给出网站的概述，包括网站的主要内容、各种信息的向导。访问者在看到主页后，便会对这个网站有一个大致的了解，以确定要浏览的内容。

根据网页的功能，还可以将网页分为静态网页和动态网页。

3.静态网页

静态网页是指在浏览器中运行、不需要到后台数据库检索数据、不含有程序的纯HTML格式的网页文件，其文件后缀一般为.html、.htm、.shtml等。静态网页并不是指网页中的所有元素都静止不动，而是指浏览器与服务器不发生交互，但是在网页中可能会包含各种动态效果，如GIF格式的动画、Flash动画、JavaScript脚本等。

静态网页的特点如下。

•静态网页不需要数据库的支持，网站信息量很大时，查找网页内容比较困难，维护工作量较大。

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

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

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

4.动态网页

动态网页是指网页文件中不仅包含HTML标记，还包含需要在服务器上执行的程序代码。动态网页需要后台数据库与Web服务器交互，利用数据库实现数据更新和查询服务。动态网页的扩展名一般是.asp、.jsp、.php等，在动态网页网址中通过符号“？”表明查询条件，如http://news.lnnu.edu.cn/showoa.php?id=27362。

动态网页这个概念与网页上的各种动画、滚动字幕等视觉上的动态效果没有直接关系，无论网页最终是否具有动态效果，采用动态网站技术生成的网页都可以被称为动态网页。动态网页的特点如下。

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

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

•动态网页实际上并不是独立存在于服务器上的网页文件，只有当收到用户请求时服务器才动态生成一个完整的页面，并以静态的形式返回客户端浏览器。

可以根据使用的编程语言来判断网页是动态网页还是静态网页，静态网页使用HTML语言；动态网页除使用HTML语言外，还需要使用编程语言（PHP、JSP、ASP等的一种）。静态网页是网站建设的基础，在同一网站，动态网页和静态网页可以同时存在。