第4课万维网和IE课件

1、第4课 万维网和浏览器万维网概述万维网基本概念万维网设计目标HTTP的特点浏览器的功能万维网的搜索技巧浏览器的设置和维护1第4课 万维网和浏览器 41-4.1 万维网概述WWW技术是World Wide Web的简称，中文译名为万维网。万维网是一个把信息存储与检索技术，以及超文本与超媒体技术融合到一起的，在全球范围内分布的，具有开放的、交互的、动态的、可在交叉平台上运行等特性的，基于因特网的多媒体信息系统。2第4课 万维网和浏览器 41-4.1 万维网概述 万维网于1990年诞生于欧洲，是由欧洲粒子物理实验室推出一种消息存储系统，使用文本界面的浏览器可以在文章之间建立超链关系，使得由一篇文章可

2、以再指向另外的文章，这样就便于位于不同地点的科学家交流研究成果。 但是这种发明还没有解决多种媒体信息在网络上的广泛传播和使用的问题。3第4课 万维网和浏览器 41-4.1 万维网概述图形浏览器的出现解决了这个问题。第一个图形界面的浏览器Mosaic是由伊利诺州立大学国家超级计算中心和计算机科学系学生开发的。浏览器用图形的方式来显示信息及信息的链接，使得使用者只要通过鼠标的点击就可以找到所需的信息，而不需要用任何的命令。4第4课 万维网和浏览器 41-4.1万维网概述1994年Netscape Navigator推出。这个浏览器的开发人员大部分是Mosaic的研制人员。它的功能更加强大、使用更加

3、方便，获得了很大的成功。Microsoft从1995年开始推出Web浏览器：Internet Explorer。目前Netscape Navigator和Internet Explorer占领了浏览器的大部分市场。5第4课 万维网和浏览器 41-4.2 万维网基本概念浏览器（Browser）是用来解释Web页面并完成相应转换和显示的程序。浏览器通过Web页面来进行信息的传递和交流。Web页面是用超文本标记语言编写的文档，Web页中包括文字、图象、各种多媒体信息，也包括用超文本或超媒体表示的链接。6第4课 万维网和浏览器 41-4.2 万维网基本概念超文本（Hypertext)：是指可以链接到其

4、他文档的文字。从页面上看超文本也是一般的文字描述，但它包含了到其他文档或同一文档不同部分的链接（Link)或超级链接（Hyperlink)。超媒体（Hypermedia）：通过图形来完成的链接，或指通过链接可以获得多媒体信息或播放多媒体信息。7第4课 万维网和浏览器 41-4.2 万维网基本概念Web服务器：Web页面并向浏览器提供服务的服务器。目前应用最广的是APACHE。超文本标记语言 (Hypertext Markup Language，HTML)。是编写Web页面的标准语言。它是通过标记来对Web文档的格式击链接进行定义的一系列规定。超文本传输协议（Hypertext Transpor

5、t Protocol，HTTP）。是浏览器和Web服务器之间的通信协议。8第4课 万维网和浏览器 41-4.3 万维网设计目标WWW最基本的四项设计目标包括：分布式信息系统；对多重协议提供一个统一通用的接口；对超媒体支持；可扩充性，能够支持所有的数据格式。HTTP之前的其他协议都不能完全实现上述要求，HTTP就应运而生了。9第4课 万维网和浏览器 41-4.4 HTTP的特点以Client/Server模型为基础。HTTP支持客户与服务器之间通信及相互传送数据，一个服务器可以为分布在世界各地的许多客户服务。简易性。HTTP被设计成一个非常简单的协议，客户机要连接到服务器，只需发送请求方式和UR

6、L路径等少量信息。即可得到服务器的应答；10第4课 万维网和浏览器 41-4.4 HTTP的特点灵活性与内容-类型(content-type)标识。HTTP允许任意类型数据的传送，因此可以利用HTTP传送任何类型的对象。内容-类型标识指示了所传输数据的类型。“无连接”性。这里的无连接意味着每次连接只限处理一个请求。客户要建立连接需先发出请求，收到响应，然后断开连接，这实现起来效率十分高。采用这种无连接协议，在没有请求提出时，服务器就不会在那里空闲等待。11第4课 万维网和浏览器 41-4.4 HTTP的特点无状态性。这既是优点也是缺点。由于无须记忆状态使得HTTP累赘少，系统运行效率高，服务器

