1、第一讲 网页制作基础知识重点知识计算机网络和 InternetInternet 网络的信息浏览服务WWW 系统WWW 系统的工作方式及技术特点网页和网站Internet 地址HTML 语言基础编写 HTML 语言程序HTML 常用标记计算机网络和 Internet计算机网络是将地理位置不同并具有独立工作能力的多个计算机系统通过通信线路互连在一起，由网络软件实现网络资源共享和互相通信的整个信息系统。计算机网络由计算机、路由器、集线器、调制解调器、网卡、中继器、收发器、交换机等网络硬件设备组成的，所有这些设备统称为网络单元。计算机网络按照覆盖的地域大小，可分为局域网（范围不超过 10km） 、城域
2、网和广域网（全球范围） 。任何计算机网络，无论是局域网、城域网、广域网还是互联网，都可以划分为两个部分：一部分是负责信息收集和处理的资源子网，另一部分是负责信息传输的通信子网。Internet 一词来源于英文 Interconnect networks，即 “互连各个网络 ”，简称“互联网” ，中文译名为 “因特网 ”。Internet 是专指全球范围内最大的、由众多网络相互连接而成的、基于 TCP IP 通讯协议的计算机网络。Internet 是当今世界最大的计算机互联网络系统，由全球众多的国家和地区无数的不同功能的计算机、通信骨干网和各种计算机网络通过线路连接在一起的一个世界范围的网络。
3、Internet 网络的信息浏览服务Internet 提供的几个服务有：信息浏览、邮件、文件传输、及时通讯、bbs 电子公告、资料检索、新闻论坛等。认识 WWW 系统WWW 系统是由位于日内瓦的欧洲粒子物理研究所（CERN ）开发的，由遍布在 Internet 上的称为 Web 服务器的计算机组成。他们提出了超文本（Hypertext）的结构体系，该体系是由相互关联的文件组成的一种高级的基于超文本的浏览和搜索方式，目的是让大家在不同地方用一种简捷的方式共享信息资源。1990 年底第一个WWW 软件问世，并于 1991 年在 CERN超文本会议上进行了演示。此后，WWW发展极为迅速，很快延伸到医
4、学、教育、旅游、传媒、商业等各个领域，到 1995 年全球 WWW 服务器已超过 1 万台。WWW 是浏览查询工具，它可以使用户方便、快捷地查询到 WWW 服务器提供的文本、图形、声音以及图像文件。用户在阅读时，可以随时从一个文档转向另一个文档，或从一台 WWW 服务器移向另一台 WWW 服务器，这种转移无需固定的顺序，可以是随机的，跳来跳去的，用户只需用鼠标单击一下网页上的超级链接点，就能从当前正在阅读的文档跳至相关的新文档，这种查询方式叫做超文本查询方式。WWW 就是一个基于超文本方式的信息查询工具。WWW 系统的工作方式及技术特点WWW 是一种分布式客户服务器系统。客户端运行 WWW 客
5、户端程序，WWW 客户端程序一般称为 WWW 浏览器。WWW浏览器是用户访问 WWW 服务器的工具软件，它提供良好的用户界面。用户启动WWW 浏览器后，就会登录到某一台WWW 服务器上，通过 WWW 浏览器将用户的查询要求送给相关的服务器。WWW服务器运行服务端程序，服务端程序负责完成规定的查询，并将结果送回客户端，用户便可以在自己的计算机上查询和获取Internet 上的各种信息。WWW 制定了一套标准，有容易掌握的超文本 HTML 语言、统一的资源定位符（URL）和超文本传输协议（HyperText Transport Protocol，HTTP） 。超文本传输协议是在用户端浏览器与 We
6、b 服务器间建立连接的协议标准。超文本由若干互联的超媒体文件组成，它实质是通过超链接把一些具有超媒体特性的信息链接起来的一种新型的信息管理技术。网页和网站组成 WWW 的基本元素是网页，网页也被称为页面或 Web 页。不同的网页通过超链接联系在一起，构成了 WWW 的纵横交织结构。WWW 是由无数的 Web 服务器构成的，可以通过浏览器访问这些服务器上的网页。通常把一系列逻辑上可以视为一个整体的所有页面的集合叫做网站，或者说，网站就是一个相互链接的网页集合，它们可以共享。网站的概念是相对的，大可以到“雅虎网”和“新浪网”这样的大网站，页面多得无法计数，而且位于多台服务器上；小可以到一些个人网站
7、，可能只有几个网页，仅在一台服务器上占据很小的空间。网页与网页之间的关系并不是完全相同的。主页是网站中的一个特殊网页，它是在 WWW 上进入网站的第一个网页，其中包含指向其他网页的超链接。通常主页的名称是固定的，例如叫做 index.htm 或 index.html 等（ .htm 或 .html 后缀表示HTML 文档） 。Internet 地址Internet 采用一种惟一通用的地址格式，为 Internet 中的每一个网络和几乎每一台主机都分配了一个地址，就像一个实实在在的整体。Internet 中的地址类型有 IP 地址和域名地址两种。IP 地址IP 地址：连接在 Internet 上
8、的每台计算机都有一个惟一的地址。发送方计算机在通信之前必须知道接收方计算机的地址。这和我们日常邮寄普通信件是一样的道理，只是 Internet 上使用的地址称为 Internet 地址，简称 IP 地址。它是 4 个以小数点隔开的十进制整数，每个整数的范围是0255。Internet 上的每一台计算机和路由器都有一个由相关的管理机构指定的 IP 地址。计算机用 4 个字节的二进制单位(32位)存储 IP 地址，每个整数对应一个字节。例如，有一台计算机的 IP 地址为142.7.1.3，而另一台计算机的 IP 地址为126.12.3.20。计算机域名由于 IP 地址是数字型的，不方便记忆，也难以
9、理解，所以 Internet 采用了另一套字符（可以有英文字母、数字和汉字等）的地址方案，即域名地址。它是用具有一定意义的字符串来标识主机地址，IP 与域名地址两者相互对应，而且保持全网统一。在网络中，一台主机的 IP 地址是惟一的，而每台主机只能有一个 IP 地址，但它的域名数却可以有多个。域名系统（DNS）是负责将 Internet上每台主机的英文名字转换成 IP 地址的系统。人们可以只输入要查找的主机的域名，DNS 系统把它转换成 IP 地址后，计算机才能够根据 IP 地址进行查找。当然并不是每一台在 Internet 上的主机都有域名，例如，拨号上网的用户每次连接 Internet 时
10、，只需要一个“动态” 的 IP 地址，不需要域名。也就是说，Internet 上的每台主机都有一个IP 地址，但不一定有域名。一台计算机的域名由若干代表不同层次的子域名组成，各个子域名之间用小数点分开。其中最左边的子域名通常代表主机；中间各子域名代表相应的层次；最右边的子域名是标准化的最高级子域名，主要表示主机所属的国家、地区或网络性质的代码。 了解 HTML 语言HTML 的英文全名为 HyperText Makeup Language，直译为 超文本标记语言。它不是一种程序语言，而是一种描述文档结构的标记语言，它与操作系统平台的选择无关，只要有浏览器就可以运行 HTML文档，显示网页内容。
11、HTML 语言使用了一些约定的标记，对 WWW 上的各种信息进行标记，浏览器会自动根据这些标记，在屏幕上显示出相应的内容，而标记符号不会在屏幕上显示出来。自从 1990 年它首次用于网页制作后，几乎所有的网页都是由 HTML 语言或以其他语言（如JavaScript 语言等）镶嵌在 HTML 语言中编写的。目前，较流行的浏览器有 Netscape 公司的 Netscape Navigator 和微软公司的Internel Explorer（即 IE） 。要注意，不同的浏览器对同一个 HTML 文件的解释可能会不太一样。使用 HTML 语言编写 HTML 语言程序（即制作网页文件） ，是学习制作
12、网页的基础。在很多时候，了解一些 HTML 语言知识，将有利于学习高级网页制作工具，编辑修改网页和提高网页制作水平。 编写 HTML 语言程序编写 HTML 语言程序可以在 Windows记事本内书写，在存盘输入文件名时，一定要输入 HTML 语言文件的扩展名： .htm或.html 。 HTML 常用标记网页基本结构标记：是 HTML文档中最基本的标记，不可缺少。表示 HTML 文档的开始，表示HTML 文档的结束。：是网页标题标记，可以提高网页文档的可读性，向浏览器提供一个信息。它可以忽略，但一般不予忽略。：是网页名称标记，是标记内不可缺少的标记。有标记就一定要有标记。：是网页主题内容标记
13、。其内包含了网页的全部内容，一般不可缺少。：使用 标记中的 BCOLOR 属性，可以设置网页的背景颜色。使用的格式有以下两种：是图像标记，用来加载 GIF图像与动画。在网页中加载 GIF 动画的方法与加载 GIF 图像的方法一样。 GIF 动画文件的扩展名也是.gif，文件格式是GIF89A 格式。制作 GIF 动画的软件有很多，如 Fireworks MX 2004 和 Ulead GIF Animator 5.0 等。SRC：是依附于其他标记的一个属性，依附于标记时，用来导入 GIF 图像与动画。其格式如下：如果图像文件 Picture 1.gif 在该 HTML文档所在文件夹内的 GIF
14、 文件夹内，则应写为。如果文件的目录或文件名不对，则在浏览器中显示网页时，图像的位置处会显示一个带“”的小方块。：是换行标记。表示以后的内容移到下一行。它是单向标记，没有。：是保留文本原来格式的标记。它的作用是将其中的文本内容按照原来的格式显示。否则，浏览器会自动取消文本中的空格。：是粗体标记。可使其中的文字变为粗体。与： 是有序列表标记，其内用标记引导文字，显示网页中的这些文字后，文字前会自动加上“1” 、“2”序号。与： 是无序列表标记，其内用标记引导文字，显示网页中的这些文字后，文字前会自动加上“” 。其他常用标记：是正文的第一级标题标记。还有第二、三、四、五、六级标题标记，分别为、 和。级别越高，文字越小。：是段落标记。它的作用是将其内的文字另起一段显示。段与段之间有一个空行。
