第一章 Web技术 精校版

1、第一章 Web应用与开发 word版课程内容：（1）Web技术简介（2）HTML（3）CSS（4）JavaScript（5）ASP.NETn ASP.NET控件和对象n ASP.NET数据库应用程序第一章 Web技术简介o 什么是Web？o 什么是Web服务器？o 什么是Web页面？o 统一资源定位符URLo 浏览器的工作机理及种类o C/S模式与B/S模式o Web访问的机理o Web开发平台的组成o 常用Web开发工具 Internet与WWWo Internet是一个网络上的网络，或者说是一个全球范围的网间网。在Internet中分布了成千上万的计算机，这些计算机扮演的角色和所起的作用各

2、不相同。有的计算机可以收发电子邮件，有的可以为用户传输文件，有的负责对域名进行解析，更多的机器则用于组织并展示相关的信息资源，方便用户的获取。所有这些承担服务任务的计算机统称为服务器。o WWW服务 o 文件传输服务(FTP)o 电子邮件服务(E-mail) o 远程登录服务(Telnet) o Web定义o 全称为World wide web,缩写为WWW,中译为“万维网”o 万维网是一个建立在客户机服务器（ClientServer）模型之上，以HTML语言和HTTP协议为基础，能够提供面向各种Internet服务的、一致的用户界面的一种信息服务系统。理解o 1）Web是Internet提供

3、的一种服务。o 2）Web是一个巨大的信息宝库。o 3）Web上的信息彼此关联。o 4）Web上的信息保存在Web站点中。o 5）Web简单易用。什么是Web服务器？ o Web服务器又称WWW服务器、网站服务器、站点服务器，就是将本地的信息用超文本（Hypertext）组织，为用户在Internet上搜索和浏览信息提供服务。从本质上来说Web服务器实际上就是一个软件系统。一台计算机可以充当多个Web服务器，为提高用户的访问效率，一般情况下一台计算机只充当一个Web服务器；为提供大量用户的访问，多台计算机可以形成集群，只提供一个Web服务。平常，我们将只充当一个Web服务器的一台计算机就叫做W

4、eb服务器。什么是Web页面？ o Web在提供信息服务之前，所有信息都必须以文件方式事先存放在Web服务器所管辖磁盘中某个文件夹下，其中包含了由超文本标记语言HTML(HyperText Markup Language)组成的文本文件，我们称这些文本文件为超链接文件，又称网页文件，或称Web页面文件（Web Page）。 URL统一资源定位器o 信息资源放在Web服务器之后，需要将它的地址告诉给用户，以便让用户来访问，这就是统一资源定位符URL（Uniform Resource Locators）的功能，俗称为网址。o URL的构成： 通过不同的协议来访问因特网上的不同资源。eg: http

5、://tag/六级淘金词汇/2001.htmlURL协议协议含义File：/本地文件Http：/Web服务器专用Ftp：/文件的下载和上传Gopher：/使用Gopher检索信息Telnet:/用于远程登录mailto:发送电子邮件news阅读新闻标准端口名称说明端口号DNS域名解析53FTP文件传输协议20/21HTTP超文本传输协议80SNMP简单网管协议161/162Telnet远程登录终端协议23POP邮件接受协议110SMTP简单邮件传输协议25端口o 一类是标准端口：端口号从0到1023o 另一类须在IANA （赋值地址和端口号组织）注册登记：端口

6、号从1024到65535WWW的工作原理HTTP客户浏览器Web服务器客户浏览器客户端和服务器的概念 客户端 是指用来与数据提供者（服务器）通信的软件和硬件。客户端和服务器相连，发送和接收信息。 服务器 一般是指能向许多客户端同时提供数据的大型计算机。服务器一词既可以指实际的计算机，也可以指一套软件。 客户端和服务器可以在同一台电脑上，但它们通常是在由网络相连的不同电脑上。Web浏览器 Web浏览器浏览器是用来解释Web页面并完成相应转换和显示的程序。 Web浏览器最基本的功能： 解释HTML文档； 运行并显示Java、ActiveX以及脚本语言等编程语言创建的应用、程序、动画等；1994年N

