第1章 网页制作基础

第1章网页制作基础清华大学出版社第1章网页制作基础1.1Internet的工作方式和功能1.2网页与网站1.3网站设计规范

1.4本章小结思考与练习111.1Internet的工作方式和功能1.1.1计算机网络基础计算机网络就是将在地理上分散的、具有独立功能的多台计算机，通过通信线路和通信设备互相连接起来，在通信协议和网络软件的支持下，实现彼此之间的数据通信和资源共享的系统。计算机网络最重要的四个功能是：信息传输信息传输是计算机网络最最基本的职能。计算机网络可以在服务器与客户机终端、计算机与计算机之间快速传递各种信息，包括数据信息、文字信息、新闻信息、资讯信息、图片资料、报纸版面等。地理上分散的单位或部门通过计算机网络连接起来，就可以对各地的数据资料统一管理和分析，例如：网上售票系统，网上银行以及天气预报数据的收集、综合分析以及发布等等。第1章网页制作基础21.1Internet的工作方式和功能1.1.1计算机网络基础计算机网络最重要的四个功能是：共享资源计算机网络中的资源主要包括计算机硬件、软件和数据资源。很多计算机资源是非常昂贵的，例如进行复杂运算的巨型计算机、大型应用软件和数据库等。这样的工作方式不仅能够能均衡网络中计算机的负载，还能充分利用网络资源，扩大计算机的处理能力。第1章网页制作基础31.1Internet的工作方式和功能1.1.1计算机网络基础计算机网络最重要的四个功能是：增强可靠性和可用性在计算机网络中，当局部通信线路或计算机的某一设备发生故障时，可以利用网络上的其他设备来完成数据的传输或将数据复制到其他系统代为处理，以保证用户的正常操作。分布式处理和平衡负载当计算机网络中的某台计算机负担过重时，或该计算机正在处理某项操作时，可以将新任务转交给网络中其它空闲的计算机来完成。对于大型综合问题和复杂运算，还可以将问题的各部分交给网络中不同计算机分别处理。这样的工作方式不仅能够能均衡网络中计算机的负载，还能充分利用网络资源，扩大计算机的处理能力。第1章网页制作基础41.1Internet的工作方式和功能1.1.1计算机网络基础按照广泛公认的以地理范围的划分标准，计算机网络类型划分为：局域网局域网（LocalAreaNetwork，LAN）是最常见、结构复杂程度最低、应用最广的一种网络，是在局部地区范围内的网络，它所覆盖的地区范围较小，在地理距离上通常在几米至10公里以内，一般位于一个建筑物或一个单位内，网络的经营权和管理权通常属于某个单位。局域网在计算机数量配置上没有太多的限制，少的可以只有两台，多的可达几百台。随着整个计算机网络技术的发展和普及，几乎每个单位都有自己的局域网，有的家庭中都搭建了小型局域网。局域网的特点是连接范围窄、用户数少、配置容易、连接速率高。第1章网页制作基础51.1Internet的工作方式和功能1.1.1计算机网络基础按照广泛公认的以地理范围的划分标准，计算机网络类型划分为：城域网城域网（MetropolitanAreaNetwork，MAN）通常是指覆盖一个城市的计算机网络。这种网络的连接距离可以在10公里至100公里。与局域网相比，城域网扩展的距离更长，连接的计算机数量更多，在地理范围上可以说是局域网的延伸。在一个大型城市或都市地区，一个城域网通常连接着多个局域网，例如城域网中通常连接着政府机构和电信企业的局域网等等。广域网广域网（WideAreaNetwork，WAN）也称为远程网，所覆盖的范围比城域网更广，一般包括不同城市之间的网络互联，地理范围可从几百公里到几千公里。因为距离较远，信息衰减比较严重，所以这种网络一般是要租用专线连接。

