第1章 网页制作基础

第1章 网页制作基础 第

第1章 网页制作基础

本章将介绍网络、 本章将介绍网络、网站和网页 的一些基本知识， 的一些基本知识，为后续内容的学 习奠定一个初步基础。 习奠定一个初步基础。

学习目标

了解网络的一些常用术语。 了解网络的一些常用术语。 了解网页的基本元素。 了解网页的基本元素。 了解常用的网页制作工具。 了解常用的网页制作工具。 掌握网页布局的基本类型。 掌握网页布局的基本类型。 了解常用的网页布局技术。 了解常用的网页布局技术。 了解网站建设的基本流程。 了解网站建设的基本流程。

1.1 常用术语

服务器与浏 览器 Internet Intranet ISP IP 域名 网站 URL

FTP WWW 超级文本 HTML ASP VBScript和JavaScript 和

1.1.0 服务器与浏览器

图1-2 服务器与浏览器的关系示意图

Web浏览器： Web浏览器 浏览器： 中文名称为网络浏览器或网页浏览器，简称浏览器； 中文名称为网络浏览器或网页浏览器，简称浏览器； 英文名称为Web Browser。 英文名称为Web Browser。浏览器是一个用于文档检 索和显示的客户应用程序， 索和显示的客户应用程序，并通过超文本传输协议 Protocol,HTTP) Web服务 (HyperText Transfer Protocol,HTTP)与Web服务 器相连。目前，流行的有Internet Explorer和 器相连。目前，流行的有Internet Explorer和Netscape Navigator。 Navigator。 Web服务器： Web服务器 服务器： 是指驻留于因特网上某种类型计算机的程序。 是指驻留于因特网上某种类型计算机的程序。当 Web浏览器 客户端)连到服务器上并请求文件时， Web浏览器(客户端)连到服务器上并请求文件时， 浏览器( 服务器将处理该请求并将文件发送到该浏览器上， 服务器将处理该请求并将文件发送到该浏览器上，附 带的信息会告诉浏览器如何查看该文件(即文件类 带的信息会告诉浏览器如何查看该文件( ),服务器使用 服务器使用HTTP(超文本传输协议) 型),服务器使用HTTP(超文本传输协议)进行信 息交流

1.1.1 InternetInternet也称因特网或国际互联网，是20世纪 年代由美国军 也称因特网或国际互联网， 世纪70年代由美国军 也称因特网或国际互联网 世纪 方的ARPAnet(阿帕网，由美国高等研究计划署(Advanced 方的 (阿帕网，由美国高等研究计划署( Research Project Agency)创立)发展而来的。Internet是一个由 )创立)发展而来的。 是一个由 各种不同类型和规模并各自独立运行和管理的计算机网络组成的 覆盖全球范围内的庞大网络，网络间可以畅通无阻地交换信息。 覆盖全球范围内的庞大网络，网络间可以畅通无阻地交换信息。 组成Internet的计算机网络包

括局域网(LAN)、地域网(MAN) 的计算机网络包括局域网( )、地域网 组成 的计算机网络包括局域网 )、地域网( ) 和广域网( 这些网络通过普通电话线、 和广域网(WAN)等。这些网络通过普通电话线、高速率专用线 ) 卫星、微波和光缆等通讯线路，把不同地域的大学、公司、 路、卫星、微波和光缆等通讯线路，把不同地域的大学、公司、 科研机构以及军事、政府等组织的网络连接起来。 科研机构以及军事、政府等组织的网络连接起来。Internet为人 为人 们提供了巨大且不断增长的信息资源和服务工具宝库， 们提供了巨大且不断增长的信息资源和服务工具宝库，用户可以 利用其提供的各种工具去获取这些信息资源和服务。 利用其提供的各种工具去获取这些信息资源和服务。也可以通过 Internet将个人或企业部门的信息发布出去，供其他用户访问浏 将个人或企业部门的信息发布出去， 将个人或企业部门的信息发布出去 览。

