Web开发技术概述

第1章 Web开发技术概述

1.1 Web技术基础知识

1.2 Web基本技术介绍
1.3 Web 2.0概述

1.1 Web技术基础知识
1.1.1 1.1.2 1.1.3 1.1.4 1.1.5 1.1.6 1.1.7 1.1.8 1.1.9

什么是Web？ 什么是Web服务器？ 什么是Web页面？ 统一资源定位符URL 浏览器的工作机理及种类 C/S模式与B/S模式 Web访问的机理 Web开发平台的组成 常用Web开发工具
网页制作工具
1．Sausage HotDog Professional HotDog是较早基于代码的网页设计工 具，支持最新的Web标准和扩展，其最 具特色的是提供了许多向导工具，能帮 助设计者制作页面中的复杂部分。 HotDog是个功能强大的软件，对于那 些希望在网页中加入CSS、Java、 RealVideo等复杂技术的高级设计者， 是个很好的选择。
什么是Web页面？
统一资源定位符URL

信息资源放在Web服务器之后，需要将它的地 址告诉给用户，以便让用户来访问，这就是统 一资源定位符URL（Uniform Resource Locators）的功能，俗称为网址。URL字串 分成三个部分：协议名称、主机名和文件名 （包含路径）。协议名称通常为http、Ftp、 File等，例如： http://www.yahoo.com.cn/index.htm为 一个URL地址，其中http指的是采用的传输协 议是http；www.yahoo.com.cn为主机名； index.htm为文件名。
Web开发平台的组成
Java EE开发平台 Java EE（Java ENTERPRISE EDITION） 是纯粹基于Java的解决方案，之前较低版本叫 做J2EE。1998年SUN发布了EJB 1.0标准， EJB为企业级应用中必不可少的数据封装、事 务处理、交易控制等功能提供了良好的技术基 础。J2EE平台的三大核心技术SERVLET、 JSP和EJB都已先后问世。1999年，SUN正式 发布了J2EE的第一个版本。紧接着，遵循 J2EE标准，为企业级应用提供支撑平台的各 类应用服务软件争先恐后地涌现了出来。IBM 的WebSphere、BEA的WebLogic都是这一 领域里最为成功的商业软件平台。
1.3 Web 2.0概述
1.3.1 1.3.2 1.3.3 1.3.4 1.3.5

Ajax 网志Blog 社会书签 维基百科Wiki 内容聚合RSS
什么是Web ？

Internet是一个网络上的网络，或者说是一个 全球范围的网间网。在Internet中分布了成千 上万的计算机，这些计算机扮演的角色和所起 的作用各不相同。有的计算机可以收发电子邮 件，有的可以为用户传输文件，有的负责对域 名进行解析，更多的机器则用于组织并展示相 关的信息资源，方便用户的获取。所有这些承 担服务任务的计算机统称为服务器。根据服务 的特点，又可分为邮件服务器、文件传输服务 器、域名服务器（DNS）和Web服务器等。 Web就由互联网上的上述各种各样的服务器相 互连接组成。
1.2 Web基本技术介绍



1.2.1 1.2.2 1.2.3 1.2.4 1.2.5 1.2.6 1.2.7 1.2.8 1.2.9
HTML技术 DHTML技术 什么是Java Applet JavaScript与 VBScript ActiveX CGI技术 PHP JSP ASP/ASP.NET
C/S模式与B/S模式

C/S计算模式具有以下几个方面的优点： 通过异种平台集成，能够协调现有的各 种基础结构：分布式管理；能充分发挥 客户端PC的处理能力，安全、稳定、速 度快，且在适当情况下可脱机操作。
C/S模式与B/S模式

B/S模式是一种基于Web的协同计算模式，是一种三 层架构的瘦客户机/肥服务器的计算模式。第一层为客 户端表示层，与C/S结构中的“肥”客户端不同，三 层架构中的客户层只保留一个Web浏览器，不存放任 何应用程序，其运行代码可以从位于第二层Web服务 器下载到本地的浏览器中执行，几乎不需要任何管理 工作。第二层是应用服务器层，由一台或多台服务器 （Web服务器也位于这一层）组成，处理应用中的所 有业务逻辑，包括对数据库的访问等工作，该层具有 良好的可扩充性，可以随着应用的需要任意增加服务 的数目。第三层是数据中心层，主要由数据库系统组 成。
C/S模式与B/S模式

