1.1 网页制作必须要了解的基础知识

在学习网页制作之前，必须要了解网页制作的基础知识，包括网页制作的相关术语、网页的基本构成元素和网页设计的基本原则。

1．Internet

简单而言，Internet就是国际互联网，它是由不同类型、独立运行的计算机组成的全球范围的计算机网络，这些网络是通过普通电话线、高速率专用线路、卫星、微波和光缆等通信线路连接起来的。

Internet提供了巨大的并且不断增长的信息资源与服务工具，人们可以利用它获得丰富的信息资源。也就是说，任何一个地方的任意一个Internet用户都可以从Internet中获得信息。

2．WWW

WWW是World Wide Web（环球信息网）的缩写，简称为Web，其中文名称为“万维网”。

WWW是Internet的多媒体信息查询工具，是近年来Internet上发展起来的服务，也是发展最快和目前应用最广泛的服务。通过万维网，人们只需使用简单的方法，就可以迅速地获取丰富的信息资料。由于用户在通过Web浏览器访问信息资源的过程中无须关心技术性细节，并且界面友好，因此Web一经推出就受到了热烈的欢迎，并得到迅速发展。

3．浏览器

浏览器（Browser）实际上是一个软件程序，用于与WWW建立连接，并进行通信。浏览器可以在WWW系统中根据链接确定信息资源的位置，并将用户感兴趣的信息资源取回来，对HTML文件进行解释，然后将文字图像或者多媒体信息还原出来。

4．HTTP

HTTP即超文本传输协议，是HyperText Transfer Protocol的缩写。浏览网页时，在浏览器地址栏中输入的URL都是以“http://”开始的。HTTP定义了信息如何被格式化、如何被传输，以及在各种命令下服务器和浏览器所采取的响应。

5．URL

URL是Uniform Resource Locator的缩写，即统一资源定位器，也就是我们通常所说的网址，它用于指明资料在互联网上的取得方式与位置。URL就像Internet的门牌号码，可以帮助用户在Internet信息海洋中定位到所需要的资料。

其格式为：通信协议://服务器地址:通信端口/路径/文件名

6．IP和域名

IP地址是Internet上主机地址的数字形式，能唯一确定Internet上每台计算机的位置。IP地址由32位二进制数组成，32位数中的每8位为一组，用十进制形式表示，利用句号分隔各部分。例如26.62.175.212和192.168.0.1。

为了解决用户记忆IP地址的困难，互联网提供了一种域名系统——DNS（Domain Name System），为主机分配一个由多个部分组成的域名。域名和IP地址是一一对应的，域名便于记忆，使用较普遍。当用户要和Internet上的计算机交换信息时，只需使用域名，网络便会自动转成IP地址，找到该台计算机。

7．静态网页与动态网页

根据网页是否含有程序代码，可以将网页划分为静态网页和动态网页，前者使用的是静态网页设计技术，也就是说，网页主要使用HTML（Hypertext Markup Language，超文本标记语言）来完成，而后者使用了ASP、JSP、PHP等动态网页开发技术。

8．网站、网页与首页

● 网站：通常把逻辑上可视为整体的一系列网页集合称为网站。对于小型网站，是指带有一定主题的多个网页集合；对于大型网站，还包含数据库和服务器端应用程序等。

● 网页：网页称为HTML文件，是一种可以在互联网上进行传输，并为浏览器认识和翻译成页面显示出来的文件。HTML即Hypertext Markup Language，中文译名为“超文本标记语言”。“超文本”是指页面内可以包含图片、链接、音乐、程序等非文字元素。

● 主页：对于一个网站，首先进入的是其主页，即通常所说的首页。主页既是一个单独的网页，像一般网页一样，可以存放各种信息，又是一个特殊的网页，是整个网站文件的起始点和汇总点，是访问者浏览网站开始的地方。在主页中，应该给出这一网站的概述，以及网站所包含的主要内容、各种信息的向导，以使访问者在看到主页后，能够对该网站有一个大致的了解，从而确定要哪方面的内容，知道如何去查找。图1-1所示为当当网的首页。

9．网页的基本构成元素

网页是由一些基本元素构成的，这些元素包括文本、图像、超级链接、表格、表单、导航栏、动画和框架等。对于该部分知识，详见“第2天 学习编辑网页基本元素”。

10．网页设计的基本原则

网页设计是有原则的，无论使用何种手法对画面中的元素进行组合，都要遵循5个原则：统一、连贯、分割、对比及和谐。

（1）统一是指设计作品的整体性、一致性。设计作品的整体效果是至关重要的，在设计时切勿将各组成部分孤立分散，否则会使画面呈现出一种枝蔓纷杂的凌乱效果。

（2）连贯是指要注意页面的相互关系。在设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，使整个页面设计的各个部分极为融洽，犹如一气呵成。

（3）分割是指将页面分成若干小块，而小块之间有视觉上的不同，这样可以使观者一目了然。在信息量较多时，为使观者能够看清楚，则要注意将画面进行有效的分割。分割不仅是表现形式的需要，换个角度来讲，也可以被视为对页面内容的一种分类归纳。

（4）对比指通过矛盾和冲突，使设计更加富有生气。对比手法有很多，如多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等。在使用对比时应慎重，因为对比过强容易破坏页面美感，影响统一。

（5）和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么将没有“生命感”，甚至无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。