1.1.2 IntranetIntranet也称企业内部互联网，用于在公司或组织内传递和 也称企业内部互联网， 也称企业内部互联网 处理信息。 技术在企业内部或封闭的用户群内的应用， 处理信息。是Internet技术在企业内部或封闭的用户群内的应用， 技术在企业内部或封闭的用户群内的应用 也是一个公司或组织所特有的(不一定与Internet有物理上的连 也是一个公司或组织所特有的(不一定与 有物理上的连 接关系)网络。它可以用于提供文档分发、软件发布、 接关系)网络。它可以用于提供文档分发、软件发布、访问数据 库和培训等服务。虽然Intranet也使用了如 也使用了如Web页(网页)、 库和培训等服务。虽然 也使用了如 页 网页)、 Web浏览器、FTP站点、电子邮件、新闻组和邮件列表等与 浏览器、 站点、 浏览器 站点 电子邮件、 Internet相关的应用程序，但它的作用范围仅限定于公司或组织 相关的应用程序， 相关的应用程序 内部。 内部。

1.1.3 ISPISP(Internet Service Provider)是Internet服务提供商。用 ( 服务提供商。 ) 服务提供商 户只有通过ISP才能接入 才能接入Internet,并享受各种服务。ISP作为提 户只有通过 才能接入 ，并享受各种服务。 作为提 供接入服务的中介，租用国际信道和大量的当地电话线， 供接入服务的中介，租用国际信道和大量的当地电话线，购置一 系列计算机设备，通过集中使用、分散压力的方式， 系列计算机设备，通过集中使用、分散压力的方式，向本地用户 提供接入服务。 提供接入服务。

1.1.4 IPIP地址是 地址是Internet上主机地址的数字形式，与主机的域名地址 上主机地址的数字形式， 地址

是 上主机地址的数字形式 是一一对应的。 地址是一个 位的二进制数， 地址是一个32位的二进制数 是一一对应的。IP地址是一个 位的二进制数，通常写成被点分 开的4个十进制数的形式 例如： 个十进制数的形式， 开的 个十进制数的形式，例如：202.112.223.12等。IP地址通常 等 地址通常 分为A、 、 三类 这种分类与IP地址中字节的使用方法相关 三类， 地址中字节的使用方法相关。 分为 、B、C三类，这种分类与 地址中字节的使用方法相关。 在实际应用中，可以根据具体情况选择IP地址的类型格式 地址的类型格式。 、 在实际应用中，可以根据具体情况选择 地址的类型格式。A、 B、C三类地址所能表示的范围分别是：A类“0.0.0.0三类地址所能表示的范围分别是： 类 、 三类地址所能表示的范围分别是 127.255.255.255”,B类“128.0.0.0-191.255.255.255”,C类 ， 类 ， 类 “192.0.0.0-223.255.255.255”。IP地址和域名地址就像平时生活中 。 地址和域名地址就像平时生活中 的通信地址一样，不能随意分配， 的通信地址一样，不能随意分配，否则将会导致无法估计的混乱 状态。在需要IP地址或域名地址时 地址或域名地址时， 状态。在需要 地址或域名地址时，用户必须向国际网络信息中 心提出申请。申请批准后，凡能够使用Internet域名的地方都可 心提出申请。申请批准后，凡能够使用 域名的地方都可 以使用IP地址 地址。 以使用 地址。

1.1.5 域名

互联网上的站点就像人们生活中的机构或家庭一样， 互联网上的站点就像人们生活中的机构或家庭一样，需要有 个具体的地址，网民才能根据这个地址进行访问。由于Internet 个具体的地址，网民才能根据这个地址进行访问。由于 计算机的身份标识是IP地址 为了便于记忆， 地址， 计算机的身份标识是 地址，为了便于记忆，按照一定的规则给 Internet上的计算机起的名字就叫做域名。按照 上的计算机起的名字就叫做域名。 上的计算机起的名字就叫做域名 按照Internet的组织模 的组织模 对域名进行分级，一级域名主要有以下几种： 式，对域名进行分级，一级域名主要有以下几种：.com(商业组 ( )、.net(网络中心)、 )、.edu(教育机构)、 )、.gov(政府部 织)、 (网络中心)、 (教育机构)、 ( )、.mil(军事机构)、 )、.org(国际组织)等。大部分国家和地 门)、 (军事机构)、 (国际组织) 区都拥有自己独立的域名，例如： (中国)、 )、.us( 区都拥有自己独立的域名，例如：.cn(中国)、 (美 )、.uk(英国)、 )、.hk(香港) 国)、 (英国)、 (香港)等。

