第1章 Web基础知识

2）客户端动态技术3
插件技术（1996年）
1996年的Netscape 2.0引入了对QuickTime插件的支持，在 HTML页面中实现音频、视频等多媒体应用，插件这种开发 方式也迅速风靡了浏览器的世界。 1996年，IE 3.0正式支持在HTML页面中插入ActiveX控件的 功能 1999年，RealPlayer插件先后在Netscape和IE浏览器中取 得了成功 1996年，Macromedia公司收购了FutureWave，并将Jonatha n Gay的发明改名为我们熟悉的Flash。从此，Flash动画成 了Web开发者表现自我、展示个性的最佳方式。
4
1.1 Web基础概念--9. C/S 和 B/S 架构
1). C/S架构体系 在2000年以前C/S架构占据着开 发领域的主流地位，其结构如图1-1 所示。通常程序员将开发完成的软 件安装在某计算机（客户机）中， 将数据库安装在专用的服务器（数 据库服务器）中，用户通过安装在 客户机中的软件和网络进行各种数 据库操作。这种架构要求客户机中 必须安装客户端程序，否则无法工 作。再有，在C/S架构中主要的数据 分析处理工作需要在客户机中完成， 这就要求客户机有较高的硬件配置。 常用的聊天工具如QQ、MSN及一些网 络游戏都属于C/S架构的应用程序。
11
1.1 Web基本概念—12.Web开发技术概述
2）客户端动态技术1
GIF图像（1989年）
存储、展现二维动画。Web出现后，GIF第一次为HTML页面 引入了动感元素。
Java语言（1995年）
Java语言天生就具备的平台无关的特点，让人们一下子找 到了在浏览器中开发动态应用的捷径。 1996年，著名的Netscape浏览器在其2.0版中增加了对Java Applets和JavaScript的支持。 JavaScript语言在所有客户端开发技术中占有非常独特的 地位：它是一种以脚本方式运行的，简化了的Java语言， 这也是脚本技术第一次在Web世界里崭露头角。
17
PHP（Hypertext
ASP（Active Server Pages)技术

JSP(JavaServer Pages)技术

