1.1 网络基础知识

1.1.1 Internet 基础知识

网页制作与网络有关，在学习网页制作之前，首先介绍Internet的基础知识、网页和网站的基本概念等预备知识。

1．WWW

WWW（World Wide Web）被译为万维网，或者全球信息网。以Internet为基础的计算机网络，它允许用户在一台计算机中通过Internet读取另一台计算机上的信息。从技术角度上说，WWW是一种软件，是Internet上那些支持WWW协议和超文本传输协议（HyperText Transport Protocol，HTTP）的客户机与服务器的集合。通过它可以读取世界各地的超媒体文件，包括文字、图形、声音、动画、资料库及各式各样的内容。

2．浏览器

浏览器指在用户计算机上安装的、用来显示指定Internet文件的程序或者软件。浏览器是WWW的窗口，用户可以利用浏览器从一个文档跳转到另一个文档，实现对整个网站的浏览，也可利用它下载文本、声音、动画、图像等资料。图1-1所示是IE11浏览器的界面。

IE11浏览器的界面主要由标题栏、菜单栏、工具栏、地址栏、网页浏览区、状态栏、滚动条等部分组成。可以看出，IE11较之前的版本，界面越来越友好，主要的组成部分未发生变化。当然，除了IE浏览器之外，还有很多浏览器，图1-2所示为常见浏览器的图标，分别是谷歌、火狐、360安全、傲游、Netscape、Opera、Safari、世界之窗、腾讯TT、猎豹，不同浏览器的界面略有区别，功能大同小异。

3．IP地址

IP地址（Internet Protocol Address），即互联网协议地址或者网际协议地址。IP地址是IP协议提供的一种统一格式的地址，它为互联网上的每一个网络和每一台主机分配一个逻辑地址，以此来屏蔽物理地址的差异。

IP地址用于标识网络中的一台计算机。IP地址通常以两种方式表示：二进制数和十进制数。在计算机内部，IP地址用32位二进制数表示，每8位为一段，共4段，如10000011.01101011.00010000.11001000；为了方便使用，通常将每段二进制数转换为十进制数，上述IP地址转换成十进制后为130.107.16.200。

4．域名

域名指互联网上具有自然语言特征、方便记忆的文本字符串，如www.baidu.com。域名系统的结构是层次型的，以若干英文字母和数字组成的，中间由“.”分隔成几个层次，从右到左依次为顶级域、二级域、三级域等。

目前互联网上的域名体系中共有三类顶级域名：类别顶级域名、地理顶级域名和新顶级域名。

第一类是类别顶级域名，共有7个：.com（用于商业公司）；.net（用于网络服务）；.org（用于组织协会等）；.gov（用于政府部门）；.edu（用于教育机构）；.mil（用于军事领域）和.int（用于国际组织）。

第二类是地理顶级域名，共有243个国家和地区的代码，例如.cn代表中国，.uk代表英国等。

第三类顶级域名，也就是所谓的“新顶级域名”，也包含7类：biz（商业）, info（信息行业），name（个人），pro（专业人士），aero（航空业）, coop（合作公司）, museum（博物馆行业）。其中前4个是非限制性域，后3个是限制性域。

5．URL

URL（Universal Resource Locator）被译为统一资源定位器。在Internet上，每个站点及站点上的每个网页都有一个唯一的地址，这个地址称为资源定位地址，向浏览器输入URL，可以访问URL指出的Web网页。

URL的结构如下。

通信协议：//服务器名称【：通信端口编号】/文件夹1/【文件夹2…】/文件名

常见的通信协议如HTTP超文本传送协议（Hypertext Transfer Protocol） ，它详细规定了浏览器和万维网服务器之间互相通信的规则，它作为通过因特网传送万维网文档的数据传送协议，是万维网（World Wide Web）交换信息的基础。

它允许将超文本标记语言(HTML)文档从Web服务器传送到Web浏览器。HTML是一种用于创建文档的标记语言，这些文档包含到相关信息的链接。通过单击一个链接来访问其他文档、图像或多媒体对象，并获得关于链接项的附加信息。

1.1.2 网页和网站

网页是用HTML语言编写，通过WWW传播，并被Web浏览器翻译成为可以显示出来的集文本、超链接、图片、声音和动画、视频等信息元素为一体的页面文件，是WWW的基本文档。其中，访问网站时第一个出现的页面称为主页(Home Page)，主页一般被命名为index.html或default.html。图1-3显示的是“清华大学”网站的主页。

根据程序是否在服务器端运行，网页分为静态网页和动态网页两种。

1．静态网页

在网站设计中，早期的网站一般都是由静态网页组成的，静态网页指纯HTML格式的文件，扩展名为.htm或.html。静态网页上可以有一些动态效果，如Flash、GIF格式的图片等。一经制成，内容就不会再变化。如果要修改网页，就必须修改源代码，并重新上传到服务器。静态网页的特点如下。

每个网页都是独立的文件，内容相对稳定。

没有数据库的支持，后期维护工作量大。

交互性差，功能方面有较大的限制。

2．动态网页

在网站设计中，采用了动态网站技术生成的网页称为动态网页。动态网页文件不仅含有HTML标记，而且含有程序代码，这种网页的扩展名根据程序设计语言的不同而不同，如ASP文件的扩展名为.asp，JSP文件的扩展名为.jsp。动态网页能够根据不同的时间、不同的来访者而显示不同的内容，根据用户的即时操作和即时请求，内容也会发生相应的变化。动态网页的特点如下。

每个文件并没有独立存在于服务器，只有当用户请求时才返回一个完整的网页。

以数据库技术为基础，大大降低了后期维护的工作量。

交互性增强，实现了更多的功能，如常见的用户注册、登录、留言板、聊天室等。

提示：

静态网页与动态网页的根本区别在于动态网页的程序都是在服务器端运行，最后把运行的结果返回到客户端浏览器上并显示，静态网页是事先做好的，直接通过服务器传递给客户端浏览器。

3．网站

网站就是把一个个网页系统链接起来的集合。根据网站所提供的服务，人们可以把网站分为门户类网站、企业品牌类网站、交易类网站、休闲娱乐类网站、办公及政府机构网站等。

门户类网站：门户类网站是一种综合性网站，涉及的领域非常广泛，包含新闻、文学、音乐、影视、娱乐、体育等内容。绝大多数网民通过门户类网站来寻找自己感兴趣的资源。国内著名的门户类网站有新浪、搜狐、网易等。图1-4所示是网易网站的首页。

企业品牌类网站：企业品牌类网站作为企业的名片越来越受到人们的重视，成为企业在互联网上展现公司形象和企业产品、进行经营活动的平台和窗口。通过企业网站，可以有效地扩大社会影响，提高企业知名度。图1-5所示是海尔集团的官方网站。

交易类网站：随着互联网的不断发展，网上购物已经成为一种时尚。丰富多彩的物品资源、实惠的价格、快捷的物流使得“网购”成为人们的首选。目前，国内涌现出了越来越多的交易类网站。图1-6所示是当当网购物网站。

休闲娱乐类网站：休闲娱乐类网站大多以提供娱乐信息和流行音乐为主，如在线游戏网站、电影类网站、音乐网站等。图1-7所示是“酷狗音乐”娱乐网站。

办公及政府机构网站：办公及政府机构网站多以机构的形象宣传和政府服务为主，网站内容相对专一、功能明确、受众面较为明确。图1-8所示是“陕西人事考试网”网站。