B/S模式与传统的C/S模式相比体现了 集中式计算的优越性：具有良好的开放 性，利用单一的访问点，用户可以在任 何地点使用系统；用户可以跨平台以相 同的浏览器界面访问系统；因为在客户 端只需要安装浏览器，取消了客户端的 维护工作，有效地降低了整个系统的运 行和维护成本。

网页制作工具
3．Microsoft FrontPage 2003 FrontPage是微软推出的Microsoft办公系列 软件Office家族的成员之一，它是具有“所见 即所得”特点的网页制作软件，使用 FrontPage2003制作网页，你能真正体会到 “功能强大，简单易用”的含义。 FrontPage2003的主要功能是设计、制作、 管理网页或站点，它的操作对象主要是网页或 网站。从单个的网页到复杂的网站的设计制作， 以及本地或远程网站的管理，都可以使用 FrontPage2003完成。FrontPage2003带 有图形和GIF动画编辑器，支持CGI和CSS。
什么是Web服务器？

Web服务器又称WWW服务器、网站服务器、 站点服务器，就是将本地的信息用超文本 （Hypertext）组织，为用户在Internet上搜 索和浏览信息提供服务。从本质上来说Web服 务器实际上就是一个软件系统。一台计算机可 以充当多个Web服务器，为提高用户的访问效 率，一般情况下一台计算机只充当一个Web服 务器；为提供大量用户的访问，多台计算机可 以形成集群，只提供一个Web服务。平常，我 们将只充当一个Web服务器的一台计算机就叫 做Web服务器。
Web访问的机理
Web开发平台的组成


.NET开发平台 2000年6月，微软公司宣布其.NET战略。2001年， ECMA通过了Microsoft提交的C#语言和CLI标准， 这两个技术标准构成了.NET平台的基石。2002年， Microsoft正式发布.NET Framework和Visual Studio .NET开发工具。 微软公司的.NET战略揭示了一个全新的境界，提供了 一个新的软件开发模型。.NET战略的一个关键特性在 于它独立于任何特定的语言或平台。它不要求程序员 使用一种特定的程序语言。相反，开发者可使用多 种.NET兼容语言的任意组合来创建一个.NET应用程序。 多个程序员可致力于同一个软件项目，但分别采用自 己最精通的.NET语言编写代码。
浏览器的工作机理及种类
Leabharlann Baidu
C/S模式与B/S模式

C/S计算模式将应用一分为二：前端是 客户机，几乎所有的应用逻辑都在客户 端进行和表达，客户机完成与用户的交 互任务。后端是服务器，它负责后台数 据的查询和管理、大规模的计算等服务。 通常客户端的任务比较繁重，称作“肥” 客户端，而服务器端的任务较轻，称作 “瘦”服务器。
c/s是客户机(client)/服务器（server）， b/s是浏览器（browser)/服务器。c/s之间 通过任意的协议通信，一般要求有特定的客户 端。比如QQ就是c/s模式，你的桌面上的QQ 就是腾讯公司的特定的客户端，而服务器就是 腾讯的服务器。再比如你看的网络电视也是如 此，比如你的桌面上的pplive、Tvcoo等，这 些软件都是c/s模式的，他们要求在用户有特 定的客户端。而B/S模式是靠应用层的http协 议进行通信的（当然也要靠底层的好多协议支 持），一般不需要特定的客户端，而是需要有 统一规范的客户端，那就是你的浏览器！Web 页就是B/S 模式，也就是说咱们说的网站就是 B/S模式。
浏览器的工作机理及种类

