5.1初识Web（课件）《计算机网络技术》（西安电子科技大学）

计算机 网络 任务1 初识Web 知识点一 Web概述 HTTP与HTTPS Web的概念及标准 统一资源定位符URL Web服务 应用层主要功能 7.应用层 OSI参考模型 6.表示层 5.会话层 4.传输层 3.网络层 2.数据链路层 1.物理层 TCP/IP协议栈 4.应用层 3.传输层 2.网际层 1.网络接口层 Web服务 电子邮件 FTP 域名服务 网络管理 应用层主要服务 应用层主要协议 HTTP FTP DNS 电子邮件 协议 应用层 主要协议 DHCP Telnet 超文本传输协议，使用端口80，主要用于上网 文件传输协议，端口：21和20 域名系统，端口：53 动态主机IP地址分配协议，端口：67与68 SMTP：简单邮件传输协议，端口25 POP3：邮局协议，端口110 远程登录协议，端口为23 Web基本概念 万维网WWW (World Wide Web) 是将互联网中的信息以超文本形式展现的系统，也叫做Web。 Web服务器 Web服务器 Web服务器 Web服务器 Internet URL HTTP HTML HTTPS 网络中的Web服务是分布式的, 用户可通过Windows、Linux等操作系统使用Web服务,极大方便了用户的使用;与web服务相关的协议有： 6 客户端/服务器模型 客户端发出服务请求消息 服务端给予响应消息 应用层 传输层 底层 应用层 传输层 底层 Internet 客户端 服务器端 应用服务 网络应用软件之间最常用、最重要的交互模型为C/S（Client/Server，客户端/服务器）模型 应用进程 应用进程 7 Web的分布式服务 Web分布式超媒体(hypermedia) 系统如下图所示，它是超文本(hypertext) 系统的扩充。一个超文本由多个信息源链接而成。利用一个链接可使用户找到另一个文档，这些文档可以位于世界上任何一个接在互联网上的超文本系统中。 Web的服务方式 Web的目的是访问Internet上的网页，其最具吸引力的是它可以按需操作。当用户需要时，就能得到他所想要的内容。Web服务是跨平台的，使用任何终端、操作系统、浏览器都可以访问Internet上的Web服务，如下图所示。 Web标准 由于浏览器各不相同，当用户浏览相同的页面时会存在差异，W3C为此定制了一系列的标准，这就是Web标准。 而Web标准不单指某一个标准，而是一系列标准的集合。 W3C万维网联盟是国际最著名的标准化组织，1994年成立后，至今已发布近百项万维网相关的标准，对万维网发展做出了杰出的贡献。 网络中的Web服务是分布式的, 用户可通过Windows、Linux等操作系统使用Web服务,极大方便了用户的使用;与web服务相关的协议有： 10 统一资源定位符URL URL （Uniform Resource Locator） （Uniform Resource Locator，URL）也被称为网页地址，互联网上每个文件都有一个唯一的URL，它包含的信息指出文件的位置以及浏览器处理该文件的方式。如http://www.badu.com就是URL <协议>://<主机名>:<端口>/<路径> URL格式 http://baike.baidu.com/view/1496.htm URL举例 统一资源定位符URL URL格式 <协议>://<主机名>:<端口>/<路径> 模式/协议（scheme）：它告诉浏览器如何处理将要打开的文件。 https——用安全套接字层传送的超文本传输协议； ftp——文件传输协议； file——当地电脑或网上分享的文件； Telnet——远程登录协议。 协议 主机名指的是计算机的地址，可以是IP地址或域名地址（Domain Name System，DNS）。主机名之前也可以包含连接到服务器所需的用户名和密码（例如：username:password@hostname） .COM——用于商业机构。它是最常见的顶级域名； .NET——最初是用于网络组织，例如因特网服务商和维修商。 .ORG——是为各种组织包括非盈利组织而定的。 主机名 统一资源定位符URL URL格式 <协议>://<主机名>:<端口>/<路径> 端口号就像门牌号一样，客户端可以通过ip地址找到对应的服务器，但服务器有很多端口，每个应用程序对应一个端口号，通过类似门牌号的端口号，客户端才能真正的找到该服务器。 为了对端口进行区分，将每个端口进行了编号，这就是端口号。 端口号 路径参数用来指定要访问的对象在Web服务器上的文件路径，与本地主机文件的路径格式一样，以根目录“/”开始，由零或多个"/"符号隔开的字符串。如果是网站主页，一般就不需要输入路径，因为在部署网站时设置了访问的默认页面。比如访问360百科，地址是“https://baike.so.com/”。 路径 HTTP的概念 (一) HTTP（ Hypertext Transfer protocol ） 超文本传输协议HTTP是用来在浏览器和WWW服务器之间传送超文本的协议。 客户端 请求访问 Internet 客户端 服务器端 14 HTTP交互方式 首先通过三次握手，客户端与服务器端建立TCP连接。 1 连接完成后，客户端发起连接请求。 2 服务器根据请求给出应答内容，将信息返回给客户端。 3 信息传输完成后，双方断开TCP连接。 4 (一) HTTP（ Hypertext Transfer protocol ） 超文本传输协议HTTP是用来在浏览器和WWW服务器之间传送超文本的协议。 … HTTP报文格式 (一) HTTP（ Hypertext Transfer protocol ）请求报文和响应报文。 请求报文：请求报文中的第一个字段method，它是面向对象技术中的专有名词。 “方法”是指对所请求对象进行的操作，这些方法实际上是一些命令。因此，请求报文的类型是由它所采用的方法决定 响应报文：在接收和解释请求消息后，服务器返回HTTP响应消息。HTTP响应报文由三个部分组成，分别是：状态行、消息报头和响应正文。 HTTP协议分析 HTTP（ Hypertext Transfer protocol ）抓包的原理。 ①打开Wireshark软件，关闭已有的联网程序（防止抓取过多的包），开始抓包。 ②打开浏览器，输入http网站，网页打开后停止抓包。 ③如果抓到的数据包多而杂，可以借助过滤器滤出满足要求的协议包，如在过滤器输入ip.addr==IP(实际IP地址为准)，按“应用”进行过滤。在过滤结果中通过源IP地址和目的IP地址查找通信的相关数据包。 HTTP协议分析 ④在CMD窗口中（单击“开始”菜单中的“运行”，在弹出的窗口中输入“cmd”，点 击“确定”即可进入），输入ipconfig后看到本地主机的IP地址为192.168.124.13，然后输入nslookup 域名，可以解析出本次通信中百度的IP地址为124.193.98.183。 ⑤在过滤的结果中选中一条HTTP数据包，该包向http://www.baidu.com网站服务器发出GET请求。 ⑥选中该数据包后，打开该数据包封装明细区中Internet Protocol前的“+”号，显示该数据包中IP包的头部信息和数据区，即HTTP协议中GET方法的数据报文格式。 HTTP协议分析 通过以上抓包信息的解析，在HTTP请求过程中，客户端与服务器之间没有任何身份确认的过程，数据全部明文传输，相当于“裸奔”在互联网上，很容易遭到黑客的攻击。 HTTP请求都是明文传输的，所谓的明文指的是没有经过加密的信息，如果HTTP请求被黑客拦截，存在的风险，如果信息里面含有银行卡密码等敏感数据的话，会非信息窃听、信息篡改和信息劫持常危险。为了解决这个问题，Netscape 公司制定了HTTPS协议，HTTPS可以将HTTP数据加密传输，即便黑客在传输过程中拦截到数据也无法破译，保证了网络通信的安全。 (一) HTTPS（Hypertext Transfer Protocol Secure） 超文本传输安全协议HTTPS是超文本传输协议和SSL/TLS的组合，用以提供加密通讯及对网络服务器身份的鉴定。 访问https网站时会有小锁代表安全证书 HTTPS的主要思想是在不安全的网络上创建一安全信道，并可在使用适当的加密包和服务器证书可被验证且可被信任时，对窃听和中间人攻击提供合理的保护。 HTTPS概念 (一) 数字证书是指在互联网通讯中标志通讯各方身份信息的一个数字认证，人们可以在网上用它来识别对方的身份，包括使用者信息，公钥和颁发机构的签名信息。 HTTPS原理 HTTP的URL由”http://”开始，默认端口号为80; HTTPS的URL由”https://”开始，默认端口号为443 HTTP的信息是明文传输，https则是具有安全性的 ssl加密传输协议。 HTTPS与HTTP的区别 （1）安全性：HTTP是超文本传输协议，信息是明文传输，HTTPS协议是由SSL+HTTP 协议构建的可进行加密传输、身份认证的网络协议，比HTTP协议安全。 （2）HTTPS需要申请证书：HTTPS协议需要到CA申请证书，一般免费证书较少，因而需要一定费用。 （3）端口不同： HTTP使用的是80端口，而HTTPS使用的是443端口。 （4）所在层次不同：HTTP 协议运行在TCP 之上，HTTPS 是运行在SSL/TLS 之上的HTTP 协议。 HTTPS与HTTP的区别 Web服务 Web的实现至少需要对下面几个层面的问题给出回答： 如何对这个展现超文本的页面进行创作和排版； 如何向用户描述这个页面所在的位置； 用户和放置这个页面的设备之间，如何传输页面的资源信息； 怎样使用户能够很方便地找到所需的信息。 怎样使各种万维网文档能够在互联网上的计算机上显示出来，同时使用户清楚地知道在什么地方存在着超链接？采用超文本标记语言HTML (HyperText Markup Language) 使得万维网页面的设计者可以方便地用一个超链从本页面的某处，链接到互联网上的任何一个万维网页面。目前HTML最新的版本是HTML5，它就是一种高级网页技术。使用统一资源定位符URL来标志万维网上的各种文档。使每一个文档在整个互联网的范围内具有唯一的标识符。为了在万维网上方便地查找信息，用户可使用各种的搜索工具（即搜索引擎），常用搜索引擎有谷歌、百度、必应、搜狗等。 Web服务 WWW服务采用客户端／服务器工作模式，客户端即浏览器（Browser），服务器即Web服务器，它以超文本标记语言（HTML）和超文本传输协议（HTTP）为基础，为用户提供界面一致的信息浏览系统。 WWW服务原理如图所示，WWW浏览器向服务器发送HTTP请求，服务器回复HTTP应答给浏览器。一般www服务器会24小时运行服务器程序，及时响应用户请求，两者之间使用HTTP协议发送与接收数据。 Web服务器工作流程 用户在浏览器输入网址后获取相应的网页信息， Web服务器的工程流程如下： 浏览器分析超链接指向页面的URL，获得服务器名字。 浏览器向默认DNS请求分析服务器域名对应IP。 DNS解析出目标IP并告知浏览器。 浏览器使用IP与服务器连接。 浏览器发出请求信息。 www服务器响应用户请求并把相应网页发送给浏览器。 浏览器接收页面所有数据，并断开服务器连接。 浏览器显示网页内容，同时等待用户操作。 Web服务器工作流程 Web服务器的工作原理并不复杂，一般可分成如下4个步骤： 连接过程、请求过程、应答过程以及关闭连接。 （1）连接过程是Web服务器和浏览器之间建立起来的一种连接。 （2）请求过程是Web的浏览器运用socket文件向其服务器提出各种请求。 （3）应答过程是运用HTTP协议把在请求过程中所提出来的明细传输到Web服务器上，进而实施任务处理，然后把任务处理的结果返回到浏览器。 （4）关闭连接就是当上一个步骤完成后，Web服务器和其浏览器之间断开连接的过程。 知识点二 HTML文本标记语言 HTML的基本结构 HTML特点 HTML编辑器 制作简单的网页 超文本标记语言HTML是一种万维网标记语言，用来结构化信息，描述了网页上的每个组件，例如文本、表格或图像等。 <HTML> <HEAD> …… </HEAD> <BODY> …… </BODY> </HTML> 文件头（Head） 文件体（body） HTML（ Hypertext Markup Language） HTML特点 超文本标记语言文档制作并不复杂，但功能强大，支持不同数据格式的文件导入，这也是万维网（WWW）盛行的原因之一，其主要特点如下： 简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。 可扩展性：超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类元素的方式，为系统扩展提供了保证。 平台无关性：超文本标记语言可以使用在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。 通用性： HTML是网络的通用语言，它允许网页制作人建立文本与图片相结合的复杂页面，用户无论使用什么类型的电脑操作系统，都可以浏览到该页面。 HTML编辑器 编写HTML文档通常可以手工编写或使用专门的网页开发工具。 HTML是无格式文档，因此可以使用任何一种文本编辑器编写，例如txt记事本、notepad，也可以使用专用开发工具，例如Dreamweaver、HBuilderX、Sublime Text3、Webstorm等。 超文本语言标签一般成对出现，称为双标签。如左图超文本语言基本结构中： <HTML>表示页开始，</HTML>表示页结束。 1 <HEAD>表示头开始，</HEAD>表示头结束。 2 <BODY>表示主体开始，</BODY>表示主体结束， 也有单标签，例如换行标签<br>。 3 HTML基本结构 记事本编辑HTML。 1 代码编辑完毕后，在记事本文件菜单选择“另存为”，需要注意的是，保存 HTML 文件时，使用 .html 扩展名 2 最后启动浏览器，选择“文件”菜单的“打开文件”命令，或者直接在文件夹中双击 HTML 文件。 3 制作简单网页 部分习题答案 1、（单选题）在Internet中的大多数服务(如WWW,FTP)都采用( )模式。 A.主机/终端 B.客户端/服务器 C.网状 D.星型 2、（单选题）在OSI参考模型中，（）层次为网络用户间的通信提供专用程序。 A.传输层 B.会话层 C.表示层 D.应用层 3、（单选题）HTTP 是Internet 上的一种( )。 A.浏览器 B.协议 C.服务 D.协议集 4、（单选题）WWW 是Internet 上的一种( )。 A.浏览器 B.协议 C.服务 D.协议集 部分习题答案 5、（单选题）URL指的是( )。 A.统一资源定位符 B.Web C.IP D.主页 6、（单选题）以下哪项不是Web的特点（）。 A.提供跨平台服务 B.以超文本方式组织信息 C.提供字符命令界面 D.支持服务器之间的链接 7、（单选题）用户在WWW浏览器地址栏内键入了如下URL:http://www.ncre.edu.cn/index.htm, 其中“index.htm”代表( )。 A.协议类型 B.主机名 C.路径及文件名 D.以上都不对 计算机网络发展的四个阶段 一级标题 二级标题 三级标题 1.面向单机的网络互连模式 (一) 面向单机的网络互连模式 字体 中文 思源黑体 CN Normal 英文 Times New Roman 标题 迷你简菱心 双击安装 颜色 辅色 1 2 3 4 5 6 Web站点A Web站点B Web站点C Web站点D Web站点E 链接到 链接到 链接到 链接到 链接到 链接到 用户 用户 用户 Web服务器 Web服务器 Web服务器 元数据 摘要 签名 HASH 加密 合并 签发者私钥 元数据 证书 签名 HASH 解密 签发者公钥 摘要 摘要 证书 HTTP请求 HTTP应答 WWW浏览器 WWW服务器 开始 是否接入了Internet 启动浏览器，并在地址栏输入URL 浏览器将地址送往本地域名服务器请求解析 可解析否 浏览器向返回的IP地址请求需要的文件 服务器上有目标文件 页面上超链接被单击或地址栏有输入 浏览器显示服务器返回的文件数据 接入Internet 浏览器显示DNS服务器出错信息 浏览器显示服务器文件不存在信息 浏览器等待用户输入或响应其他操作 否 否 否 否 是 是 是 是 $$