1.1 Web基本概念—12.Web开发技术概述
3）服务器端动态技术与客户端动态技术工作流程区别
网页请求
返回的HTML文档
运行服务器端 应用程序
客户机
网页请求
Web编程工具
1. 2. JSP 3. PHP
19
1.1 Web基本概念—小测验
1. 可以标识网络上某台主机的是( ) 可以标识网络上某个文档的是( ) A. IP地址 B.主机名.所在域名 C.URL D.URI 2. 下列软件系统,属于胖客户机C/S架构的是( ) 属于瘦客户机B/S架构的是( ) A. QQ B.新浪网博客系统 C.我校学评教系统 D. MSN Messenger 3. 下列计算机语言或技术在浏览器端运行的是( ) 在服务器端运行的是( ) A. JavaScript B.VBScript C. JSP D. E.PHP F.HTML G.DHTML H.CSS
6
1.1 Web基本概念--10. 多层开发架构
1). 两层架构
7
1.1 Web基本概念--10. 多层开发架构
2). 三层架构
8
1.1 Web基本概念--10. 多层开发架构
3). N层架构
9
1.1 Web基本概念--11. Web工作原理
在Web方式下客户端软件常用浏览器，客户机向服务器发送请求，要求执 行某项任务，而服务器执行此项任务，并向客户机返回响应。
12
1.1 Web基本概念—12.Web开发技术概述
2）客户端动态技术2
VBScript语言（1996年）
为了用纯Microsoft的技术与JavaScript抗衡，Microsoft 还为IE 3.0设计了另一种后来也声名显赫的脚本语言— VBScript语言。
CSS（Cascading Style Sheets）和DHTML（Dynamic H TML）技术
5
1.1 Web基础概念--9. C/S 和 B/S 架构
2). B/S架构体系(C/S特例） B/S架构体系如图1-2所示，由 客户机、应用服务器和数据库服务 器三部分组成，在中小型应用系统 中，Web服务器可以与数据库服务 器安装在同一台服务器中。与C/S 架构相比，它不需要在客户机上安 装专门的客户端软件，用户在使用 程序时仅需要通过安装在客户机上 的浏览器访问指定的Web服务器即 可。在B/S架构中主要的数据分析 处理工作是在应用服务器中完成的， 客户端主要用来下达指令和接收结 果，所以客户机的配置要求不高， B/S架构非常适合“瘦客户端”的 运行环境。
20
1.2 .NET框架简介
Visual Studio 2005（简称VS2005） 功能强大的集成开发平台，可以完成Windows应用 程序开发、Web应用程序开发、设备应用程序开发 以及与其相关的数据库应用处理等开发任务，同时 还提供了各种应用程序的发布安装支持。 是VS2005开发平台的一部分，它提供的许 多Web开发模型，能够快速地开发出服务器端Web应 用程序中所需的复杂功能。
10
1.1 Web基本概念—12.Web开发技术概述
1）静态页面时代
从Web架构的技术层面，其特点主要有3：
用超文本技术（HTML）实现信息与信息的连接； 用统一资源定位技术（URL）实现全球信息的精确定位； 用新的应用层协议（HTTP）实现分布式的信息共享。
这一时期的Web设计更像是平面设计，而不是程 序设计。这样设计出来的页面，只能呈现静态的 文本和图像，无法提供满足用户需求的交互模式， 也无法展示动态的信息。 第2章将重点介绍静态页面设计技术
服务器
运行客户端 应用程序
返回的HTML文档（包含嵌入的程序代码）
客户机
服务器 18
1.1 Web基本概念—13.Web开发工具
网页设计工具
1. FrontPage 2. Dreamweaver MX 3. Fireworks MX 4. Flash MX 5. Visual Studio 2005 /2008 6. 记事本/Word等
14
1.1 Web基本概念—12.Web开发技术概述
2）客户端动态技术4—工作流程
网页请求
运行客户端 应用程序
返回的HTML文档（包含嵌入的程序代码）
客户机
服务器
15
1.1 Web基本概念—12.Web开发技术概述
2）客户端动态技术5—缺点
尽管客户端技术的发展给Web应用带来了重大变革，但是有些问题仍 然无法解决。这些方面主要表现在：
URL的一种更新形式（URL的缺点是当信息资源的存放位置发生变化时，必须对URL作相应的改变）， URN不依赖于位置，并且有可能减少失效连接的个数。但是其流行还需假以时日，因为它需要更精 密软件的支持。 URL、URN是URI的子集 3
1.0 Web基本概念
4. 网页(Web Page) 5. 网站(Web Site) Web站点 6. 主页(Home page) 7. 浏览器(Browser): IE, Firefox 8. Web应用服务器（Web Application Server): IIS, Apache
第1章 Web基础知识
第1章 Web基础知识
1.1 1.2 1.3 1.4
Web基本概念 .NET框架简介 安装VS 2005集成开发环境 简单Web页面和程序
2
1.1 Web基本概念
1.IP（Internet Protocol)地址 (身份证号) 如: 210.30.12.140 2.域名（Domain Name): 如: （地区名/区域） 主机名(Host Name): 计算机的名字 主机名.主机所在域名 : 标识网上的某台计算机（惟一人名） 如： 是域中的名为www的计算机 是域中的名为jw的计算机 3.URI、URL、URN 统一资源标识符URI（Uniform Resource Identifier） 由访问资源的命名机制、存放资源的主机名、资源自身的名称（由路径表 示）三部分组成 如: file://主机名/C:/ABC.TXT 统一资源定位符URL( Uniform Resource Locator) 协议名://主机名或ＩＰ地址[:端口号]/文件夹名/文档名及其扩展名 /c/2008-01-14/054714738550.shtml ftp://210.30.12.140/ABC.TXT 统一资源名称URN（Uniform Resource Name ）
21
1.2 .NET框架简介
发展历史
2002年3月，随着Visual 中文版的出现， 1.0诞生 2003年，发布了Visual 2003（简称VS. NET 2003） 2005年底，推出基于.NET 2.0框架的VS 2005开发平 台，从1.0版升到2.0版 2007年底，推出.NET 3.5框架的VS 2008开发平台
Web服务器向浏览器提供服务的步骤 ： 1、用户打开计算机（客户机），启动浏览器程序，在浏览器中指定一个 URL，浏览器便向该URL所指向的Web服务器发出请求。 2、Web服务器接到浏览器请求后，把URL转换成页面所在服务器上的文 件路径名。 3、如果URL指向的是普通的HTML文档，Web服务器直接将它送给浏览 器。 4、如果HTML文档中嵌有ASP或CGI程序Web服务器就运行ASP或CGI程 序，并将结果传送至浏览器
真正让HTML页面又酷又炫、动感无限 CSS大大提高了开发者对信息展现格式的控制能力 同样是实现HTML页面的动态效果，DHTML技术无需启动Java 虚拟机或其他脚本环境，可以在浏览器的支持下，获得更 好的展现效果和更高的执行效率。