第1章网页制作基础61.1Internet的工作方式和功能1.1.1计算机网络基础按照广泛公认的以地理范围的划分标准，计算机网络类型划分为：互联网互联网就是我们常说的Internet或因特网，它是由全世界范围内的不同类型的网络和计算机互相连接的巨型计算机网络，是最大的计算机网络。互联网包含着海量的信息资源，汇集各个领域、各个学科的信息为一体，向全世界提供众多服务。无线网无线网是指采用无线传输媒介的计算机网络，这种网络结合了最新的计算机网络技术和无线通信技术，使用无线技术来发送和接收数据，减少了用户的连线需求。随着笔记本电脑等便携式计算机的日益普及和发展，无线局域网易于安装和使用、易扩展、受自然环境影响小等优点日益凸显。无线网可实现“任何人在任何时间，任何地点以任何方式与任何人通信”，弥补了传统有线网络的不足。但无线网络也有局限之处：无线网络的数据传输率一般比较低，远低于有线局域网。此外无线网络的误码率较高，信号也容易相互干扰。第1章网页制作基础71.1Internet的工作方式和功能1.1.2Internet的工作方式Internet包含着海量的信息资源，向全世界提供众多服务，基本服务主要有：电子邮件、WWW服务、文件传输、远程登录服务等。Internet上分布着不计其数的具有独立工作能力的网络节点，这些网络节点可以是大型中型计算机、工作站、台式机、笔记本电脑或各种移动设备，根据它们在互联网服务中的角色不同，可以分为服务器和客户机。服务器服务器的功能是管理各种资源并为其他计算机提供服务，典型的服务器有：文件服务器、数据库服务器、网页服务器、邮件服务器、域名服务器和代理服务器等，一台服务器可以提供上述的一种或几种服务。设计好的网站需要发布到网页服务器上才能够被全球范围内的用户访问到；客户机所有访问服务器获得服务的计算机均称为客户机，网页浏览者通过客户机浏览网页服务器上的资源。第1章网页制作基础81.1Internet的工作方式和功能1.1.2Internet的工作方式Internet的工作方式客户机/服务器模式在客户机/服务器模式中，服务器处于网络服务的中心地位，客户机将服务请求发送给服务器，服务器完成数据处理后，将结果返回给客户机。在这种模式中客户机和服务器都需要安装特定的软件并及时升级更新，维护相对复杂。由于在客户机/服务器模式中所用的客户都请求获取服务的资源，当用户数量快速增加时，服务器的负载也越来越大，容易造成系统的拥塞。第1章网页制作基础图1.1客户机/服务器模式91.1Internet的工作方式和功能1.1.2Internet的工作方式Internet的工作方式浏览器/服务器模式浏览器/服务器模式是对客户机/服务器模式的改进。在浏览器/服务器模式中，客户机除了Web浏览器，一般不需要安装特定软件。客户机通过WWW浏览器向服务器发出请求，服务器处理用户请求，主要功能在服务器端实现，少部分功能在客户机的浏览器实现。浏览器/服务器模式简化了客户机的系统维护，降低了系统升级成本，也便于用户学习使用。第1章网页制作基础101.1Internet的工作方式和功能1.1.2Internet的工作方式Internet的工作方式P2P模式P2P模式中没有专门的客户机和服务器，所有的计算机地位平等，网络中的每台计算机都提供资源服务，同时每台计算机都可以访问其他计算机上的服务，充分体现了“我为人人，人人为我”的平等思想。P2P网络中的资源在对等节点之间直接传递，实现了网络中各个节点的负载均衡，避免了客户机/服务器模式造成的网络拥塞。目前，P2P模式已经广泛应用于即时通信、协同工作以及分布式计算等领域。第1章网页制作基础图1.2P2P模式111.1Internet的工作方式和功能1.1.2Internet的工作方式TCP/IP协议Internet由不同类型的网络和计算机组成，是世界上最大、最开放的计算机网络，Internet中的网络和计算机通过路由器等设备相互连接，通过一定的协议相互交流，这些协议技术的核心是TCP/IP协议。TCP协议即传输控制协议，主要用于保证被传输的数据能够正确地到达目的主机；IP协议则详细规定了计算机在通信时应遵循的规则，例如：分组数据包的组成、传送和接收等问题。连接到Internet上的不同类型的网络和计算机正是通过遵守TCP/IP协议而结合成为统一的有机体。TCP/IP协议实际上是一组协议的集合，其中的主要成员协议及其作用如表1.1所示。第1章网页制作基础12表1.1TCP/IP协议主要套件及其作用第1章网页制作基础协议名称英文全名中文名称作用HTTPHypertextTransferProtocol超文本传输协议普通网页浏览HTTPSHypertextTransferProtocoloverSecureSocketLayer安全超文本传输协议HTTP协议的安全版本FTPFileTransferProtocol文件传输协议用于文件传输POP3PostOfficeProtocol,version3邮局协议用来接收电子邮件SMTPSimpleMailTransferProtocol简单邮件传输协议用来发送电子邮件TELNETTeletypeovertheNetwork远程通信协议远程登陆到网络终端WWWWorldWideWeb万维网协议访问万维网TCPTransmissionControlProtocol传输控制协议负责应用程序之间的数据传输UDPUserDatagramProtocol用户数据报协议负责应用程序之间的数据报管理IPInternetProtocol网际协议负责计算机之间的数据传输13表1.1TCP/IP协议主要套件及其作用第1章网页制作基础协议名称英文全名中文名称作用ICMPInternetControlMessageProtocolInternet控制报文协议报告网络运载错误信息和其它状态信息IGMPInternetGatewayMessageProtocolInternet网关报文协议网络连接内外部网关的协议DNSDomainNameService域名服务完成地址查找，邮件转发等工作DHCPDynamicHostConfigurationProtocol动态主机配置协议动态配置IP地址ARPAddressResolutionProtocol地址解析协议动态解析网络地址RARPReverseARP反向地址解析协议反向解析网络地址14第1章网页制作基础1.1Internet的工作方式和功能1.1.2Internet的工作方式3.IP地址与Internet相连的每一台计算机都称为主机，为使这些主机在通信时能够互相识别，Internet为每一台主机分配了唯一的IP地址，IP地址以用数字方式标识Internet上的计算机，相当于每台主机在Internet上的门牌号。当前IP协议有两个版本：IPv4和IPv6。在IPv4协议中，IP地址由32位二进制数字组成，每8位即一个字节分成一段，共4段，每段由8位组成，转换成10进制后每段可以表示为一个介于0到255之间的数字，每组之间用一个点“.”分隔，例如：03。15第1章网页制作基础1.1Internet的工作方式和功能1.1.2Internet的工作方式3.IP地址IP地址分为3类：A类、B类和C类。A类地址中第一个字节表示网络地址，后三个字节表示网络内计算机的地址；B类地址中前两个字节表示网络地址，后两个字节表示网络内计算机的地址；C类地址中前三个字节表示网络地址，后一个字节表示网络内计算机的地址。由分类规则可以知道，A类地址数量最少，但可以管理的计算机数量最多，通常分配给拥有大量主机的网络，例如大公司或Internet主干网络；B类地址通常分配给节点较多的网络，例如政府机关、较大型的公司或局域网；C类地址数量最多，但网络中的主机数量最少，适用于小型局域网，例如大学校园网通常会占用几个C类地址。16第1章网页制作基础1.1Internet的工作方式和功能1.1.2Internet的工作方式3.IP地址表1.2IP地址的分类网络类别最多网络数可用网络号范围每个网络中的最多主机数A类126~5516777214B类16382~5565534C类2097150~55254171.1Internet的工作方式和功能1.1.2Internet的工作方式4.域名对于计算机网络设备来说，以IP地址作为主机的数字标识是非常有效的；然而对于普通的网络用户来说，数字组成的IP地址是难以记忆的。为此，Internet中的IP地址通常对应着一个域名（DomainName）。例如：中国教育和科研计算机网的IP地址为03，同时用域名也能访问到同一个网址。03IP地址与域名之间的对应关系由域名管理系统负责管理和维护，在用户访问Internet在浏览器中输入的域名可以由域名管理系统自动转换为计算机网络能够识别的IP地址。第1章网页制作基础181.1Internet的工作方式和功能1.1.2Internet的工作方式4.域名Internet域名的命名采用层次型结构，级别最低的域名写在最左边，级别最高的域名写在最右边。例如：在“中国教育和科研计算机网（CERNET）”的域名“”中，“cn”是顶级域名，表示中国，“edu”为二级域名，表示教育机构，三级域名可以由大小写英文字母、数字0～9和连接符“-”组成，三级域名的长度不能超过20个字符。各级域名之间用点“.”连接，完整域名总共长度不超过255个字符。遵照国际惯例，域名体系包括类别域名和地理域名两套。有经验的用户可以通过对域名的解读，判断出所访问网站所在的国别或地区，还能判断出网站所属机构的性质。第1章网页制作基础191.1Internet的工作方式和功能1.1.2Internet的工作方式4.域名类别域名是依照申请机构的性质命名的，常见的机构类别如表1.2所示：第1章网页制作基础域名类别域名类别.com工、商、金融等企业.biz工商企业.edu教育机构.int国际组织.gov政府组织.org非盈利性的组织.mil军事部门.info信息相关机构.net网络相关机构.name个人网站.coop合作组织.aero航空运输.pro医生、律师、会计专用.museum博物馆表1.2顶级域名中常见的机构类别201.1Internet的工作方式和功能1.1.2Internet的工作方式4.域名域名中常见的地理区域如表1.3所示：表1.3顶级域名中常见的地理区域第1章网页制作基础域名国家或行政区域名国家或行政区域名国家或行政区.cn中国.au澳大利亚.us美国.ca加拿大.ch瑞士.in印度.uk英国.hk中国香港.fr法国.de德国.sg新加坡.jp日本.it意大利.tw中国台湾.ru俄罗斯.mx墨西哥.mo中国澳门.gr希腊.my马来西亚.kr韩国.nl荷兰211.1Internet的工作方式和功能1.1.2Internet的工作方式4.域名我国的域名体系注册管理机构是中国互联网络信息中心（ChinaInternetNetworkInformationCenter，简称CNNIC），它是经我国国务院主管部门批准授权，行使我国国家互联网络信息中心职责的管理和服务机构。CNNIC在其官方网站上（/）还提供了所辖范围内域名所有者信息查询的WHOIS服务，通过此项服务可以查询到特定域名的所有人、注册商、注册日期和过期日期等，可以进一步了解网站的可信度。第1章网页制作基础221.1Internet的工作方式和功能1.1.2Internet的工作方式5路由器和交换机