7、etscape Navigator推出。Microsoft从1995年开始推出Web浏览器：Internet Explorer。u 负责处理客户端的HTTP请求并与主机上的操作系统通信。u 负责为用户提供所需要的网页，并对客户端浏览器发来的请求作出响应。浏览器/服务器的工作过程o 用户启动浏览器，并在浏览器中指定一个URL，浏览器便向该URL所指向的Web服务器发出请求o Web服务器接到浏览器的请求后，把URL转换成页面所在服务器上的文件路径名o 如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览器。o 如果HTML文档中嵌有CGI程序，Web服务器就运行CGI程序，并将结果

8、传送至浏览器。浏览器/服务器的工作过程什么是HTTP协议 HTTP（Hypertext Transport Protocol）：超文本传输协议 它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示(如文本先于图形)等 它是建立在TCP/IP协议基础上的应用层协议， 采用统一资源标识码定位WWW 服务器的资源，并获取它。 HTTP是请求/响应式协议HTTP的宏观工作原理 统一资源标识符(URL)协议版本号MIME信息（请求修饰符、客户机信息和可能的内容）客户机（IE）服务器【server】请求响应状态行（信息的协议版本号、一个成功或错误的代码）MIME信息

9、（ 服务器信息、实体信息和可能的内容）一个请求例子Get /mattmarg/ HTTP/1.0 User-Agent: Mozilla/2.0 (Macintosh; I; PPC)Accept: text/html; */* Cookie: name = value Referer: /html/96/47/index2a.html Host: 一个响应例子HTTP/1.0 200 Found Date: Mon, 10 Feb 1997 23:48:22 GMT Server: Apache/1.1.1 HotW

10、ired/1.0 Content-type: text/html Last-Modified: Tues, 11 Feb 1997 22:45:55 GMTHTTP协议基础 客户机ie【IE】服务器server【server】请求建立连接发送响应发送请求关闭连接1.建立连接2.发送请求3.发送响应4.关闭连接HTTP的特点o 以Client/Server模型为基础。o 简易性。n 客户机要连接到服务器，只需发送请求方式和URL路径等少量信息。HTTP规范定义了七种请求方式，最常用的有三种：GET、HEAD和POST。o 灵活性。n HTTP允许任意类型数据的传送。内容-类型(content-t

11、ype)标识指示了所传输数据的类型。p “无连接”性。n “无连接”意味着每次连接只限处理一个请求。客户要建立连接需先发出请求，收到响应，然后断开连接。o 无状态性。n 这既是优点也是缺点。一方面，由于缺少状态使得HTTP累赘少，系统运行效率高；另一方面，缺少状态意味着所需的前面信息必须重现，导致每次连接需要传送较多的信息。Cookie 用于存储客户端的状态，其流程为：（1）当客户端请求一URL时，服务器在响应的表头中附加数个Set-Cookie表头（2）客户端收到此表头时将Cookie信息存储在硬盘中（5）当客户再次请求相同的URL时，将Cookie信息发往服务器（4）服务器根据客户的Coo

12、kie信息决定其下一步的操作并将新的Set-Cookie送往客户端C/S模式与B/S模式 o C/S计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成与用户的交互任务。后端是服务器，它负责后台数据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重，称作“肥”客户端，而服务器端的任务较轻，称作“瘦”服务器。 o C/S模式的结构如图1-3所示 ：o C/S计算模式具有以下几个方面的优点：通过异种平台集成，能够协调现有的各种基础结构：分布式管理；能充分发挥客户端PC的处理能力，安全、稳定、速度快，且在适当情况下可脱机操作。o B/S模式的结构如图1-4

13、所示。图1-4 B/S模式结构o B/S模式与传统的C/S模式相比体现了集中式计算的优越性：具有良好的开放性，利用单一的访问点，用户可以在任何地点使用系统；用户可以跨平台以相同的浏览器界面访问系统；因为在客户端只需要安装浏览器，取消了客户端的维护工作，有效地降低了整个系统的运行和维护成本。Web开发平台的组成 .NET开发平台 o 2000年6月，微软公司宣布其.NET战略。2001年，ECMA通过了Microsoft提交的C#语言和CLI标准，这两个技术标准构成了.NET平台的基石。2002年，Microsoft正式发布.NET Framework和Visual Studio .NET开发工

14、具。o 微软公司的.NET战略揭示了一个全新的境界，提供了一个新的软件开发模型。.NET战略的一个关键特性在于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反，开发者可使用多种.NET兼容语言的任意组合来创建一个.NET应用程序。多个程序员可致力于同一个软件项目，但分别采用自己最精通的.NET语言编写代码。 Java EE开发平台 Java EE（Java ENTERPRISE EDITION）是纯粹基于Java的解决方案，之前较低版本叫做J2EE。1998年SUN发布了EJB 1.0标准，EJB为企业级应用中必不可少的数据封装、事务处理、交易控制等功能提供了良好的技术

15、基础。J2EE平台的三大核心技术SERVLET、JSP和EJB都已先后问世。1999年，SUN正式发布了J2EE的第一个版本。紧接着，遵循J2EE标准，为企业级应用提供支撑平台的各类应用服务软件争先恐后地涌现了出来。IBM的WebSphere、BEA的WebLogic都是这一领域里最为成功的商业软件平台。 网页制作工具 1Sausage HotDog Professional o HotDog是较早基于代码的网页设计工具，支持最新的Web标准和扩展，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。 o HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java

16、、RealVideo等复杂技术的高级设计者，是个很好的选择。2Adobe Dreamweaver、Fireworks、Flash、Golive Dreamweaver友好的界面、功能强大和快捷的工具以及可视化特征，可以使初学者直接在页面上添加和编辑元素，而不用写源代码，软件会自动将结果转换为HTML源代码，而且它还集成了目前最流行的制作网页的多种功能，比如可通过层叠样式（CSS）格式化文本，通过表格定位网页元素，通过时间轴实现一些网页的动画，以及可进行源代码编写修改功能等，大大方便了网页设计者。o Fireworks也是由Macromedia公司开发的一种工具。它以处理网页图片为特长，并可以轻

17、松创作GIF动画。它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks 具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与Dreamweaver的联系，可以导出为配合CSS式样的网页及图片。3Microsoft FrontPage 2003o FrontPage是微软推出的Microsoft办公系列软件Office家族的成员之一，它是具有“所见即所得”特点的网页制作软件，使用FrontPage2003制作

18、网页，你能真正体会到“功能强大，简单易用”的含义。FrontPage2003的主要功能是设计、制作、管理网页或站点，它的操作对象主要是网页或网站。从单个的网页到复杂的网站的设计制作，以及本地或远程网站的管理，都可以使用FrontPage2003完成。FrontPage2003带有图形和GIF动画编辑器，支持CGI和CSS。 IBM Eclipseo Eclipse是一种可扩展的开放源代码的IDE(集成开发环境)，由IBM出资组建。Eclipse允许在同一IDE中集成来自不同供应商的工具，并实现了工具之间的互操作性，从而显著改善了项目工作流程，使开发者可以专注在实际开发目标上。Eclipse的最

19、大特点是它能接受由Java开发者自己编写的开放源代码插件，这类似于微软公司的Visual Studio和Sun公司的NetBeans平台。Eclipse为工具开发商提供了更好的灵活性，使他们能更好地控制自己的软件技术。 Eclipse框架灵活、扩展容易，因此很受开发人员的喜爱，目前它的支持者越来越多，大有成为Java第一开发工具之势。它的缺点是较复杂，初学者理解起来比较困难。Web基本技术介绍o HTML技术o DHTML技术o 什么是Java Appleto JavaScript与 VBScripto ActiveXo CGI技术o PHPo JSPo ASP/ASP.NETo Web Se

20、rvices HTML技术 o HTML是HyperText Markup Language（超文本标记语言）的缩写，是一种用来制作超文本文档的简单标记语言，它实际上是标准通用标记语言（SGML，Standard Generalized Markup Language）的一个子集。o HTML文件是一种纯文本文件，通常它带有.htm或.html的文件扩展名（在UNIX和Windows 95中的扩展名为.html）。 DHTML技术 o DHTML即动态的HTML语言(Dynamic HTML)。除了具有HTML语言的一切性质外，其最大的突破就是可以实现在下载网页后仍然能实时变换页面元素效果、使

21、人们在浏览Web页面时看到五彩缤纷、绚丽夺目的动态效果。DHTML并不是一门新的语言，它是以下技术、标准或规范的一种集成： （1）HTML 4.0（2）CSS （Cascading Style Sheets，层叠样式单）（3）CSSL（Client-Side Scripting Language，客户端脚本语言）（4）HTML DOM（HTML文档对象模型，Document Object Model） web技术概要分类o 客户端技术o 服务端技术客户端技术o 对象嵌入技术o Java Applet技术o 客户端脚本程序技术什么是Java Applet o Java 小应用程序即Java Ap

22、plet是指用Java编写的能够在Web页中运行的应用程序，它的可执行代码为class文件。它具有安全、功能强和跨平台等特性。IE、Netscape等主流浏览器都能显示包含Applet的页面。o Applet是从远程服务器上下载到本地客户机上运行的，出于安全的考虑，对它的运行进行了必要的限制。例如不能运行本地机上的程序，只能与它所对应的服务器联系；无法对本地机上的文件进行读写操作；除了可获取本地机使用的Java版本号、操作系统名称及版本号、文件名分隔符、文件路径外，无法获得本地机的其他信息。o Java Applet可提供动画、音频和音乐等多媒体服务，并能产生原本只有CGI（公共网关接口）才能

23、实现的功能。因此Java Applet已经成为Web技术的重要组成部分。 JavaScript与 VBScript o JavaScript是目前使用最广泛的脚本语言，它是由Netscape公司开发并随Navigator浏览器一起发布的，是一种介于Java与HTML之间、基于对象的事件驱动的编程语言。使用JavaScript，不需要Java编译器，而是直接在Web浏览器中解释执行。 o VBScript脚本语言是Visual Basic Script的简称，有时也被缩写为VBS，它是Microsoft Visual Basic的一个子集，即可以看作是VB语言的简化版。VBS和Javascrip

24、t一样都用于创建客户方的脚本程序，并处理页面上的事件及生成动态内容。 ActiveX o ActiveX控件是由软件提供商开发的可重用的软件组件。它是微软公司提出的一种软件技术。ActiveX控件可用于拓展Web页面的功能，创建丰富的Internet应用程序。开发人员可直接使用已有大量商用或免费ActiveX控件，也可通过各种编程工具如VC、VB、Delphi等根据控件所要实现的功能进行组件开发。Web开发者无需知道这些组件是如何开发的，一般情况下不需要自己编程，就可完成使用ActiveX控件的网页设计。例如ActiveX控件ActiveMovie可用于播放视频与动画，你只需要在控件的属性中指

25、定参数值，就可在Web页面中控制其播放。现在很多浏览器包括IE、Netscape、Firefox等都支持ActiveX技术。对象嵌入技术将Applet对象或ActiveX控件作为对象插入到HTML文档中，由浏览器执行。如：服务端技术o 服务器端的脚本程序技术o 中间件技术CGI技术 o CGI是公共网关接口（Common Gateway Interface）的缩写，是用于连接Web页面和应用程序的接口。本身HTML语言的功能是比较贫乏的，难以完成诸如访问数据库等一类的操作，而实际的情况则是经常需要先对数据库进行操作（比如文件检索系统），然后把访问的结果动态地显示在主页上。此类需求只用HTML是

26、无法做到的，所以CGI便应运而生。CGI是在Web Server端运行的一个可执行程序，由主页的一个超链接激活进行调用，并对该程序的返回结果进行处理后，显示在页面上。 PHP o PHP(PHP：Hypertext Preprocessor，超文本预处理器，也称Professional Home Page)是利用服务器端脚本创建动态网站的技术，它包括了一个完整的编程语言、支持因特网的各种协议、提供与多种数据库直接互联的能力，包括MYSQL、SQL SERVER、SYBASE、INFORMIX、ORACLE等，还能支持ODBC数据库连接方式。 o PHP也是一种跨平台的软件，在大多数Unix平台

27、、GUN/Linux和微软Windows平台上均可以运行。 JSP o JSP(Java Server Page)是由Sun公司于1999年推出的一项因特网应用开发技术，是基于Java Server以及整个Java体系的Web开发技术，利用这一技术可以建立先进、安全和跨平台的动态网站。JSP技术是以Java语言作为脚本语言的，使用JSP标识或者Java Servlet小脚本来生成页面上的动态内容。JSP页面看起来象普通HTML页面，但它允许嵌入服务器执行代码。服务器端的JSP引擎解释JSP标识和小脚本，生成所请求的内容,并且将结果以HTML页面形式发送回浏览器。在数据库操作上，JSP可通过JD

28、BC技术连接数据库。ASP/ASP.NETo ASP.NET完全基于模块与组件，具有更好的可扩展性与可定制性，数据处理方面更是引入了许多激动人心的新技术，正是这些具有革命性意义的新特性，让ASP.NET远远超越了ASP,同时也提供给Web开发人员更好的灵活性，有效缩短了Web应用程序的开发周期。ASP.NET与Windows Server 家族的完美组合为中小型乃至企业级的Web商业模型提供了一个更为稳定、高效、安全的运行环境。 Web Serviceo Web Services是自包含、自描述、模块化的应用，可以在网络中被描述、发布、查找以及通过Web调用。Web Services需要一套协

29、议来实现分布式应用程序的创建。要实现互操作性，Web Service还必须提供一套标准的类型系统，用于沟通不同的平台、编程语言和组建模型中的不同类型系统。Web Services平台涉及到的主要内容包括：o 采用与平台无关、厂商无关的XML表示数据的基本格式；o 采用W3C制定的XML Schema XSD定义作为标准的数据类型；o 采用SOAP（Simple Object Access Protocol，简单对象访问协议）作为交换XML编码信息的轻量级协议；o 采用基于XML语言的WSDL（Web Service描述语言）作为Web Services及其函数、参数和返回值的描述文档；o 采用

30、 UDDI（Universal Description , Discovery , and Integration，统一描述、发现和集成）规范实现 Web 服务的相互操作，例如可用UDDI实现Web Service的注册、查找、调用等。o 用远程过程调用RPC和消息传递实现和Web Services之间的通信。 Web 2.0概述o Ajaxo 网志Blogo 社会书签o 维基百科Wikio 内容聚合RSSo 一般来说Web 2.0（也有人称之为互联网2.0）是相对Web 1.0的新的一类互联网应用的统称。Web 1.0的主要特点在于用户通过浏览器获取信息，Web 2.0则更注重用户的交互作用

31、，用户既是网站内容的消费者（浏览者），也是网站内容的制造者。由Web 1.0单纯通过网络浏览器浏览网页模式向内容更丰富、联系性更强、工具性更强的Web 2.0互联网模式的发展已经成为互联网新的发展趋势。 o 如果说Web 1.0是以数据为核心的网，那么Web 2.0是以人为出发点的互联网。从知识生产的角度看，Web 1.0的任务是将以前没有放在网上的人类知识，通过商业的力量，放到网上去。Web 2.0的任务是，将这些知识通过每个用户的浏览求知的力量，协作工作，把知识有机地组织起来，在这个过程中继续将知识深化，并产生新的思想火花；从内容产生者角度看，Web 1.0是商业公司为主体把内容往网上搬，而Web 2.0则是以用户为主，以简便随意方式把新内容往网上搬,以实现信息共享；从交互性看，Web 1.0是网站对用户为主；Web 2.0是以用户对用户为主。从技术上看，由于Ajax等技术的使用，Web客户端工作效率越来越高。下面我们主要对Ajax、Blog(博客)、Tag、W