Web网站的工作原理40

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