路由器实际上也是一种计算机，配置有CPU、内存和网络接口等设备，路由器的功能是处理网络之间的互联，他可以连接各种类型的网络，也可以连接其他路由器。路由器在Internet中的作用类似于邮局，当一封信投递到邮局，工作人员会根据邮寄地址决定下一步把信转送到哪一个邮局，以此类推，直到把信送到收件人手中。路由器主要用于网络间的连接，也就是用来连接不同的网络。第1章网页制作基础23图1.4以校园网接入Internet为例，展示了校园网内外的用户访问校内外资源的过程以及路由器和交换机在其中的作用。第1章网页制作基础图1.4校园网接入Internet241.1Internet的工作方式和功能1.1.3Internet服务和功能1．WWW服务

WWW是WorldWideWeb的简称，中文译作万维网，是近年来Internet上最流行、应用最广的基本互联网应用服务之一，WWW以超文本方式组织网络多媒体信息，用户可以在世界范围内任意查找、检索、浏览及添加信息。与WWW服务相关的概念，详见1.1.3节。2．电子邮件服务电子邮件服务（Electronicmail，Email）即用电子手段进行信息交换的通信方式，电子邮件中可以包含文字、图像、声音等各种多媒体元素。电子邮件也是Internet应用最广的服务之一，借助于电子邮件系统，用户可以采用低廉又快速的方式与世界上任何一个角落的网络用户联系。第1章网页制作基础251.1Internet的工作方式和功能1.1.3Internet服务和功能电子邮件系统实现电子邮件传输功能的基础是简单电子邮件传输协议（SimpleMailTransferProtocol,简称SMTP)、POP3（邮局协议）、IMAP（Internet邮件访问协议），这几种协议都是TCP/IP组件的组成部分，各自的功能如下：SMTP（SimpleMailTransferProtocol）：主要负责底层的邮件系统如何将邮件从一台机器传至另外一台机器；