7、应答快；由于没有状态，协议对事务处理没有记忆能力，若后续事务处理需要有关前面处理的信息，那么这些信息必须在协议外面保存；缺少状态意味着所需的前序网页信息必须保留和交换，导致每次连接需要传送较多的信息。12第4课 万维网和浏览器 41-4.4 HTTP的特点元信息(meta information)。元信息被称为是“关于信息的信息”，元信息允许服务器提供所发送数据的信息。例如，HTTP可以提供所发送的对象的语言和类型。收到数据的浏览器可以根据元信息确定服务器发来的是什么内容，预料有多少数据，确知是否接收到完整的数据，以及发送过程中是否有错。元信息的引入大大扩充了HTTP协议的功能。13第4课 万

8、维网和浏览器 41-14第4课 万维网和浏览器 41-4.4 HTTP的特点每一个网页称为一个文档（document）,每个文档有若干对象组成；每个对象实际上就是一个计算机文件系统中的文件，每个网页一般都有一个基本文件（Base HTML file）;假设某个网页中有10个插图，那么这个文件就是有11个对象组成的。在HTTP中，每一个对象都需要一个HTTP报文进行传送。15第4课 万维网和浏览器 41-非持久连接（Non-persistent）http/1.0: Web server 接收和分析请求消息, 返回响应消息, 关闭 TCP 连接client取回对象需要2 RTTs建立TCP连接对象

9、请求/传送每一次传送都要忍受TCP的“慢启动”状态改进的办法之一: 许多浏览器打开多个并行连接4.4 HTTP的特点16第4课 万维网和浏览器 41-4.4 HTTP的特点持久连接（Persistent）对于 http/1.1是默认方式在同一个TCP 连接：server,分析请求消息, 返回响应消息,分析请求消息, 返回响应消息，client 一旦接收到base HTML file，就发出它对所有引用对象的请求fewer RTTs, less slow start.17第4课 万维网和浏览器 41-HTTP报文格式: request（请求）两种类型的 http messages: reques

10、t, responsehttp request message:ASCII (人能够阅读的格式)GET /somedir/page.html HTTP/1.0 User-agent: Mozilla/4.0 Accept: text/html, image/gif,image/jpeg Accept-language:fr (extra carriage return, line feed) request line(GET, POST, HEAD commands)header linesCarriage return, line feed indicates end of message1

11、8第4课 万维网和浏览器 41-http 请求报文的一般格式:19第4课 万维网和浏览器 41-HTTP报文格式: response（响应）HTTP/1.0 200 OK Date: Thu, 06 Aug 1998 12:00:15 GMT Server: Apache/1.3.0 (Unix) Last-Modified: Mon, 22 Jun 1998 . Content-Length: 6821 Content-Type: text/html data data data data data . status line(protocolstatus codestatus phrase

12、)header linesdata, e.g., requestedhtml file20第4课 万维网和浏览器 41-HTTP 响应状态码200 OKrequest succeeded, requested object later in this message301 Moved Permanentlyrequested object moved, new location specified later in this message (Location:)400 Bad Requestrequest message not understood by server404 Not Fou

13、ndrequested document not found on this server505 HTTP Version Not SupportedIn first line in server-client response message.A few sample codes:21第4课 万维网和浏览器 41-使用telnet测试HTTP的响应报文1. Telnet to your favorite Web server:Opens TCP connection to port 80(default http server port)Anything typed in sent to p

14、ort 80 at 0$telnet 0 802. Type in a GET http request:GET /k1010/hello.html HTTP/1.0By typing this in (hit carriagereturn twice), you sendthis minimal (but complete) GET request to http server3. Look at response message sent by http server!22第4课 万维网和浏览器 41-客户端缓存（Conditional GET）在Windows 中， 浏览器将访问过的网页

15、信息全部存放在临时文件目录中，例如C:windowstemporary internet files客户端缓存目标：如果客户端存有未修改的对象则不必重新发送该对象，节约带宽，提高响应速度23第4课 万维网和浏览器 41-客户端缓存（Conditional GET）client: 在http request 中说明缓存中该数据对象的日期：If-modified-since: server: 如果该数据对象没有被修改，返回的response中不包含该对象：HTTP/1.0 304 Not Modifiedclient则可以自行取出缓存中的对象进行展示clientserverhttp request

