随着信息通信技术的不断成熟，以及互联网与各行各业的日益融合，越来越多的人接

触或从事网页设计制作工作。在介绍网页制作技术之前，我们有必要先了解一下相关的基

础知识。本章主要介绍网页相关知识、网页的基本元素以及制作网页常用的技术和软件。

◎ 了解互联网、因特网、万维网的关系和区别。

◎ 了解网站、网页和HTML 的基本概念。

◎ 了解静态网页和动态网页的区别和联系。

◎ 了解HTTP 、FTP 、IP 地址、域名和 URL 等基本概念。

◎ 能够安装并使用浏览器查看网页。

◎ 了解从媒体内容和布局元素两个角度出发，网页所包含的基本元素。

◎ 了解网页开发所使用的基本技术和工具。

HTML5+CSS3

1.1

在学习如何设计一个网页之前，我们首先要对网站、网页及其相关知识具有最基本的

认识。

1.1.1 互联网(internet)、因特网(Internet)、万维网(WWW)

互联网指由若干计算机网络相互连接而成的网络。进一步讲，凡是能彼此通信的设备

组成的网络就叫互联网，即使仅有两台机器，不论用何种技术使其彼此通信，就可以称为

互联网。互联网的英文用开头字母小写的 internet 表示，不是专有名词，泛指由多个计算

机网络相互连接而成的一个大型网络。因特网和其他类似的由计算机相互连接而成的大型

网络系统，都可算是互联网，因特网只是互联网中最大的一个网络。

因特网是目前全球最大的一个电子计算机互联网，是由美国的ARPA 网发展演变而来

的。但因特网并不是全球唯一的互联网络，例如在欧洲，跨国的互联网络就有“欧盟网”

(Euronet)、“欧洲学术与研究网”(EARN)、“欧洲信息网”(EIN)，在美国还有“国际学

术网”(BITNET)，世界范围的还有“飞多网”等。Internet 专指全球最大的也就是我们通

常所使用的互联网络——因特网，“因特网”是作为专有名词出现的，因而开头字母必须

大写。

万维网是指环球信息网，英文全称为 World Wide Web ，简称 WWW 。万维网是基于

TCP/IP 协议实现的，是指在因特网上以超文本为基础形成的信息网，它为用户提供了一个

可以轻松驾驭的图形化界面，用户通过它可以查阅 Internet 上的信息资源。TCP/IP 协议由

很多协议组成，不同类型的协议又被放在不同的层，其中位于应用层的协议就有很多，比

如 FTP 、SMTP 和 HTTP 。只要应用层使用的是 HTTP 协议，就称为万维网。简而言之，

万维网是通过互联网获取信息的一种应用，我们所浏览的网站就是 WWW 的具体表现形

式，但其本身并不就是互联网，只是互联网的组成部分之一。

1.1.2 网站和网页

网站英文为Web Site 。简单来说，网站是多个网页的集合，即根据一定的规则，将用

于展示特定内容的相关网页，通过超链接构成一个网站整体。通俗地讲，网站就像因特网

上的布告栏一样，人们可以通过网站发布自己想要公开的资讯，或者利用网站提供相关的

网络服务。人们可以通过网页浏览器访问网站，获取自己需要的资讯或者享受网络服务。

例如，常见的网站有搜狐、新浪、雅虎等。

网页是Internet 的基本信息单位，英文为Web Page 。网页就是以HTML 语言为基础编

写的，能够通过网络传输，并被浏览器翻译成可以显示出来的包含文字、图片、声音、动

画等媒体形式的页面文件。进入网站首先看到的是其首页，一般情况下，首页集成了指向

二级分页以及其他网站的超链接。

2

图 1-1 所示是新浪网的首页。

图 1-1 新浪网首页

1.1.3 网页与HTML

网页呈现在用户面前的是各种文字、图像、动画、音频、视频等丰富的内容，而网页

在本质上是文本文件和其相关的资源，网页最根本的语言是 HTML(HyperText Markup

Language ，超文本标记语言) 。HTML 是 Web 编程的基础，是网页设计和开发领域的一个

重要组成部分。HTML 指定如