POP（PostOfficeProtocol）：将邮件从电子邮箱中传输到本地计算机的协议，目前的主流版本为POP3。

IMAP（InternetMessageAccessProtocol）:是POP3的一种替代协议，提供了邮件检索和邮件处理的新功能，这样用户可以完全不必下载邮件正文就可以看到邮件的标题摘要，从邮件客户端软件就可以对服务器上的邮件和文件夹目录等进行操作。第1章网页制作基础261.1Internet的工作方式和功能1.1.3Internet服务和功能第1章网页制作基础图1.5电子邮件的发送和接收过程271.1Internet的工作方式和功能1.1.3Internet服务和功能３.垃圾邮件中国互联网协会对垃圾邮件的定义为：收件人事先没有提出要求或者同意接收的广告、电子刊物、各种形式的宣传品等宣传性的电子邮件；收件人无法拒收的电子邮件；隐藏发件人身份、地址、标题等信息的电子邮件；含有虚假的信息源、发件人、路由等信息的电子邮件。可以采用以下措施应对由垃圾邮件带来的安全问题：尽量选用复杂规则的电子邮件地址，减少被垃圾邮件发送者随机猜中电子邮件地址的概率；

不要在网上或其它场所随意公布自己的电子邮件地址，防止邮件地址被垃圾邮件发送者收集；