16、 msgIf-modified-since: http responseHTTP/1.0 304 Not Modifiedobject not modified24第4课 万维网和浏览器 41-客户端缓存（Conditional GET）server: 如果该数据对象已经修改，响应报文中将新的对象送回：HTTP/1.0 200 ok http request msgIf-modified-since: http responseHTTP/1.1 200 OKobject modifiedclientserver25第4课 万维网和浏览器 41-4.5 浏览器的功能接收URL输入（超链点击）并发

17、送请求报文显示并解释接收到的响应报文导航功能服务功能接受用户对浏览器的设置26第4课 万维网和浏览器 41-4.5 浏览器的功能统一资源定位器URL（Uniform Resource Locator），也称Web地址。是在Web页面中定义信息资源位置的标准方法。http:/index.htmURL的构成： 主要是通过不同的协议来访问因特网上的不同资源。即：通过URL可以访问因特网上的多种资源。27第4课 万维网和浏览器 41-4.5 浏览器的功能可以用的协议包括：http:/ （超文本传输协议）ftp:/ （文件传输协议）gopher:/ （菜单式检索）telnet:/ （远程仿真终端协议）n

18、ews: （新闻组访问）mailto: （邮件访问）28第4课 万维网和浏览器 41-4.5 浏览器的功能浏览器屏幕可显示的内容包括网页正文超链信息，导航按钮（引导到其他网页）图像信息（一般为jpg格式的压缩图像）音频/视频信息（音乐、电影）动态信息（动态的广告信息）进行交互功能的表单（如电子邮件用户的注册表格）29第4课 万维网和浏览器 41-4.5 浏览器的功能导航功能向前，向后（翻到曾经显示的前/后一个网页）打开，搜索（将文件系统中存储的网页文件打开）历史资料（根据时间检索曾经访问的网页）插入书签（将重要的网页访问连接存入系统）30第4课 万维网和浏览器 41-4.5 浏览器的功能服务功

19、能打印（将网页从打印机输出）邮件发送（将网页作为邮件发送）存成文件（将网页和所携信息分别存储）查看网页代码（查看代码，学习网页设计）帮助信息(理解浏览器的应用)刷新（请求最新的网页内容）停止（中断网页的下载过程）31第4课 万维网和浏览器 41-4.5 浏览器的功能了解整体界面：各种工具按纽URL菜单选项的设置URL下拉列表32第4课 万维网和浏览器 41-4.5 浏览器功能测试打开多个窗口阅读源文件保存Web页使用右键使用收藏夹（Bookmark,Hotlist)使用历史记录在桌面建立Web站点的快捷方式33第4课 万维网和浏览器 41-4.6 万维网搜索技巧模糊查询。模糊查询又称为智能查询

20、。当输入一个关键词时，搜索引擎不但反馈包括了关键词的网址，同时也发来与关键词意义相近的内容。比如，我们查找“查询”一词时，模糊查询会反馈来包涵了“查询”、“查找”、“查一查”、“询找”、“搜索”等内容的网址。反馈网址的排列规律：一般是完全符合关键词的在最前边，其次是相近的。按网站被访问的频度排列，访问频度较高的网站排在前边34第4课 万维网和浏览器 41-4.6 万维网搜索技巧模糊查询没有特殊的方法，只要在文字框中输入关键词即可。而在英文的查询中，还可以使用通配符星号（*）和问号（?），使关键词更为模糊。但查询中文时这一应用较少。模糊查询往往会反馈来大量不需要的信息，如果想精确地只查某一个关键词，则可以使用精确查询功能。精确查询一般是在文字框中输入关键词时，加一对半角的双引号（”）。35第4课 万维网和浏览器 41-4.6 万维网搜索技巧使用逻辑算符：与、或、非。与：通常用+号代表。表示这些关键词必须同时出现。如+国庆+北京+天安门。或：通常用，代表。表示这些关键词出现一个或几个都可以。非：通常用-表示。表示这些关键词要予以排除。也可将这些算符组合使用。各种搜索引擎所用的符号可能不经相同。36第4课 万维网和浏览器 41-4.7 浏览器系统的设置和维护选择显示字体和字符编码一般网页的现实采用默认的字号，但在必要时可以进行调整；一般网页可以被自动识别出网页字符的编码，但也有可能个