2.1 Web网站的工作原理 基于网络的体系结构是Web工作的基本环境，而 TCP/IP网络更是理想的运行沃土.从某种意义上说， Web的工作方式非常简单，它实际处于OSI/ISO模 型（或TCP/IP）模型的应用层，只是一种网络协 议的高层应用，其基本应用模式 : 客户端 浏览器端 发送服务请求 服务器 将结果发送给客户 2.1 Web网站的工作原理 2.1.1 HTTP协议是什么 我们在浏览器的地址栏里输入的网站地址 叫做URL(UniformResourceLocator，统一资 源定位符)。就像每家每户都有一个门牌地 址一样，每个网页也都有一个Internet地址。 当你在浏览器的地址框中输入一个URL或是 单击一个超级链接时，URL就确定了要浏览 的地址。浏览器通过超文本传输协议 (HTTP)，将Web服务器上站点的网页代码提 取出来，并翻译成漂亮的网页。因此，在 我们认识HTTP之前，有必要先弄清楚URL 的组成 2.1 Web网站的工作原理 例如：http://www.microsoft.com/china/index.htm。它 的含义如下： 1.http://：代表超文本传输协议，通知 microsoft.com服务器显示Web页，通常不用输入； 2.www：代表一个Web(万维网)服务器； 3.Microsoft.com/：这是装有网页的服务器的 域名，或站点服务器的名称； 4.China/：为该服务器上的子目录，就好像我 们的文件夹； 5.Index.htm：index.htm是文件夹中的一个 HTML文件(网页)。 HTTP是怎样工作的 由于HTTP协议是基于请求/响应范式的(相当于客 户机/服务器)。一个客户机与服务器建立连接后， 发送一个请求给服务器，请求方式的格式为：统一 资源标识符(URL)、协议版本号，后边是MIME信息 包括请求修饰符、客户机信息和可能的内容。服务 器接到请求后，给予相应的响应信息，其格式为一 个状态行，包括信息的协议版本号、一个成功或错 误的代码，后边是MIME信息包括服务器信息、实 体信息和可能的内容。 许多HTTP通讯是由一个用户代理初始化的并且 包括一个申请在源服务器上资源的请求。最简单的 情况可能是在用户代理和服务器之间通过一个单独 的连接来完成。在Internet上，HTTP通讯通常发生 在TCP/IP连接之上。缺省端口是TCP80，但其它的 端口也是可用的。但这并不预示着HTTP协议在 Internet或其它网络的其它协议之上才能完成。 HTTP只预示着一个可靠的传输。 2.1 Web网站的工作原理 这个过程就好像我们打电话订货一样，我们可 以打电话给商家，告诉他我们需要什么规格的 商品，然后商家再告诉我们什么商品有货，什 么商品缺货。这些，我们是通过电话线用电话 联系(HTTP是通过TCP/IP)，当然我们也可以通 过传真，只要商家那边也有传真。 在WWW中，“客户”与“服务器”是一个相 对的概念，只存在于一个特定的连接期间，即 在某个连接中的客户在另一个连接中可能作为 服务器。基于HTTP协议的客户/服务器模式的 信息交换过程，它分四个过程：建立连接、发 送请求信息、发送响应信息、关闭连接。这就 好像上面的例子，我们电话订货的全过程。 2.1 Web网站的工作原理 2.1.2 客户机/服务器结构模式 Client/Server（客户机/服务器）结构模式， 简称C/S模式。 2.1.2 面向电子商务的B/S结构 Browser/Server（浏览器/服务器）结构模式， 简称B/S模式。 2.1 Web网站的工作原理 图 商务网站的B/S结构模式 2.1.3 商务网站的内部层次结构 图 商务网站内部层次结构 2.1 Web网站的工作原理 在实际的使用过程中，我们可以知道： 浏览器端：通常是IE，或运行IE等浏览器 的计算机； 服务器端：通常是保存网页的远程服务器； 2.1.3 商务网站的内部层次结构 “发送服务请求”，是什么意思呢？答案很明确， 是客户端想要得到某个服务（例如想浏览网页）， 而向服务器发送的请求；那么服务器在得到请求 之后，就会将请求的结果反馈给请求的客户端。 这样就构造成了一个完整的流程 . ，服务器不知疲倦的工作，不停的响应来自于任 何地方的不同服务请求，在权限允许的情况下将 数据源源不断的发送出去；再深入一点，那么客 户端与服务器端是如何连接的呢？是通过任何可 能的链路连接的，包括卫星、微波、光纤，对我 们来说双绞线、电话线路是最一般的选择，从这 个方面可以知道，Web只是应用，对介质没有要 求 * 两个问题 * Q1：那么多的用户同时对服务器提出服务请求，各个请求 不尽相同，服务器如何分辨，保证不出差错呢？ A1：这个你无须担心，服务器端的软件使用独一无二的连 接技术可以精确分辨每个用户的具体请求，绝对不会出错； 可以想见，如果许多人同时对某个服务器提出服务请求， 服务器的负荷是很重的，所以做为Web服务器的计算机一 般配置都比较高，一般都是小型机以上的机型。 Q2：网络结构复杂，我们的请求是如何正确到达目的地的？ A2：连接方式是网络协议的低层内容，TCP/IP（或其他 网络协议）技术中的路由协议会精确的将数据包传送到正 确的目的地，这是由整个Internet的所有设备来保证的；所 有的网络设备都有识别自己IP地址以及数据包所带的目标 IP地址的功能，因而丝毫不用担心路径问题。 补充内容 2.1 2.2 2.3 2.4 2.5 HTML语言概述 制作第一个页面 例子解释 注解 基本标记及使用 2学时 2.1 HTML语言概述 HTML是超文本标记语言（Hyper Text Markup Language）的缩写。 HTML文件的开头和结尾由<HTML>和 </HTML>来标记的。所有HTML文件都可以分 为两个部分：标题和正文。每一部分用特 定的标记标出：在HTML语言中规定<HEAD> 和</HEDAD>标记标题部分，用<BODY>和 </BODY>标记正文部分。 2.2 制作第一个页面 P8 <html> <head> <title>我的第一个网页</title> </head> <body> <p><font name="隶书" size="7">使用7号隶书 体字显示的网页</font></p> </body> </html> 2.3 例子解释 我们所有在IE中看到的内容实际都先经过IE的处理后才显示 出来的。 其中<html>与</html>是一对标记，标志着该HTML文件的开 始及结束，也就是说，一个HTML文件中在这两个标记之外 的内容，浏览器（例如IE）统统忽略不去处理（脚本代码除 外，以后您会学习到）； <head>与</head>也是一对标记，这两个标记之中的内容是 定义整个网页的属性的，例如下面的“<title>我的第一个网 页</title>”，就是将网页的标题设置为“我的第一个网页”； 而<body>与</body>之间的内容是在浏览器工作区中显示的 内容，所谓“工作区”在IE中就是工具条下方，状态栏上方 的区域； “<p><font name="隶书" size="7">FrontPage使用7号隶书体 字显示的网页</font></p>”这行代码是要求浏览器使用隶书7 号字体在工作区中显示“FrontPage使用7号隶书体字显示的网 页”这句话。<p>这个标记是换行回车；<font name="隶书" size="7">是指定后续的内容以7号隶书体字显示，</font>是 结束这种强制显示。 2.4 注解 HTML语言最终被浏览器（如Internet Explore）解释执行，显示在浏览器中； 浏览器对HTML语言的解释执行是按照代码 从上至下的顺序执行的； 任何一种浏览器都具有对标准HTML语言进 行执行的功能，但细微之处略有差别； HTML语言是一种标记语言，使用文本格式 实现输出的格式化； 2.5 基本标记及使用 P9 标记语法格式 <html>……</html> <head>……</head> 说 明 表示文件类型为HTML文档 设置文档描述及其他不在WEB 网页上显示的信息 <body>……</body> HTML文档的主体（页面的实 际内容） <title>……</title> 在标题栏中显示的题目（放在 <head></head>内） <font size=value></font> <font color=……></font> 设置字体大小，从1到7 设置字体的颜色，使用名字或十 六进制值 2.5 基本标记及使用 P10 <a href="URL"></a> 创建一个超链接 <a href="mailto： EMAIL"> </a> <p> 创建一个自动发送电子邮件的链 接 创建一个新的段落 <img src="name"> 添加一个图像 <table>……</table> 创建一个表格 <tr>……</tr> 开始表格中的每一行 <td>……</td> 开始一行中的每一个格子 <th>……</th> 设置表格头：一个通常使用黑体 居中文字的格子 2.5 基本标记及使用 没有接触过标记语言的人员可能一直觉得不可理解， 其实你可以拿Word（或WPS）之类的编辑软件比 对一下：编辑人员在Word中敲入一个汉字，然后 将它的字号设置为‘36’，保存该文件，退出，再 次进入Word打开此文档，那么该汉字肯定是以36 号大小来显示该汉字的，为什么？肯定是在Word 的文档中对此汉字设置了一个标记，标记它为36 号，Word在读入此文档的同时，也将标记信息读 入并正确理解，然后在屏幕上以相应的大小显示 出来，这样，实际上我们看到的是大小，而保存 在文件中的只是关于这个汉字的大小标记。 例子 2 <html> <head> <title>网页2－红色字显示的网页</title> </head> <body> <font color="#FF0000">红色字显示的网页</font> </body> </html>
© Copyright 2024 ExpyDoc