充分利用电子邮箱的白名单垃圾邮件过滤功能，对可信邮件的发件人地址进行验证；利用电子邮箱的黑名单垃圾邮件过滤功能，过滤来自垃圾邮件发件人的电子邮件。第1章网页制作基础281.1Internet的工作方式和功能1.1.3Internet服务和功能4.邮件病毒邮件病毒是指通过电子邮件传播的病毒，一般附加在邮件的附件中，如果用户运行了附件中的病毒程序，就会使计算机感染病毒。可以采用如下措施预防和清除邮件病毒：在收到信的时候，不要急于打开附件，先将附件下载，用杀毒软件杀毒后再打开；警惕附件中扩展名为.exe的可执行文件，一般不要轻易打开或运行；谨慎打开HTML格式的邮件，因为HTML文件可以包含ActiveX控件病毒；设置“文件夹选项”的“查看”选项，把“隐藏已知文件类型的扩展名”前面的勾去掉，显示所有文件的扩展名，避免病毒文件伪装成图片或文档；第1章网页制作基础291.1Internet的工作方式和功能1.1.3Internet服务和功能5.远程登录服务远程登录服务也称Telnet服务，即用户通过Telnet命令与网络上另一台远程计算机取得“联系”，使自己的计算机暂时成为远程计算机的终端，直接调用远程计算机的资源和服务，就像使用本地计算机一样。利用远程登录，用户可以实时使用远程计算机上对外开放的全部资源，可以查询数据库、检索资料，或者利用远程巨型机强大的计算能力完成复杂程序的运行。在安装Windows操作系统时，远程登录服务Telnet的客户端程序已经自动安装。用户可以直接利用Telnet客户端程序进行远程登录，具体方法为：选择“开始“菜单中的“运行”，或者是选择“所有程序”|“附件”菜单下的“命令提示符”，输入“telnet”命令和相应的参数即可。第1章网页制作基础301.1Internet的工作方式和功能1.1.3Internet服务和功能6.文件传输服务文件传输服务的主要功能是使本地计算机与远程计算机之间可以进行各种类型文件的传输，包括文本文件、图像文件、声音文件、数据压缩文件等。文件传输服务不需要对文件进行复杂的转换，因此文件传输的效率很高。文件传输服务使每个连入Internet的计算机都拥有了一个容量巨大的备份文件库，使单个计算机突破了有限存储空间的限制。文件传输服务是一种实时的联机服务，其基础是文件传送协议（FileTransferProtocol，FTP），在开始文件传输服务之前，首先要登录到远程计算机，在登录并获得相应权限后，用户才被允许进行与文件查询、文件传输相关的操作。第1章网页制作基础311.1Internet的工作方式和功能1.1.4我国的Internet当前我国与Internet联网的计算机骨干网络主要：1.中国公用计算机互联网络（Chinanet）2.中国教育和科研计算机网（CERnet）3.中国科学技术计算机网（CASnet）4.中国金桥互联网（Chinagb）第1章网页制作基础321.2网页与网站1.2.1网页和网站概述1.静态网页和动态网页静态网页是标准的HTML文件，它的文件扩展名是.htm或.html，可以包含文本、图像、声音、FLASH动画、客户端脚本和ActiveX控件及JAVA小程序等。这种网页不包含在服务器端运行的任何脚本，网页上的每一行代码都是由网页设计人员预先编写好后，放置到Web服务器上的，在发送到客户端的浏览器上后不再发生任何变化，因此称其为静态网页。静态网页的内容相对稳定，不会根据用户操作发生变化，因此容易被搜索引擎检索。动态网页是根据访问者的请求，由服务器生成的网页，访问者在发出请求后，从服务器上获得生成结果，并以网页形式显示在浏览器中。动态网页是可以进行交互的网页，可以根据用户的不同操作做出不同的反应。具有代表性的动态网页技术有ASP、JSP、PHP、.net、CGI等等，根据应用技术的不同，动态网页的扩展名也不同，如在文件中使用ASP技术时，扩展名为.asp，使用JSP技术时，扩展名是.jsp。动态网页一般以数据库技术为基础，可以大大降低网站维护的工作量。第1章网页制作基础331.2网页与网站1.2.1网页和网站概述2.网站网站(Website)开始是指在因特网上，根据一定的规则，使用HTML等工具制作的用于展示特定内容的相关网页的集合。静态网页是网站建设的基础，即使是以动态网页技术为主的网站，为了适应搜索引擎检索的需要，也通常将网页内容转化为静态网页发布。因此，网站建设通常采用的是静态网页与动态网页相结合的方式。3.超链接超链接也称超级链接，是指从一个网页指向一个目标的连接关系,网页中用来作为超链接载体的对象可以是文本、图片、Flash等网页元素。当浏览者单击已经设置超链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。第1章网页制作基础341.2网页与网站1.2.1网页和网站概述3.统一资源定位符（UniformResourceLocator，URL）统一资源定位符（URL）是用于完整地描述Internet上网页和其他资源的地址的一种标识方法，是对Internet上资源的位置和访问方法的一种简洁的表示。Internet上的每一个网页或资源都具有一个唯一的URL标识，也称之为URL地址，这种地址可以是本地磁盘上的文件，也可以是局域网上的某一台计算机，更多的是Internet上的站点。简单地说，URL就是Web地址，通常所说的“网址”，统一资源