计算机网络-兴义民族师范学院.ppt

7.3.1 体系结构概述 Web页面（Web page)在一个客户程序主窗口上显示出的万维网文档称为页面(page)。 链接(Link) 超文本(hypertext):一个页面指向另一个页面 浏览器：观看页面的程序 超媒体与超文本的区别：文档内容不同。超文本文档仅包含文本信息，而超媒体文档还包含图形、图像、声音、动画，视频图像。 超文本传输协议(http) URL 7.3.1 Web体系结构 ? ? ? 万维网站点B 万维网站点 C Web浏览器 链接到 万维网站点A HttP请求 HttP响应 Web页面 程序 文档 数据库 万维网的问题解答 (1) 怎样标志分布在整个因特网上的万维网文档？ 统一资源定位符 URL (Uniform Resource Locator)用来标志万维网上的各种文档。使每一个文档在整个因特网的范围内具有惟一的标识符 URL。 (2) 用何协议实现万维网上各种超链？ 超文本传送协议 HTTP (HyperText Transfer Protocol) 是客户程序与服务器程序之间进行交互所的协议，工作在应用层，使用 TCP 连接进行可靠的传送 (3)怎样显示万维网文档找到存在的超链接？ 超文本标记语言 HTML (HyperText Markup Language) (4) 怎样使用户能够很方便地找到所需的信息？ 用户可使用各种的搜索工具（即搜索引擎）。 URL 的一般形式 由以冒号隔开的两大部分组成，并且在 URL 中的字符对大写或小写没有要求。URL 的一般形式是： URL的访问方式://主机:端口/路径 ftp —— 文件传送协议 FTP http —— 超文本传送协议 HTTP News —— USENET 新闻 e1: 00:80/11jb/1.htm e2: /pub/abc.txt 万维网的工作过程 因特网 服务器 链接到URL的超链 HTTP 使用此 TCP 连接 浏览器 程序 服务器 程序 HTTP 客户 清华大学 院系设置 建立 TCP 连接 释放 TCP 连接 ? HTTP 响应报文 ② 响应文档 ? HTTP 请求报文 ① 请求文档 用户点击鼠标后所发生的事件 (1) 浏览器分析超链指向页面的 URL。 (2) 浏览器向 DNS 请求解析 IP 地址。 (3) 域名系统 DNS 解析出兴义师院服务器的 IP 地址。 (4) 浏览器与服务器建立 TCP 连接 (5) 浏览器发出取文件命令： GET /chn/index.htm。 (6) 服务器 给出响应，把文件 index.htm 发给浏览器。 (7) TCP 连接释放。 (8) 浏览器显示“学院主页”文件 index.htm 中的所有文本。 Cookie 对不同用户如何实现多次交互，采用Cookie通过请求页面在Web服务器和浏览器之间传递信息 域-路径-内容-过期时间-安全设置 7.3.2 静态Web页面 HTML超文本标记语言(HyperText Markup Language) HTML 定义了许多用于排版的命令（标签）, 把各种标签嵌入到万维网的页面中，构成了HTML 文档它是一种可用任何文本编辑器创建的ASCII 码文件。 HTML 文档是以.html 或 .htm 为后缀时，浏览器才对此文档的各种标签进行解释。 当浏览器从服务器读取 HTML 文档后，就按照 HTML 文档中的各种标签，重新进行排版并恢复出所读取的页面。 HTML 的格式与标签 每个 HTML 文档由两个主要元素组成： 首部(head)和主体(body) 。 首部包含文档的标题(title)，以及系统用来标识文档的一些其他信息。标题相当于文件名。 文档的主体是 HTML 文档的最主要的部分。 主体部分由若干个更小的元素组成，如段落(paragraph)、表格(table)、和列表(list)等。 HTML用一对标签（即一个开始标签和一个结束标签）或几对标签来标识一个元素。开始标签由一个小于字符“”、一个标签名、和一个大于字符“”组成。结束标签和开始标签的区别只是在小于字符的后面要加上一个斜杠字符“/” HTML 文档中标签举例 HTML HEAD  TITLE一个 HTML 的例子/TITLE /HEAD BODY H1HTML 很容易掌握/H1 P这是第一个段落/P P这是第二个段落IMG SRC=图片.gif height=100 width=65 /P