1.1.6 网站

网站是一种通过互联

网相互连接起来的， 网站是一种通过互联网相互连接起来的，为用户提供网页服 )、数据传输服务 )、邮件服务 务(Web Server)、数据传输服务(FTP Server)、邮件服务 )、数据传输服务( )、 )、数据库服务 (Mail Server)、数据库服务(Database Server)等多种服务的 )、数据库服务( ) 信息载体。它通常以虚拟主机或主机托管的方式进行存放和运作。 信息载体。它通常以虚拟主机或主机托管的方式进行存放和运作。 网站一般拥有固定的域名。 网站一般拥有固定的域名。

1.1.7 URLURL(Uniform Resource Locator,统一资源定位)主要用来 ( ,统一资源定位) 指明通信协议和地址的方式，以取得网络上的各种服务， 指明通信协议和地址的方式，以取得网络上的各种服务，它包括 通信协议( )、主机名 通信协议(Protocol)、主机名、所要访问文件的路径和文件名 )、主机名、 等几个部分。例如， 等几个部分。例如，“”便是老虎工作室的 便是老虎工作室的 URL。 。

输入URL 图1-4 输入URL

1.1.8 FTPFTP(File Transfer Protocol,文本传输协议)是Internet上 ( ,文本传输协议) 上 使用非常广泛的一种通讯协议。 是由支持Internet文件传输的 使用非常广泛的一种通讯协议。FTP是由支持 是由支持 文件传输的 各种规则所组成的集合，这些规则使Internet用户可以把文件从 各种规则所组成的集合，这些规则使 用户可以把文件从 一个主机传送到另一个主机上。 一个主机传送到另一个主机上。FTP通常也表示用户执行这个协 通常也表示用户执行这个协 议所使用的应用程序， 的方法很简单， 议所使用的应用程序，如CutFTP等。用户使用 等 用户使用FTP的方法很简单， 的方法很简单 启动FTP软件后先与远程主机建立连接，然后向远程发出指令即 软件后先与远程主机建立连接， 启动 软件后先与远程主机建立连接 可。

1.1.9 WWWWWW(World Wide Web,万维网)是一个基于超级文本的 ( ,万维网) 信息查询工具。 是在Internet的基础上，由各计算机节点 的基础上， 信息查询工具。WWW是在 是在 的基础上 上的WWW软件和超级文本格式的信息文件组成的。这些节点称 软件和超级文本格式的信息文件组成的。 上的 软件和超级文本格式的信息文件组成的 服务器， 服务器。 为WWW服务器，简称 服务器 简称Web服务器。海量的信息被存储于 服务器 海量的信息被存储于Web服 服 务器上，用户使用WWW时只需提出查询要求，到何处查询及如 时只需提出查询要求， 务器上，用户使用 时只需提出查询要求 何查询则由WWW自动完成。WWW只是 自动完成。 只是Internet上的一种应用， 上

