1、1第一章 Web 应用与开发 word 版课程内容：（1）Web 技术简介（2）HTML（3）CSS（4）JavaScript（5）ASP.NET ASP.NET 控件和对象 ASP.NET 数据库应用程序第一章 Web 技术简介 什么是 Web？ 什么是 Web 服务器？ 什么是 Web 页面？ 统一资源定位符 URL 浏览器的工作机理及种类 C/S 模式与 B/S 模式 Web 访问的机理 Web 开发平台的组成 常用 Web 开发工具 Internet 与 WWW Internet 是一个网络上的网络，或者说是一个全球范围的网间网。在 Internet 中分布了成千上万的计算机，这些计算
2、机扮演的角色和所起的作用各不相同。有的计算机可以收发电子邮件，有的可以为用户传输文件，有的负责对域名进行解析，更多的机器则用于组织并展示相关的信息资源，方便用户的获取。所有这些承担服务任务的计算机统称为服务器。 WWW 服务 文件传输服务(FTP) 电子邮件服务(E-mail) 远程登录服务(Telnet) Web 定义 全称为 World wide web,缩写为 WWW,中译为“万维网 ” 万维网是一个建立在客户机服务器（ClientServer）模型之上，以 HTML 语言和 HTTP 协议为基础，能够提供面向各种 Internet 服务的、一致的用户界面的一种信息服务系统。理解 1）W
3、eb 是 Internet 提供的一种服务。 2）Web 是一个巨大的信息宝库。 3）Web 上的信息彼此关联。 4）Web 上的信息保存在 Web 站点中。 5）Web 简单易用。2什么是 Web 服务器？ Web 服务器又称 WWW 服务器、网站服务器、站点服务器，就是将本地的信息用超文本（Hypertext）组织，为用户在 Internet 上搜索和浏览信息提供服务。从本质上来说 Web 服务器实际上就是一个软件系统。一台计算机可以充当多个 Web 服务器，为提高用户的访问效率，一般情况下一台计算机只充当一个 Web 服务器；为提供大量用户的访问，多台计算机可以形成集群，只提供一个 We
4、b 服务。平常，我们将只充当一个 Web 服务器的一台计算机就叫做 Web 服务器。什么是 Web 页面？ Web 在提供信息服务之前，所有信息都必须以文件方式事先存放在 Web 服务器所管辖磁盘中某个文件夹下，其中包含了由超文本标记语言 HTML(HyperText Markup Language)组成的文本文件，我们称这些文本文件为超链接文件，又称网页文件，或称 Web 页面文件（Web Page） 。 URL 统一资源定位器 信息资源放在 Web 服务器之后，需要将它的地址告诉给用户，以便让用户来访问，这就是统一资源定位符 URL（Uniform Resource Locators）的功
5、能，俗称为网址。 URL 的构成：通过不同的协议来访问因特网上的不同资源。eg: http:/ 协议协议 含义File：/ 本地文件Http：/ Web 服务器专用Ftp：/ 文件的下载和上传Gopher： / 使用 Gopher 检索信息Telnet:/ 用于远程登录3mailto: 发送电子邮件news 阅读新闻标准端口名称 说明 端口号DNS 域名解析 53FTP 文件传输协议 20/21HTTP 超文本传输协议 80SNMP 简单网管协议 161/162Telnet 远程登录终端协议 23POP 邮件接受协议 110SMTP 简单邮件传输协议 25端口 一类是标准端口：端口号从 0 到
6、 1023 另一类须在 IANA （赋值地址和端口号组织）注册登记：端口号从 1024 到 65535WWW 的工作原理HTTP客户浏览器Web服务器客户浏览器4客户端和服务器的概念 客户端是指用来与数据提供者（服务器）通信的软件和硬件。客户端和服务器相连，发送和接收信息。 服务器一般是指能向许多客户端同时提供数据的大型计算机。服务器一词既可以指实际的计算机，也可以指一套软件。 客户端和服务器可以在同一台电脑上，但它们通常是在由网络相连的不同电脑上。Web 浏览器Web 浏览器浏览器是用来解释 Web 页面并完成相应转换和显示的程序。 Web 浏览器最基本的功能： 解释 HTML 文档； 运行
7、并显示 Java、ActiveX 以及脚本语言等编程语言创建的应用、程序、动画等；1994 年 Netscape Navigator 推出。Microsoft 从 1995 年开始推出 Web 浏览器：Internet Explorer。 负责处理客户端的 HTTP 请求并与主机上的操作系统通信。 负责为用户提供所需要的网页，并对客户端浏览器发来的请求作出响应。浏览器/服务器的工作过程 用户启动浏览器，并在浏览器中指定一个 URL，浏览器便向该 URL 所指向的 Web服务器发出请求 Web 服务器接到浏览器的请求后，把 URL 转换成页面所在服务器上的文件路径名 如果 URL 指向的是普通的
8、 HTML 文档，Web 服务器直接将它送给浏览器。 如果 HTML 文档中嵌有 CGI 程序，Web 服务器就运行 CGI 程序，并将结果传送至浏览器。浏览器/服务器的工作过程5什么是 HTTP 协议HTTP（Hypertext Transport Protocol）：超文本传输协议 它不仅保证计算机正确快速地传输超文本文档，还确定传输文档中的哪一部分，以及哪部分内容首先显示( 如文本先于图形 )等 它是建立在 TCP/IP 协议基础上的应用层协议， 采用统一资源标识码定位WWW 服务器的资源，并获取它。 HTTP 是请求/响应式协议HTTP 的宏观工作原理 统一资源标识符(URL)协议版本
9、号MIME 信息（请求修饰符、客户机信息和可能的内容）客户机（IE）服务器【server】请求响应状态行（信息的协议版本号、一个成功或错误的代码）MIME 信息（ 服务器信息、实体信息和可能的内容）一个请求例子Get /mattmarg/ HTTP/1.0 User-Agent: Mozilla/2.0 (Macintosh; I; PPC)Accept: text/html; */* Cookie: name = value Referer: http:/ 6Host: www.grippy.org 一个响应例子HTTP/1.0 200 Found Date: Mon, 10 Feb 199
10、7 23:48:22 GMT Server: Apache/1.1.1 HotWired/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 的特点 以 Client/Server 模型为基础。 简易性。 客户机要连接到服务器，只需发送请求方式和 URL 路径等少量信息。HTTP 规范定义了七种请求方式，最常用的有三种：GET、HEAD
11、和POST。 灵活性。 HTTP 允许任意类型数据的传送。内容-类型(content-type)标识指示了所传输数据的类型。 “无连接”性。 “无连接”意味着每次连接只限处理一个请求。客户要建立连接需先发出请求，收到响应，然后断开连接。 无状态性。 这既是优点也是缺点。一方面，由于缺少状态使得 HTTP 累赘少，系统运行效率高；另一方面，缺少状态意味着所需的前面信息必须重现，导致每次连接需要传送较多的信息。7Cookie用于存储客户端的状态，其流程为：（1）当客户端请求一 URL 时，服务器在响应的表头中附加数个 Set-Cookie 表头（2）客户端收到此表头时将 Cookie 信息存储在硬
12、盘中（5）当客户再次请求相同的 URL 时，将 Cookie 信息发往服务器（4）服务器根据客户的 Cookie 信息决定其下一步的操作并将新的 Set-Cookie 送往客户端C/S 模式与 B/S 模式 C/S 计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成与用户的交互任务。后端是服务器，它负责后台数据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重，称作“肥”客户端，而服务器端的任务较轻，称作“瘦”服务器。 C/S 模式的结构如图 1-3 所示 ： C/S 计算模式具有以下几个方面的优点：通过异种平台集成，能够协调现有的各种基础结构：分
13、布式管理；能充分发挥客户端 PC 的处理能力，安全、稳定、速度快，且在适当情况下可脱机操作。 B/S 模式的结构如图 1-4 所示。图 1-4 B/S 模式结构 B/S 模式与传统的 C/S 模式相比体现了集中式计算的优越性：具有良好的开放性，利用单一的访问点，用户可以在任何地点使用系统；用户可以跨平台以相同的浏览器界面访问系统；因为在客户端只需要安装浏览器，取消了客户端的维护工作，有效地降低了整个系统的运行和维护成本。Web 开发平台的组成 .NET 开发平台 2000 年 6 月，微软公司宣布其.NET 战略。2001 年，ECMA 通过了 Microsoft 提交的 C#语言和 CLI
14、标准，这两个技术标准构成了 .NET 平台的基石。2002 年，8Microsoft 正式发布.NET Framework 和 Visual Studio .NET 开发工具。 微软公司的.NET 战略揭示了一个全新的境界，提供了一个新的软件开发模型。.NET 战略的一个关键特性在于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反，开发者可使用多种.NET 兼容语言的任意组合来创建一个.NET 应用程序。多个程序员可致力于同一个软件项目，但分别采用自己最精通的.NET 语言编写代码。 Java EE 开发平台Java EE（Java ENTERPRISE EDITION
15、）是纯粹基于 Java 的解决方案，之前较低版本叫做 J2EE。1998 年 SUN 发布了 EJB 1.0 标准，EJB 为企业级应用中必不可少的数据封装、事务处理、交易控制等功能提供了良好的技术基础。J2EE 平台的三大核心技术SERVLET、JSP 和 EJB 都已先后问世。1999 年，SUN 正式发布了 J2EE 的第一个版本。紧接着，遵循 J2EE 标准，为企业级应用提供支撑平台的各类应用服务软件争先恐后地涌现了出来。IBM 的 WebSphere、BEA 的 WebLogic 都是这一领域里最为成功的商业软件平台。网页制作工具 1Sausage HotDog Profession
16、al HotDog 是较早基于代码的网页设计工具，支持最新的 Web 标准和扩展，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。 HotDog 是个功能强大的软件，对于那些希望在网页中加入 CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。2Adobe Dreamweaver、Fireworks、Flash、GoliveDreamweaver 友好的界面、功能强大和快捷的工具以及可视化特征，可以使初学者直接在页面上添加和编辑元素，而不用写源代码，软件会自动将结果转换为 HTML 源代码，而且它还集成了目前最流行的制作网页的多种功能，比如可通过层叠
17、样式（CSS）格式化文本，通过表格定位网页元素，通过时间轴实现一些网页的动画，以及可进行源代码编写修改功能等，大大方便了网页设计者。 Fireworks 也是由 Macromedia 公司开发的一种工具。它以处理网页图片为特长，并可以轻松创作 GIF 动画。它的出现使 Web 作图发生了革命性的变化。Fireworks 是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如 Fireworks 能够自动切图、生成鼠标动态感应的 javascript。而且 Fireworks 具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export 功能)。它增强了与 Dreamweaver 的联
18、系，可以导出为配合 CSS 式样的网页及图片。3Microsoft FrontPage 2003 FrontPage 是微软推出的 Microsoft 办公系列软件 Office 家族的成员之一，它是具有“所见即所得” 特点的网页制作软件，使用 FrontPage2003 制作网页，你能真正体会到“功能强大，简单易用”的含义。FrontPage2003 的主要功能是设计、制作、管理网页或站点，它的操作对象主要是网页或网站。从单个的网页到复杂的网站的设计制作，以及本地或远程网站的管理，都可以使用 FrontPage2003 完成。FrontPage2003 带有图形和 GIF 动画编辑器，支持
19、CGI 和 CSS。 IBM Eclipse Eclipse 是一种可扩展的开放源代码的 IDE(集成开发环境 )，由 IBM 出资组建。Eclipse 允许在同一 IDE 中集成来自不同供应商的工具，并实现了工具之间的互操作性，从而显著改善了项目工作流程，使开发者可以专注在实际开发目标上。9Eclipse 的最大特点是它能接受由 Java 开发者自己编写的开放源代码插件，这类似于微软公司的 Visual Studio 和 Sun 公司的 NetBeans 平台。 Eclipse 为工具开发商提供了更好的灵活性，使他们能更好地控制自己的软件技术。 Eclipse 框架灵活、扩展容易，因此很受开
20、发人员的喜爱，目前它的支持者越来越多，大有成为 Java 第一开发工具之势。它的缺点是较复杂，初学者理解起来比较困难。Web 基本技术介绍 HTML 技术 DHTML 技术 什么是 Java Applet JavaScript 与 VBScript ActiveX CGI 技术 PHP JSP ASP/ASP.NET Web Services HTML 技术 HTML 是 HyperText Markup Language（超文本标记语言）的缩写，是一种用来制作超文本文档的简单标记语言，它实际上是标准通用标记语言（SGML，Standard Generalized Markup Languag
21、e）的一个子集。 HTML 文件是一种纯文本文件，通常它带有 .htm 或.html 的文件扩展名（在 UNIX和 Windows 95 中的扩展名为 .html） 。 DHTML 技术 DHTML 即动态的 HTML 语言(Dynamic HTML)。除了具有 HTML 语言的一切性质外，其最大的突破就是可以实现在下载网页后仍然能实时变换页面元素效果、使人们在浏览 Web 页面时看到五彩缤纷、绚丽夺目的动态效果。 DHTML 并不是一门新的语言，它是以下技术、标准或规范的一种集成： （1）HTML 4.0（2）CSS （Cascading Style Sheets，层叠样式单）（3）CSSL
22、（Client-Side Scripting Language ，客户端脚本语言）（4）HTML DOM（HTML 文档对象模型，Document Object Model） web 技术概要分类 客户端技术 服务端技术客户端技术 对象嵌入技术 Java Applet 技术 客户端脚本程序技术什么是 Java Applet Java 小应用程序即 Java Applet 是指用 Java 编写的能够在 Web 页中运行的应用程序，它的可执行代码为 class 文件。它具有安全、功能强和跨平台等特性。10IE、Netscape 等主流浏览器都能显示包含 Applet 的页面。 Applet 是从
23、远程服务器上下载到本地客户机上运行的，出于安全的考虑，对它的运行进行了必要的限制。例如不能运行本地机上的程序，只能与它所对应的服务器联系；无法对本地机上的文件进行读写操作；除了可获取本地机使用的 Java 版本号、操作系统名称及版本号、文件名分隔符、文件路径外，无法获得本地机的其他信息。 Java Applet 可提供动画、音频和音乐等多媒体服务，并能产生原本只有 CGI（公共网关接口）才能实现的功能。因此 Java Applet 已经成为 Web 技术的重要组成部分。JavaScript 与 VBScript JavaScript 是目前使用最广泛的脚本语言，它是由 Netscape 公司开
24、发并随 Navigator浏览器一起发布的，是一种介于 Java 与 HTML 之间、基于对象的事件驱动的编程语言。使用 JavaScript，不需要 Java 编译器，而是直接在 Web 浏览器中解释执行。 VBScript 脚本语言是 Visual Basic Script 的简称，有时也被缩写为 VBS，它是Microsoft Visual Basic 的一个子集，即可以看作是 VB 语言的简化版。VBS 和Javascript 一样都用于创建客户方的脚本程序，并处理页面上的事件及生成动态内容。 ActiveX ActiveX 控件是由软件提供商开发的可重用的软件组件。它是微软公司提出的
25、一种软件技术。ActiveX 控件可用于拓展 Web 页面的功能，创建丰富的 Internet 应用程序。开发人员可直接使用已有大量商用或免费 ActiveX 控件，也可通过各种编程工具如 VC、VB、Delphi 等根据控件所要实现的功能进行组件开发。Web 开发者无需知道这些组件是如何开发的，一般情况下不需要自己编程，就可完成使用ActiveX 控件的网页设计。例如 ActiveX 控件 ActiveMovie 可用于播放视频与动画，你只需要在控件的属性中指定参数值，就可在 Web 页面中控制其播放。现在很多浏览器包括 IE、Netscape、Firefox 等都支持 ActiveX 技术
26、。对象嵌入技术将 Applet 对象或 ActiveX 控件作为对象插入到 HTML 文档中，由浏览器执行。如：服务端技术 服务器端的脚本程序技术 中间件技术CGI 技术 CGI 是公共网关接口（Common Gateway Interface）的缩写，是用于连接 Web 页面和应用程序的接口。本身 HTML 语言的功能是比较贫乏的，难以完成诸如访问数据库等一类的操作，而实际的情况则是经常需要先对数据库进行操作（比如文件检索系统） ，然后把访问的结果动态地显示在主页上。此类需求只用 HTML 是无法做到的，所以 CGI 便应运而生。 CGI 是在 Web Server 端运行的一个可执行程序，
27、由11主页的一个超链接激活进行调用，并对该程序的返回结果进行处理后，显示在页面上。 PHP PHP(PHP： Hypertext Preprocessor，超文本预处理器，也称 Professional Home Page)是利用服务器端脚本创建动态网站的技术，它包括了一个完整的编程语言、支持因特网的各种协议、提供与多种数据库直接互联的能力，包括 MYSQL、SQL SERVER、SYBASE 、INFORMIX、ORACLE 等，还能支持 ODBC 数据库连接方式。 PHP 也是一种跨平台的软件，在大多数 Unix 平台、GUN/Linux 和微软 Windows 平台上均可以运行。 JSP
28、 JSP(Java Server Page)是由 Sun 公司于 1999 年推出的一项因特网应用开发技术，是基于 Java Server 以及整个 Java 体系的 Web 开发技术，利用这一技术可以建立先进、安全和跨平台的动态网站。JSP 技术是以 Java 语言作为脚本语言的，使用 JSP 标识或者 Java Servlet 小脚本来生成页面上的动态内容。JSP 页面看起来象普通 HTML页面，但它允许嵌入服务器执行代码。服务器端的 JSP 引擎解释 JSP 标识和小脚本，生成所请求的内容,并且将结果以 HTML 页面形式发送回浏览器。在数据库操作上，JSP 可通过 JDBC 技术连接数
29、据库。ASP/ASP.NET ASP.NET 完全基于模块与组件，具有更好的可扩展性与可定制性，数据处理方面更是引入了许多激动人心的新技术，正是这些具有革命性意义的新特性，让ASP.NET 远远超越了 ASP,同时也提供给 Web 开发人员更好的灵活性，有效缩短了Web 应用程序的开发周期。ASP.NET 与 Windows Server 家族的完美组合为中小型乃至企业级的 Web 商业模型提供了一个更为稳定、高效、安全的运行环境。 Web Service Web Services 是自包含、自描述、模块化的应用，可以在网络中被描述、发布、查找以及通过 Web 调用。Web Services
30、需要一套协议来实现分布式应用程序的创建。要实现互操作性，Web Service 还必须提供一套标准的类型系统，用于沟通不同的平台、编程语言和组建模型中的不同类型系统。Web Services 平台涉及到的主要内容包括： 采用与平台无关、厂商无关的 XML 表示数据的基本格式； 采用 W3C 制定的 XML Schema XSD 定义作为标准的数据类型； 采用 SOAP（Simple Object Access Protocol，简单对象访问协议）作为交换 XML 编码信息的轻量级协议； 采用基于 XML 语言的 WSDL（Web Service 描述语言）作为 Web Services 及其函
31、数、参数和返回值的描述文档； 采用 UDDI（Universal Description , Discovery , and Integration，统一描述、发现和集成）规范实现 Web 服务的相互操作，例如可用 UDDI 实现 Web Service 的注册、查找、调用等。 用远程过程调用 RPC 和消息传递实现和 Web Services 之间的通信。 Web 2.0 概述 Ajax 网志 Blog 社会书签12 维基百科 Wiki 内容聚合 RSS 一般来说 Web 2.0（也有人称之为互联网 2.0）是相对 Web 1.0 的新的一类互联网应用的统称。Web 1.0 的主要特点在于用
32、户通过浏览器获取信息，Web 2.0 则更注重用户的交互作用，用户既是网站内容的消费者（浏览者） ，也是网站内容的制造者。由 Web 1.0 单纯通过网络浏览器浏览网页模式向内容更丰富、联系性更强、工具性更强的 Web 2.0 互联网模式的发展已经成为互联网新的发展趋势。 如果说 Web 1.0 是以数据为核心的网，那么 Web 2.0 是以人为出发点的互联网。从知识生产的角度看，Web 1.0 的任务是将以前没有放在网上的人类知识，通过商业的力量，放到网上去。Web 2.0 的任务是，将这些知识通过每个用户的浏览求知的力量，协作工作，把知识有机地组织起来，在这个过程中继续将知识深化，并产生新
33、的思想火花；从内容产生者角度看，Web 1.0 是商业公司为主体把内容往网上搬，而 Web 2.0 则是以用户为主，以简便随意方式把新内容往网上搬 ,以实现信息共享；从交互性看，Web 1.0 是网站对用户为主；Web 2.0 是以用户对用户为主。从技术上看，由于 Ajax 等技术的使用，Web 客户端工作效率越来越高。下面我们主要对Ajax、Blog(博客 )、Tag 、Wiki、RSS 作简单介绍。 Ajax Ajax（Asynchronous JavaScript and XML，异步 JavaScript 和 XML）最早由 Jesse James Garrett 提出。区别于传统的
34、Web 应用，Ajax 应用的主要目的就是提高用户体验： 不刷新整个页面，在页面内与服务器通信； 使用异步方式与服务器通信，不需要打断用户的操作，具有更加迅速的的响应能力； 应用系统不需要由大量页面组成。大部分交互在页面内完成，不需要切换整个页面。 由此可见，Ajax 使得 Web 应用更加动态，带来了更高的智能，并且可以提供表现能力丰富的 Ajax UI 组件。这样一类新型的 Web 应用叫做 RIA(Rich Internet Application)应用。 网志 Blog Blog 的全名是 Web log，后来缩写为 Blog，中文意思是 “网络日志”, 一般人们喜欢称之为“博客” 。
35、Blog 是一个易于使用的网站，您可以在其中迅速发布想法、与他人交流以及从事其他活动，所有这一切都是免费的。 博客是一种新的生活方式、新的工作方式、新的学习方式和交流方式，是“互联网的第四块里程牌”。 社会书签 网摘又名网页书签，英文原名是 Social Bookmark，直译是 “社会书签” 。世界上第一个网摘站点 del.icio.us 的创始人 Joshua 在 2004 年发明了网摘。网摘是一种服务，它提供的是一种收藏、分类、排序、分享互联网信息资源的方式。 维基百科 Wiki Wiki 一词来源于夏威夷语“wee kee wee kee”，原本是“快点快点”的意思，中文译为“维客”或
36、“维基 ”。它是一种多人协作的写作工具。Wiki 站点可以有多人，甚至任何访问者维护，每个人都可以发表自己的意见，或者对共同的主题进行扩展或者探讨。Wiki 指一种超文本系统。这种超文本系统支持面向社群的协作式写作，同时13也包括一组支持这种写作的辅助工具。 内容聚合 RSS RSS 是站点用来和其他站点之间共享内容的一种简易方式（也叫聚合内容， Really Simple Syndication）的技术。最初源自浏览器 “新闻频道” 的技术，现在通常被用于新闻和其他按顺序排列的网站，例如 Blog。RSS 搭建了一个信息迅速传播的技术平台，使得每个人都成为潜在的信息提供者。发布一个 RSS 文件后，这个 RSS Feed 中包含的信息就能直接被其他站点调用，而且由于这些数据都是标准的 XML格式，所以也能在其他的终端和服务中使用。
