1、第1章WEB技术基础了解Internet基本概念了解WEB基本概念了解WEB相关开发技术Internet连接了世界不同国家、地区的不同计算机，任何接入Internet的计算机都可以访问位于Internet上的共享数据资源。1969年，ARPANET网形成。1974年，开发TCP/IP协议。1974年，开发Telnet。1976年，开发Unit-to-Unix协议。1979年，Usenet的建立。1981年，开发Bitnet。1982年，互联网采用TCP/IP为通信标准。1984年，DNS（域名服务）出现。1989年，提出了WWW概念。1990年，开发了浏览器。TCP/IP协议是Internet
2、上所采用的标准通信协议。它实际上是一组协议的总称，包含了TCP（传输控制协议）、IP（网络协议）、FTP（文件传输协议）、SMTP（简单邮件传输协议）、APR（地址解析协议）等众多协议内容。其中TCP和IP是保证数据完整传输的两个最重要的协议。IP地址 IP地址是识别Internet中的主机及网络设备的惟一标识。每个IP地址长度为32位（4字节），由四个十进制数通过“.”分隔组成，每个十进制数的取值范围为0255，描述形式如：192.168.0.1。每个IP地址可分为网络地址和主机地址两部分。IP地址 可以分为五类：A类地址、B类地址、C类地址、D类地址和E类地址。最常用的是A类地址、B类地址
3、和C类地址。A类IP地址：一个A类IP地址由1字节的网络地址和3字节主机地址组成，网络地址的最高位必须是“0”，地址范围从1.0.0.0 到126.0.0.0。B类IP地址：一个B类IP地址由2个字节的网络地址和2个字节的主机地址组成，网络地址的最高位必须是“10”，地址范围从128.0.0.0到191.255.255.255。C类IP地址：一个C类IP地址由3字节的网络地址和1字节的主机地址组成，网络地址的最高位必须是“110”。范围从192.0.0.0到223.255.255.255。IP地址 可以分为五类：A类地址、B类地址、C类地址、D类地址和E类地址。最常用的是A类地址、B类地址和C
4、类地址。D类IP地址：第一个字节以“lll0”开始，它是一个专门保留的地址。它并不指向特定的网络，目前这一类地址被用在多点广播（Multicast）中。多点广播地址用来一次寻址一组计算机，它标识共享同一协议的一组计算机。E类IP地址：以“llll0”开始，为将来使用保留，全零（“0.0.0.0”）地址对应于当前主机；全“1”的IP地址（“255.255.255.255”）是当前子网的广播地址。域名 域名管理系统DNS（Domain Name System），它为每个主机分配字符名称，也就是域名，访问网络时该系统会自动实现域名与IP地址的转换。域名采用分级命名的机制，基本结构为：主机名.三级域名
5、.二级域名.顶级域名URL（Uniform Resource Locator）统一资源定位符URL是对可以从Internet上得到的资源的位置和访问方法的一种简洁的表示。它的基本格式如下：:/:/常用的访问方式有http（超文本传输协议HTTP）、ftp（文件传输协议FTP）等。对于某些资源在访问时需要给出服务器提供的端口号，但是在一般情况下服务器都采用标准保留端口号，如HTTP的保留端口号是80。对于URL的描述和是必须的，和有时可以省略。Internet提供的基本服务包括 WWW服务 E-mail服务 FTP服务 BBS服务 USENET服务 E-Commerce服务 WEB全称为Worl
6、d Wide Web（简称WWW，也就是万维网），是Internet提供的一种信息服务。在Internet早期，科研机构之外很少有人知道它的存在。当时，使用Internet非常不方便，第一代Internet用户都是使用命令行工具如Telnet、FTP和Gopher来获取信息。1989年，欧洲原子能研究组织（European Organization for Nuclear Research，CERN）的计算机专家Tim Berners-Lee提出了World Wide Web的概念，构想在Internet之上构建一个交互的超文本（hypertext）系统以方便世界各地的物理学家的交流。超文本指
7、的是文档中的某个词可以链接到其它文档或文档中的某个位置。World Wide Web 1990年11月，第一个Web服务器nxoc01.cern.ch开始运行，Tim Berners-Lee在自己编写的图形化Web浏览器上看到了最早的Web页面。1991年，CERN正式发布了Web技术标准。之后出现了一些界面友好的Internet工具，如HyperCard、NeXT等。到1993 年，Internet上大约有50台Web服务器。1993年，Illinois大学（University of Illinois）的国家超级计算机应用中心（National Center for Supercomput
8、ing Applications，NCSA）发布了支持Unix、PC和Macintosh系统的Mosaic Web浏览器。1994年，Mosaic的部分开发人员在硅谷成立了一个小公司，后来成为著名的Netscape。Netscape浏览器为Internet和Web技术飞速发展奠定了基础。目前，与Web相关的各种技术标准都由著名的W3C组织（World Wide Web Consortium）管理和维护。静态页面 如果对所有用户的请求都返回同样的页面内容，这样的页面称为静态页面动态页面 如果页面随时间、用户的输入或参数而动态生成HTML文档，网页的内容是动态变化的，则称为动态页面Tim Bern
9、ers-Lee说：“WEB是一个抽象的信息空间。”技术层面上看，WEB有三个主要优点：用超文本技术（HTML）实现信息与信息之间的连接 用统一资源定位技术（URL）实现全球信息的精确定位 用新的应用层协议（HTTP）实现分布式的信息共享WEB的内容保存在WEB站点（服务器）中，用户可以通过浏览器访问WEB站点，获取自己所需的各种信息，这些信息都是彼此关联的文档，通过超链接将不同的页面信息连接在一起。WEB所存放的信息是超文本类型的，包含了文字、图形、音频、视频等多种内容。HTTP是用于从WWW服务器传送文件到本地客户端浏览器的传送协议。HTTP协议是基于请求/响应的工作模式。它的工作过程为：用
10、户启动客户端浏览器，在浏览器中输入要访问的URL地址，由浏览器向DNS请求解析该URL对应的IP地址，并向该IP地址对应的服务器发送建立连接的请求；浏览器与服务器建立TCP连接；服务器给出响应，将被访问文件发回给浏览器；TCP连接被释放；客户端和服务器断开连接。服务器给出响应，将被访问文件发回给浏览器；具体的执行过程有如下几种情况：服务器根据客户端发送的请求找到相应文件，如文件是HTML文档，则将该文档直接返回给客户端；如果文件中包含JSP、ASP或PHP程序，则由WEB服务器运行该程序并把运行结果返回给客户端；如果程序中包含对数据库的操作，则服务器将指令发送给数据库驱动程序，由数据库驱动程序
11、执行相关指令并将执行结果返回给WEB服务器，然后再通过服务器将数据运行结果嵌入页面并将完整的HTML页面返回给客户端浏览器；静态WEB工作原理：Browser/request-Server/response 首先，浏览器发送消息到Web服务器，请求特定的Web页面；Web服务器响应浏览器请求，查找该页面；如果该页面存在，Web服务器就会发送回该页面的HTML消息内容。每个被浏览的Web页面都是Web浏览器发送请求、Web服务器响应返回的对应消息动态WEB工作原理 首先客户Web浏览器发出请求要求访问Web服务器的某一动态网页 服务器运行该动态网页中程序，必要时访问数据库，最终生成动态的HTML
12、页面返回客户端用户请求返回应答结果查询数据返回查询结果客户端服务器端数据库WEB站点的开发可以分成客户端和服务器端两部分。客户端主要用于显示信息内容，也就是我们浏览的WEB页面，服务器端程序的主要功能是对所需信息进行处理。常用的Web客户端开发技术有HTML、XML、CSS、脚本语言等。常用的WEB服务器端开发技术有JSP、ASP、PHP、ASP.NET等。HTML（HyperText Markup Language，超文本标记语言）HTML语言是一种标记语言，它通过标记来描述页面上的文字、影像、图片等内容。我们可以使用任何文字编辑软件来编辑HTML代码，常用的开发软件如Dreamweaver
13、等也都是制作HTML页面的不错选择。XML（eXtensible Markup Language，可扩展标记语言）XML可以自定义标记，描述的是文档的结构和意义，它本身不描述文档的显示方式。要想使XML文档在浏览器中按特定样式显示，必须要有相应的样式文件，如CSS文件或XSL文件等。CSS（Cascading Style Sheets，层叠样式表）CSS的主要工作就是描述WEB页面的显示风格和样式，使用它可以使得WEB页面的显示内容与显示样式分开，有利于对页面文件的维护。脚本语言 常用的脚本语言有VBScript和JavaScript，它们都是由浏览器解释执行的。它们不仅可以作为客户端程序的开
14、发技术，也可以应用于服务器端程序的开发。HTML（Hyper Text Mark-up Language）1945年，Vannevar Bush在他的文章中阐述了文本和文本之间通过超级链接相互关联的思想。Doug Engelbart等人在1960年前后，对信息关联技术进行了最早的实验。与此同时，Ted Nelson正式将这种信息关联技术命名为超文本（Hypertext）技术。1969年，IBM的Charles Goldfarb发明了可用于描述超文本信息的GML（Generalized Markup Language）语言。1978到1986年间，GML语言进一步发展成为SGML语言标准。198
15、9年,Tim Berners-Lee对SGML语言进行了简化和完善。于1990年，正式发布HTML。超文本标记语言HTML目前成为展现Web客户端信息的最有效载体之一。浏览器端动态页面技术 1989年，GIF图像 1996年，Netscape浏览器在其2.0版中增加了对JavaScript和Java Applet的支持；IE3.0也支持JAVA技术 Microsoft为IE设计了另一种脚本语言-VBScript语言 1996年底，W3C提出了CSS的建议标准，同年，IE 3.0引入了对CSS的支持。（Cascading Style Sheets）1996年，插件（plug-in）技术 1997
16、年，Microsoft发布了DHTML（Dynamic HTML），它是将动态HTML标记、CSS、DOM（Document Object Model）发展成一套实用、完整、高效的客户端开发技术体系 1996年，Macromedia公司收购了FutureWave，并将Jonathan Gay的发明改名为我们熟悉的Flash。1993 CGI1.0 标准草案由NCSA提出（c/c+/javaPerl/Python）1994 Rasmus Lerdorf发明了PHP1996 Microsoft借鉴PHP在其WEB服务器中引入了ASP（VBScript/JavaScript）1997 SUN推出Se
17、rvlet技术1998 JSP技术诞生 CGI（Common Gateway Interface）允许服务器端根据客户端请求，动态地生成HTML页面，实现客户端和服务器端交互的技术PHP（Personal HomePage tools）PHP语法借鉴了C、Java和Perl等语言，它可以嵌入到HTML中，更好地对页面进行控制。ASP（Active Server Pages）通过ASP我们可以将HTML、ASP指令和ActiveX组件结合以建立动态交互而且高效的Web服务器应用程序。JSP（Java Server Pages）JSP页面由HTML代码和嵌入其中的JSP代码组成，是基于Java S
18、ervlet及整个Java体系的Web开发技术。JSP页面被客户端请求后由服务器对该JSP代码进行处理，然后将运行结果返回给客户端的浏览器。ASP.NET ASP.NET是.NET架构的一部分，它提供了在分布环境下进行Web应用开发的环境和工具。XML1.0，1998年W3C正式发布XML给WEB一次新生。HTML关心的是信息的表现形式，而XML关心的是信息本身的各式和数据内容针对不同领域制定专门的XML规范。如：2001年W3C发布的SVG1.0。WEB Service对于Web开发者的重要意义在于：当需要在不同的服务器、客户端、应用类型和计算设备之间传递信息时，以往的分布式开发技术或者因为
19、适应性不强，或者因为扩展能力不足，都难以满足现代Web开发的需要，而它填补了这一空白SOAP和WSDL两个协议共同构成了Web Service的基础。J2EE和.NET这两大开发平台也先后实现了Web Service，且作为一项核心功能J2EE 1998年，SUN发布了EJB1.0，J2EE三大核心技术servlet、JSP和EJB都已问世，次年SUN正式发布J2EE第一个版本 随之而来的是遵循J2EE标准，为企业级应用提供支撑平台的各类应用服务软件的争先恐后地涌现，包括IBM的WebSphere、BEA的WebLogic、开源世界里的应用服务JBoss等 2003年，J2EE1.4发布，其三
20、个关键组件版本也演进到了Servlet2.4、JSP2.0和EJB2.1.NET.NET平台强调的是多语言间交互的通用运行环境 2001，ECMA通过了C#语言和CLI标准（构成.NET的基石），2003，成为OSI国际标准 2002，MS正式发布.NET框架和Visual Studio.NET开发环境.NET平台及相关的开发环境不但未WEB服务端应用提供了一个支持多种语言、通用的运行平台，而且还引入了ASP.NET这样一种全新的WEB开发技术。W3C明确指出，WEB的未来是语义化的Web（Semantic Web）今天的Web还只是一个信息的“容器”，很难揭示出信息本身的内容和特性，与此相对
21、，未来的语义化web是一种懂得信息内容的web，是真正的“信息管理员”1998年开始，W3C和一些机构开始研究元数据（metadata），元数据是用来描述数据的数据，揭示信息的内容特性1999年，Netscape提出RSS（Rich Site Summary）建议标准是用元数据技术描述新闻等信息内容的第一次尝试1999年，W3C研究小组提出RDF（Resource Description Framework）标准草案2001年，W3C又开始着手制定OWL（Web Ontology Language Web实体语言）标准2003年，W3C成立了语义化Web Service研究小组2004年2月，
22、W3C宣布RDF和OWL标准正式成为W3C的建议方案Web2.0的概念 Web2.0是以 Flickr、Craigslist、Linkedin、Tribes、Ryze、Friendster、Del.icio.us、43T等网站为代表，以Blog、TAG、SNS、RSS、wiki等应用为核心，依据六度分隔、xml、ajax等新理论和技术实现的互联网新一代模式Web2.0的概念 所谓六度分割，其实应该是20世纪70年代哈佛的一个学者提出来的，叫做六度分割理论，这个理论就是讲，全世界虽然人很多，但是你通过六层关系，经过优化，你可以找到世界上任何一个人，这个是一个挺有意思的事情，我们更多地看成一个概念
23、，就是吸引用户，你可以通过几个老朋友找到新朋友，这是一个概念，事实上人与人之间的关系是非常复杂的，有强连接，有弱连接，不能简单地通过数据库的结构把数据排列出来，通过这个所谓的六度空间的架构，我们让用户知道，这种东西就叫社会网络，或者叫社交网络。Web2.0的概念 Ajax不是一个技术，它实际上是几种技术，每种技术都有其独特这处，合在一起就成了一个功能强大的新技术。Ajax包括:XHTML和CSS 使用文档对象模型(Document Object Model)作动态显示和交互 使用XML和XSLT做数据交互和操作 使用XMLHttpRequest进行异步数据接收 使用JavaScript将它们绑
24、定在一起Web2.0的概念图1:传统Web应用模型(左)与Ajax模型的比较(右).Web2.0的概念图 2:传统Web应用的同步交互过程(上)Ajax应用的异步交互过程的比较(下)web标准 WEB标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构（Structure）、表现（Presentation）和行为（Behavior）。对应的标准也分三方面：结构化标准语言主要包括XHTML和XML，表现标准语言主要包括CSS，行为标准主要包括对象模型（如W3C DOM）、ECMAScript等。这些标准大部分由W3C起草和发布，也有一些是其他标准组织制订的标准，比如ECMA（Eu
25、ropean Computer Manufacturers Association）的ECMAScript标准。web标准 结构标准语言结构标准语言 XML是The Extensible Markup Language(可扩展标识语言)的简写。目前推荐遵循的是W3C于2000年10月6日发布的XML1.0，参考（www.w3.org/TR/2000/REC-XML-20001006）。和HTML一样，XML同样来源于SGML，但XML是一种能定义其他语言的语。XML最初设计的目的是弥补HTML的不足，以强大的扩展性满足网络信息发布的需要，后来逐渐用于网络数据的转换和描述。XHTML是The E
26、xtensible HyperText Markup Language可扩展标识语言的缩写。目前推荐遵循的是W3C于2000年1月26日推荐XML1.0（参考http:/www.w3.org/TR/xhtml1）。XML虽然数据转换能力强大，完全可以替代HTML，但面对成千上万已有的站点，直接采用XML还为时过早。因此，我们在HTML4.0的基础上，用XML的规则对其进行扩展，得到了XHTML。简单的说，建立XHTML的目的就是实现HTML向XML的过渡。web标准 表现标准语言表现标准语言 CSSCSS是是Cascading Style SheetsCascading Style Sheet
27、s层叠样式表的缩写层叠样式表的缩写。目前推荐遵循的是。目前推荐遵循的是W3CW3C于于19981998年年5 5月月1212日推荐日推荐CSS2CSS2（参考（参考http:/www.w3.org/TR/CSS2/http:/www.w3.org/TR/CSS2/）。W3CW3C创建创建CSSCSS标准的目的是以标准的目的是以CSSCSS取代取代HTMLHTML表表格式布局、帧和其他表现的语言。纯格式布局、帧和其他表现的语言。纯CSSCSS布局与结布局与结构式构式XHTMLXHTML相结合能帮助设计师分离外观与结构相结合能帮助设计师分离外观与结构，使站点的访问及维护更加容易。，使站点的访问及维
28、护更加容易。web标准 行为标准行为标准 DOMDOM是是Document Object ModelDocument Object Model文档对象模型的缩写文档对象模型的缩写。根据。根据W3C DOMW3C DOM规范（规范（http:/www.w3.org/DOM/http:/www.w3.org/DOM/），），DOMDOM是一种与浏览器，平台，语言的接口，使得是一种与浏览器，平台，语言的接口，使得你可以访问页面其他的标准组件。简单理解，你可以访问页面其他的标准组件。简单理解，DOMDOM解解决了决了NetscapedNetscaped的的JavascriptJavascript和和M
29、icrosoftMicrosoft的的JscriptJscript之之间的冲突，给予间的冲突，给予webweb设计师和开发者一个标准的方法，设计师和开发者一个标准的方法，让他们来访问他们站点中的数据、脚本和表现层对像。让他们来访问他们站点中的数据、脚本和表现层对像。ECMAScriptECMAScript是是ECMA(European Computer ECMA(European Computer Manufacturers Association)Manufacturers Association)制定的标准脚本语言（制定的标准脚本语言（JAVAScriptJAVAScript）。目前推荐遵循的是）。目前推荐遵循的是ECMAScript 262ECMAScript 262（http:/www.ecma.ch/ecma1/STAND/ECMA-http:/www.ecma.ch/ecma1/STAND/ECMA-262.HTM262.HTM）。）。本章我们介绍了Internet的基本知识和它所提供的基本服务；IP地址、域名、URL的基本概念；WEB编程的基础知识，包括WEB开发的基本技术、WEB的基本工作原理；HTTP协议的基本概念和WEB的工作原理。客户端技术服务器端技术.NETJ2EEWeb service未来的语义webAjaxWeb标准-The End-谢谢!
