1.1 网页基本概念的介绍
要制作出精美的网页，不仅要熟练使用网页设计软件，还要掌握一些与网页相关的基本概念和知识。
1.1.1 网页的概念
网页是在浏览因特网时看到的一个个画面，网站则是一组相关网页的合集。一个小型网站可能只包含几个网页，而一个大型网站可能包含了成千上万个网页。此外，打开某个网站时显示的第一个网页称为该网站的主页。
1.网站
网站（website）是因特网上一块固定的面向全世界发布消息的地方，由域名（也就是网站地址）和网站空间构成，通常包括主页和其他具有超链接文件的页面。网站开始是指在因特网上根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。简单地说，网站是一种通信媒介，人们可以通过网站来发布自己想要公开的信息，或者利用网站来提供相关的网络服务，还可以通过网页浏览器来访问网站，获取自己需要的信息或者享受网络服务。
2.网页
网页（webpage）是网站中的一个页面，可以存放在任何一台连接到互联网的计算机中。网页一般由网址（URL）来识别与存取，当用户在浏览器输入网址后，经过一段复杂而又快速的程序，网页文件会被传送到用户的计算机，然后浏览器会解释网页的内容，再展示到用户的眼前。由于网页是万维网中的一页，因此通常是HTML格式（扩展名为.html或.htm）的。网页通常用图像档来提供图画，其中包括了各种各样的文本、图像和超链接。另外，网页要通过网页浏览器来阅读。
在进行网页设计时，还经常会遇到一些专业名词，如域名、URL、站点、超链接、导航条、表单以及发布等，下面我们会陆续讲到。
3.主页
主页是一个网页集合的初始网页，也是一个网站的起点站或者说主目录。
首页是当用户打开浏览器时，自动打开的一个或多个网页。首页也可以指一个网站的入口网页，即打开网站后看到的第一个页面，大多数作为首页的文件名是index、default、main或portal加上扩展名。
网站的主页是一个文档，当一个网站服务器收到一台计算机上网络浏览器的消息连结请求时，便会向这台计算机发送这个文档。当在浏览器的地址栏输入域名，而未指向特定目录或文件时，通常浏览器会打开网站的首页。网站首页往往会被编辑得让浏览者易于了解该网站提供的信息，并引导互联网用户浏览网站其他部分的内容。这部分内容一般被认为是一个目录性质的内容。图1-1所示为360网的主页。
图1-1
1.1.2 网页的分类
在网页上单击鼠标右键，在弹出的快捷菜单中选择“查看源代码”选项，如图1-2所示。执行操作后，即可在新建的页面中看到网页的实际内容，如图1-3所示。可以看到，网页实际上只是一个纯文本文件，它通过各式各样的标记对页面上的文字、图片、表格以及声音等元素（例如字体、颜色以及大小）进行描述，而浏览器则对这些标记进行解释并生成页面，于是就得到现在所看到的画面。网页还可以分为动态网页和静态网页两大类，下面将分别对其进行介绍。
图1-2
图1-3
1.静态网页
在网站设计中，纯粹HTML格式的网页通常被称为静态网页，早期的网站一般都是由静态网页构成的。静态网页是相对于动态网页而言的，是指没有后台数据库、不含程序和不可交互的网页。设计者编的是什么它显示的就是什么，不会有任何改变。静态网页更新起来相对比较麻烦，适用于一般更新较少的展示型网站，如图1-4所示。
图1-4
技巧与提示
静态网页的文件后缀通常为.htm，还有就是以.htm、. html、.shtml以及.xml等为后缀。在HTML格式的网页上，也可以出现各种动态的效果，如GIF格式的动画、FLASH以及滚动字幕等，这些动态效果只是视觉上的，与动态网页是不同的概念。
静态网页的主要特点简要归纳如下。
● 静态网页每个网页都有一个固定的URL，且网页文件以.htm、.html和.shtml等常见形式为后缀。
● 网页内容一经发布到网站服务器上，无论是否有用户访问，每个静态网页的内容都是保存在网站服务器上的。也就是说，静态网页是实实在在保存在服务器上的文件，每个网页都是一个独立的文件。
● 静态网页的内容相对稳定，因此容易被搜索引擎检索。
● 静态网页没有数据库的支持，在网站制作和维护方面工作量较大，因此当网站信息量很大的时候，完全依靠静态网页制作方式比较困难。
● 静态网页的交互性较差，在功能方面有较大的限制。
2.动态网页
动态网页是与静态网页相对应的，也就是说动态网页文件的后缀不是.htm、.html、.shtml以及.xml等静态网页的常见形式，而是.aspx、.asp、.sp、.php、.perl以及.cgi等形式，并且在动态网页网址中有一个标志性的“?”。
这里说的动态网页，与网页上的各种动画、滚动字幕等视觉上的动态效果没有直接关系，动态网页可以是纯文字内容的，也可以是包含各种动画的内容，这些只是网页具体内容的表现形式，无论网页是否具有动态效果，采用动态网站技术生成的网页都称为动态网页。从网站用户的角度来看，无论是动态网页还是静态网页，都可以展示基本的文字和图片信息，但从网站开发、管理以及维护的角度来看就有很大的差别。例如，优酷的主页就是一个典型的动态网页，每天都会进行大量的视频数据更新，如图1-5所示。
图1-5
技巧与提示
早期的动态网页主要采用CGI技术，CGI即Common Gateway Interface（公用网关接口）的缩写。可以使用不同的程序编写适合的CGI程序，如Visual Basic、Delphi或C/C++等。虽然CGI技术已经发展成熟而且功能强大，但由于编程困难、效率低下以及修改复杂，所以有逐渐被新技术取代的趋势。下面介绍3种新的动态网页技术。
● PHP：即Hypertext Preprocessor（超文本预处理器），它是当今Internet上最为火热的脚本语言，其语法借鉴了C、Java以及Perl等语言，但网站设计者只需要很少的编程知识就能使用PHP建立一个真正交互的Web站点。
● ASP：即Active Server Pages，它是微软开发的一种类似HTML（超文本标识语言）、Script（脚本）与CGI（公用网关接口）结合体的技术，它没有提供自己专门的编程语言，而是允许用户使用许多已有的脚本语言编写ASP的应用程序。
● JSP：即Java Server Pages，它是由Sun Microsystem公司于1999年6月推出来的新技术，是基于Java Servlet以及整个Java体系的Web开发技术。
虽然以上3种新技术在制作动态网页上各有特色，但目前仍都在发展中，不够普及。对于广大个人主页的制作者来说，建议尽量少用难度大的CGI技术。如果对微软的产品情有独钟，采用ASP技术会更加得心应手；如果是Linux的追求者，运用PHP技术在目前是最明智的选择；当然，也不要忽略了JSP技术。
动态网页的主要特点简要归纳如下。
● 动态网页以数据库技术为基础，大大降低了网站维护的工作量。
● 采用动态网页技术的网站可以实现更多的功能，如用户注册、用户登录、在线调查、用户管理以及订单管理等。
● 动态网页实际上并不是独立存在于服务器上的网页文件，只有当用户请求时服务器才返回一个完整的网页。
● 动态网页中的？号对搜索引擎检索会造成一定的影响，搜索引擎一般不可能从一个网站的数据库中访问全部网页，或者出于技术方面的考虑，搜索之中不会去获取网址中？号后面的内容，因此采用动态网页的网站在进行搜索引擎推广时需要做一定的技术处理才能适应搜索引擎的要求。
3.静态网页与动态网页的区别
程序是否在服务器端运行，是区分动态网页和静态网页的重要标志。在服务器端运行的程序、网页和组件属于动态网页，它们会随不同客户以及不同时间返回不同的网页，例如ASP、PHP、JSP、ASPnet以及CGI等。运行于客户端的程序、网页、插件和组件属于静态网页，例如html页、Flash、JavaScript以及VBScript等，它们是永远不变的。
静态网页和动态网页各有特点，网站采用动态网页还是静态网页主要取决于网站的功能需求和网站内容的多少，如果网站功能比较简单，内容更新量不是很大，采用纯静态网页的方式会更简单，反之一般要采用动态网页技术来实现。
静态网页是网站建设的基础，静态网页和动态网页之间也并不矛盾，为了网站适应搜索引擎检索的特点，即使采用动态网站技术，也可以将网页内容转化为静态网页发布。动态网站也可以采用静动结合的原则，适合采用动态网页的地方用动态网页，如果有必要使用静态网页，则可以考虑用静态网页的方法来实现，在同一个网站上，动态网页内容和静态网页内容同时存在也是很常见的事情。