当用户要通过浏览器访问某一个网站，用户必须首先 在浏览器的地址栏中输入相应的网址——我们称之为 URL地址，接着浏览器将向域名服务器询问该网址对应 的IP地址，并根据返回的结果直接定位到目标服务器； 服务器与浏览器双方完成通讯握手之后，该网站对应 的图文数据便被送到浏览器中。如果收到的是HTML代 码和图片，浏览器对其进行解释之后形成页面显示， 而如果遇到扩展名为ASP、CGI之类的脚本程序，解释 工作就必须由服务器来完成，浏览器只能被动接收解 释的结果并加以显示；当然，如果在结果中遇到HTML 标记，浏览器就会启动解释程序，然后按HTML标记的 要求将网页的内容显示在用户面前。
网页制作工具
2．Adobe Dreamweaver、Fireworks、 Flash、Golive Dreamweaver友好的界面、功能强大和快捷 的工具以及可视化特征，可以使初学者直接在 页面上添加和编辑元素，而不用写源代码，软 件会自动将结果转换为HTML源代码，而且它 还集成了目前最流行的制作网页的多种功能， 比如可通过层叠样式（CSS）格式化文本，通 过表格定位网页元素，通过时间轴实现一些网 页的动画，以及可进行源代码编写修改功能等， 大大方便了网页设计者。
第1章 Web开发技术概述

（学时数：2学时）
学习要点
1．掌握Web的基本概念和基础知识。 2．熟悉C/S模式与B/S模式的结构。 3．了解常用的Web开发工具。 4．了解Web开发的基本技术。 5. 了解Web 2.0的特点及相关技术。

Web开发技术概述

互联网的快速发展对人们的工作、学习和生活 带来了重大影响。人们利用互联网的主要方式 就是通过浏览器访问网站，以便处理数据、获 取信息。当人们通过浏览器打开各式各样的网 站进行信息处理、享受互联网带给人们巨大便 利的同时，好奇的读者也许非常想知道其背后 所隐藏的所有实现技术。涉及到的技术是多方 面的，包括网络技术、数据库技术、面向对象 技术、图形图像处理技术、多媒体技术、网络 和信息安全技术、互联网技术、Web开发技术 等等。其中Web开发技术是互联网应用中最为 关键技术之一。
网页制作工具

Fireworks也是由Macromedia公司开发的一 种工具。它以处理网页图片为特长，并可以轻 松创作GIF动画。它的出现使Web作图发生了 革命性的变化。Fireworks是专为网络图像设 计而开发，内建丰富的支持网络出版功能，比 如Fireworks能够自动切图、生成鼠标动态感 应的javascript。而且Fireworks 具有十分强 大的动画功能和一个几乎完美的网络图像生成 器(Export功能)。它增强了与Dreamweaver 的联系，可以导出为配合CSS式样的网页及图 片。
网页制作工具


Flash是当今INTERNET上最流行动画作品(如 网上各种动感网页、LOGO、广告、MTV、游 戏和高质量的课件等)的制作工具，并成为事 实上的交互式矢量动画标准，就连软件巨头微 软也不得不在其新版的INTERNET EXPLORER内嵌FLASH播放器。 由于在Flash中采用了矢量作图技术，各元素 均为矢量，因此只用少量的数据就可以描述一 个复杂的对象，从而大大减少动画文件的大小。 而且矢量图像还有一个优点，可以真正做到无 级放大和缩小，你可以将一幅图像任意地缩放， 而不会有任何失真。
什么是Web页面？


Web在提供信息服务之前，所有信息都必须以文件方 式事先存放在Web服务器所管辖磁盘中某个文件夹下， 其中包含了由超文本标记语言HTML(HyperText Markup Language)组成的文本文件，我们称这些文 本文件为超链接文件，又称网页文件，或称Web页面 文件（Web Page）。 当用户通过浏览器在地址栏输入访问网站的网址时， 实际上就是向某个Web服务器发出调用某个页面的请 求。Web服务器收到页面调用请求后，从磁盘中调出 该网页进行相关处理后，传回给浏览器显示。在这里， Web服务器作为一个软件系统，用于管理Web页面， 并使这些页面通过本地网络或Internet供客户浏览器 使用。图1-1展示了Web服务器与Web页面的关系。