的一种应用， 何查询则由 自动完成 只是 上的一种应用 Internet还包括许多其他服务，如Telnet、FTP、Archie、Wais、 还包括许多其他服务， 还包括许多其他服务 、 、 、 、 Mail等 使用这些服务功能必须具备一定的计算机知识， Mail等。使用这些服务功能必须具备一定的计算机知识，有的还 需要用户通过键盘输入命令来完成操作( ),这就使许 需要用户通过键盘输入命令来完成操作(如Telnet),这就使许 ), 多初级用户望而却步。 采用的是图形界面技术， 多初级用户望而却步。而WWW采用的是图形界面技术，用户只 采用的是图形界面技术 需操纵鼠标，通过Windows界面下的 界面下的WWW软件和超级文本就可 需操纵鼠标，通过 界面下的 软件和超级文本就可 以完成浏览、查询和下载等各项功能，并通过Internet从全世界 以完成浏览、查询和下载等各项功能，并通过 从全世界 任何地方找到所希望得到的文本、图像和声音等信息， 任何地方找到所希望得到的文本、图像和声音等信息，而且 WWW可以与其他服务(如Telnet、FTP和Mail等)实现无缝连 可以与其他服务( 可以与其他服务 、 和 等 可以说， 的诞生使用户从繁杂的操作中解脱出来， 接。可以说，WWW的诞生使用户从繁杂的操作中解脱出来，充 的诞生使用户从繁杂的操作中解脱出来 分享受计算机带来的便利。 分享受计算机带来的便利。

1.1.10 超级文本超级文本( 超级文本(Hypertext)与普通文本不同，它是一种使用户与 )与普通文本不同， 计算机之间能够更加密切交流的文本显示技术， 计算机之间能够更加密切交流的文本显示技术，它通过对相关词 汇进行索引链接， 汇进行索引链接，可以使带链接的词汇或语句指向文本中的其他 段落、注解或文本。 段落、注解或文本。用户可以沿着超级文本中的索引链接跳转阅 也可以随时返回到原来的阅读之处。超级文本的出现， 读，也可以随时返回到原来的阅读之处。超级文本的出现，使计 算机中的文本呈现出崭新的面目。 算机中的文本呈现出崭新的面目。 超链接的本质是一种可以指向其他文件的文字或图片。 超链接的本质是一种可以指向其他文件的文字或图片。

图1-3 超链接的作用

1.1.11 HTMLHTML(Hypertext Markup Language,超级文本标记语言) ( ,超级文本标记语言) 是一种用来制作网络中超级文本的简单标记语言。 是一种用来制作网络中超级文本的简单标记语言。它是在文本文 件的基础上加上一系列标记，用以描述其颜色、字体、 件的基础上加上一系列标记，用以描述其颜色、字体、文字大小 和格式，再加上声音、图像、动画甚至视频等形

成精彩的页面。 和格式，再加上声音、图像、动画甚至视频等形成精彩的页面。 严格来说， 语言并不是一种编程语言， 严格来说，HTML语言并不是一种编程语言，只是一些能让浏览 语言并不是一种编程语言 器看懂的标记。当用户浏览WWW上包含 上包含HTML语言标签的网页 器看懂的标记。当用户浏览 上包含 语言标签的网页 浏览器会“翻译”由这些HTML语言标签提供的网页结构、 语言标签提供的网页结构、 时，浏览器会“翻译”由这些 语言标签提供的网页结构 外观和内容的信息，并按照一定的格式在屏幕上显示出来。 外观和内容的信息，并按照一定的格式在屏幕上显示出来。 HTML是在客户端被执行的，它包含许多 是在客户端被执行的， 标签， 是在客户端被执行的 它包含许多HTML标签，这些标签 标签 都包括在“ 和 符号里， 都包括在“<”和“>”符号里，并且大部分是成对出现的。 符号里 并且大部分是成对出现的。

网页的HTML HTML源文件 图1-5 网页的HTML源文件

1.1.11 HTML一个最简单的HTML文档至少包含下列标签。 文档至少包含下列标签。 一个最简单的 文档至少包含下列标签 <html> <head> … </head> <body> … </body> </html>

1.1.11 HTML它们的含义分别如下。 它们的含义分别如下。 <html>…</html>:网页的开始、结束标签，表示文件声明，让 ：网页的开始、结束标签，表示文件声明， 浏览器知道这是HTML文件。 文件。 浏览器知道这是 文件 <head>…</head>:网页的文件头部分，包含网页的重要信息， :网页的文件头部分，包含网页的重要信息， 在浏览器中不显示。 在浏览器中不显示。 <body>…</body>:网页的可见部分，在设计视图中看到的各个 ：网页的可见部分， 元素都包含在这一对标签内。 元素都包含在这一对标签内。 以上3对标签在网页文档中只能出现 次 而且顺序也是固定的， 以上 对标签在网页文档中只能出现1次，而且顺序也是固定的，不 对标签在网页文档中只能出现 能重复出现或者颠倒顺序。源代码中的HTML标签是层层嵌套的， 标签是层层嵌套的， 能重复出现或者颠倒顺序。源代码中的 标签是层层嵌套的 最外层是“ 标签。 最外层是“<html>…</html>”标签。 标签

本文来源：https://www.bwwdw.com/article/3kae.html