WEB开发技术概述课件.ppt
- 【下载声明】
1. 本站全部试题类文档,若标题没写含答案,则无答案;标题注明含答案的文档,主观题也可能无答案。请谨慎下单,一旦售出,不予退换。
2. 本站全部PPT文档均不含视频和音频,PPT中出现的音频或视频标识(或文字)仅表示流程,实际无音频或视频文件。请谨慎下单,一旦售出,不予退换。
3. 本页资料《WEB开发技术概述课件.ppt》由用户(晟晟文业)主动上传,其收益全归该用户。163文库仅提供信息存储空间,仅对该用户上传内容的表现方式做保护处理,对上传内容本身不做任何修改或编辑。 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(点击联系客服),我们立即给予删除!
4. 请根据预览情况,自愿下载本文。本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
5. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007及以上版本和PDF阅读器,压缩文件请下载最新的WinRAR软件解压。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- WEB 开发 技术 概述 课件
- 资源描述:
-
1、n(学时数:2学时)n1掌握掌握Web的基本概念和基础知识。的基本概念和基础知识。n2熟悉熟悉C/S模式与模式与B/S模式的结构。模式的结构。n3了解常用的了解常用的Web开发工具。开发工具。n4了解了解Web开发的基本技术。开发的基本技术。n5.了解了解Web 2.0的特点及相关技术。的特点及相关技术。n互联网的快速发展对人们的工作、学习和生活互联网的快速发展对人们的工作、学习和生活带来了重大影响。人们利用互联网的主要方式带来了重大影响。人们利用互联网的主要方式就是通过浏览器访问网站,以便处理数据、获就是通过浏览器访问网站,以便处理数据、获取信息。当人们通过浏览器打开各式各样的网取信息。当人
2、们通过浏览器打开各式各样的网站进行信息处理、享受互联网带给人们巨大便站进行信息处理、享受互联网带给人们巨大便利的同时,好奇的读者也许非常想知道其背后利的同时,好奇的读者也许非常想知道其背后所隐藏的所有实现技术。涉及到的技术是多方所隐藏的所有实现技术。涉及到的技术是多方面的,包括网络技术、数据库技术、面向对象面的,包括网络技术、数据库技术、面向对象技术、图形图像处理技术、多媒体技术、网络技术、图形图像处理技术、多媒体技术、网络和信息安全技术、互联网技术、和信息安全技术、互联网技术、WEB开发技开发技术等等。其中术等等。其中Web开发技术是互联网应用中最开发技术是互联网应用中最为关键技术之一。为关
3、键技术之一。n1.1 WEB技术基础知识技术基础知识 n1.2 WEB基本技术介绍基本技术介绍 n1.3 WEB2.0概述概述n1.1.1 什么是什么是WEB?n1.1.2 什么是什么是WEB服务器?服务器?n1.1.3 什么是什么是WEB页面?页面?n1.1.4 统一资源定位符统一资源定位符URLn1.1.5 浏览器的工作机理及种类浏览器的工作机理及种类n1.1.6 C/S模式与模式与B/S模式模式n1.1.7 WEB访问的机理访问的机理n1.1.8 WEB开发平台的组成开发平台的组成n1.1.9 常用常用WEB开发工具开发工具 n1.2.1 HTML技术技术n1.2.2 DHTML技术技术
4、n1.2.3 什么是什么是Java Appletn1.2.4 JavaScript与与 VBScriptn1.2.5 ActiveXn1.2.6 CGI技术技术n1.2.7 PHPn1.2.8 JSPn1.2.9 ASP/ASP.NETn1.2.10 XMLn1.2.11 什么是什么是XHTML?n1.2.12 ADO/ADO.NETn1.2.13 Web Service n1.3.1 Ajaxn1.3.2 网志网志Blogn1.3.3 社会书签社会书签n1.3.4 维基百科维基百科Wikin1.3.5 内容聚合内容聚合RSSnInternet是一个网络上的网络,或者说是一个是一个网络上的网络
5、,或者说是一个全球范围的网间网。在全球范围的网间网。在Internet中分布了成千中分布了成千上万的计算机,这些计算机扮演的角色和所起上万的计算机,这些计算机扮演的角色和所起的作用各不相同。有的计算机可以收发电子邮的作用各不相同。有的计算机可以收发电子邮件,有的可以为用户传输文件,有的负责对域件,有的可以为用户传输文件,有的负责对域名进行解析,更多的机器则用于组织并展示相名进行解析,更多的机器则用于组织并展示相关的信息资源,方便用户的获取。所有这些承关的信息资源,方便用户的获取。所有这些承担服务任务的计算机统称为服务器。根据服务担服务任务的计算机统称为服务器。根据服务的特点,又可分为邮件服务器
6、、文件传输服务的特点,又可分为邮件服务器、文件传输服务器、域名服务器(器、域名服务器(DNS)和)和Web服务器等。服务器等。Web就由互联网上的上述各种各样的服务器相就由互联网上的上述各种各样的服务器相互连接组成。互连接组成。nWeb服务器又称服务器又称WWW服务器、网站服务器、服务器、网站服务器、站点服务器,就是将本地的信息用超文本站点服务器,就是将本地的信息用超文本(Hypertext)组织,为用户在组织,为用户在Internet上搜上搜索和浏览信息提供服务。从本质上来说索和浏览信息提供服务。从本质上来说Web服服务器实际上就是一个软件系统。一台计算机可务器实际上就是一个软件系统。一台计
7、算机可以充当多个以充当多个WEB服务器,为提高用户的访问服务器,为提高用户的访问效率,一般情况下一台计算机只充当一个效率,一般情况下一台计算机只充当一个WEB服务器;为提供大量用户的访问,多台服务器;为提供大量用户的访问,多台计算机可以形成集群,只提供一个计算机可以形成集群,只提供一个WEB服务。服务。平常,我们将只充当一个平常,我们将只充当一个WEB服务器的一台服务器的一台计算机就叫做计算机就叫做WEB服务器。服务器。nWEB在提供信息服务之前,所有信息都必须以文件方在提供信息服务之前,所有信息都必须以文件方式事先存放在式事先存放在WEB服务器所管辖磁盘中某个文件夹下,服务器所管辖磁盘中某个
8、文件夹下,其中包含了由超文本标记语言其中包含了由超文本标记语言HTML(HyperText Markup Language)组成的文本文件,我们称这些文组成的文本文件,我们称这些文本文件为超链接文件,又称网页文件,或称本文件为超链接文件,又称网页文件,或称WEB页面页面文件(文件(Web Page)。)。n当用户通过浏览器在地址栏输入访问网站的网址时,当用户通过浏览器在地址栏输入访问网站的网址时,实际上就是向某个实际上就是向某个WEB服务器发出调用某个页面的请服务器发出调用某个页面的请求。求。WEB服务器收到页面调用请求后,从磁盘中调出服务器收到页面调用请求后,从磁盘中调出该网页进行相关处理后
9、,传回给浏览器显示。在这里,该网页进行相关处理后,传回给浏览器显示。在这里,Web服务器作为一个软件系统,用于管理服务器作为一个软件系统,用于管理Web页面,页面,并使这些页面通过本地网络或并使这些页面通过本地网络或Internet供客户浏览器供客户浏览器使用。图使用。图1-1展示了展示了WEB服务器与服务器与WEB页面的关系。页面的关系。n信息资源放在信息资源放在Web服务器之后,需要将它的地服务器之后,需要将它的地址告诉给用户,以便让用户来访问,这就是统址告诉给用户,以便让用户来访问,这就是统一资源定位符一资源定位符URL(Uniform Resource Locators)的功能,俗称为
10、网址。的功能,俗称为网址。URL字串字串分成三个部分:协议名称、主机名和文件名分成三个部分:协议名称、主机名和文件名(包含路径)。协议名称通常为(包含路径)。协议名称通常为http、Ftp、File等,例如:等,例如:http:/ 则则“/web/a.htm”表示相对表示相对URL地址,等同于地址,等同于“http:/219.153.14.22/web/a.htm”;a.htm文档中若存在文档中若存在“./index.htm”,则表则表示链接上一级目录下的文件示链接上一级目录下的文件index.htm,也是也是URL相对地址。相对地址。n当用户要通过浏览器访问某一个网站,用户必须首先当用户要通
11、过浏览器访问某一个网站,用户必须首先在浏览器的地址栏中输入相应的网址在浏览器的地址栏中输入相应的网址我们称之为我们称之为URLURL地址,接着浏览器将向域名服务器询问该网址对应地址,接着浏览器将向域名服务器询问该网址对应的的IPIP地址,并根据返回的结果直接定位到目标服务器;地址,并根据返回的结果直接定位到目标服务器;服务器与浏览器双方完成通讯握手之后,该网站对应服务器与浏览器双方完成通讯握手之后,该网站对应的图文数据便被送到浏览器中。如果收到的是的图文数据便被送到浏览器中。如果收到的是HTMLHTML代代码和图片,浏览器对其进行解释之后形成页面显示,码和图片,浏览器对其进行解释之后形成页面显
12、示,而如果遇到扩展名为而如果遇到扩展名为ASPASP、CGICGI之类的脚本程序,解释之类的脚本程序,解释工作就必须由服务器来完成,浏览器只能被动接收解工作就必须由服务器来完成,浏览器只能被动接收解释的结果并加以显示;当然,如果在结果中遇到释的结果并加以显示;当然,如果在结果中遇到HTMLHTML标记,浏览器就会启动解释程序,然后按标记,浏览器就会启动解释程序,然后按HTMLHTML标记的标记的要求将网页的内容显示在用户面前。要求将网页的内容显示在用户面前。n浏览器主要分成两类,一类是以浏览器主要分成两类,一类是以Lynx为为代表基于字符的代表基于字符的Web客户端程序,主要客户端程序,主要在
13、不具备图形图像功能的计算机上使用。在不具备图形图像功能的计算机上使用。n另一类是以另一类是以NCSA(National Center of Supercomputing Application)开开发的发的Mosaic为代表的、面向多媒体计算为代表的、面向多媒体计算机的机的Web客户端程序,它可以在各种类客户端程序,它可以在各种类型的小型机上运行,也可以在型的小型机上运行,也可以在IBM PC机、机、Macintosh机以及机以及UNIX操作系统平台操作系统平台上运行。上运行。nC/S计算模式将应用一分为二:前端是计算模式将应用一分为二:前端是客户机,几乎所有的应用逻辑都在客户客户机,几乎所有
14、的应用逻辑都在客户端进行和表达,客户机完成与用户的交端进行和表达,客户机完成与用户的交互任务。后端是服务器,它负责后台数互任务。后端是服务器,它负责后台数据的查询和管理、大规模的计算等服务。据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重,称作通常客户端的任务比较繁重,称作“肥肥”客户端,而服务器端的任务较轻,称作客户端,而服务器端的任务较轻,称作“瘦瘦”服务器。服务器。nC/S模式的结构如图模式的结构如图1-3所示所示:nC/S计算模式具有以下几个方面的优点:计算模式具有以下几个方面的优点:通过异种平台集成,能够协调现有的各通过异种平台集成,能够协调现有的各种基础结构:分布式管理
15、;能充分发挥种基础结构:分布式管理;能充分发挥客户端客户端PC的处理能力,安全、稳定、速的处理能力,安全、稳定、速度快,且在适当情况下可脱机操作。度快,且在适当情况下可脱机操作。nB/S模式是一种基于模式是一种基于Web的协同计算模式,是一种三的协同计算模式,是一种三层架构的瘦客户机层架构的瘦客户机/肥服务器的计算模式。第一层为客肥服务器的计算模式。第一层为客户端表示层,与户端表示层,与C/S结构中的结构中的“肥肥”客户端不同,三客户端不同,三层架构中的客户层只保留一个层架构中的客户层只保留一个WEB浏览器,不存放任浏览器,不存放任何应用程序,其运行代码可以从位于第二层何应用程序,其运行代码可
16、以从位于第二层WEB服务服务器下载到本地的浏览器中执行,几乎不需要任何管理器下载到本地的浏览器中执行,几乎不需要任何管理工作。第二层是应用服务器层,由一台或多台服务器工作。第二层是应用服务器层,由一台或多台服务器(Web服务器也位于这一层)组成,处理应用中的所服务器也位于这一层)组成,处理应用中的所有业务逻辑,包括对数据库的访问等工作,该层具有有业务逻辑,包括对数据库的访问等工作,该层具有良好的可扩充性,可以随着应用的需要任意增加服务良好的可扩充性,可以随着应用的需要任意增加服务的数目。第三层是数据中心层,主要由数据库系统组的数目。第三层是数据中心层,主要由数据库系统组成。成。nB/S模式的结
17、构如图模式的结构如图1-4所示。所示。图图1-4 B/S模式结构模式结构nB/S模式与传统的模式与传统的C/S模式相比体现了模式相比体现了集中式计算的优越性:具有良好的开放集中式计算的优越性:具有良好的开放性,利用单一的访问点,用户可以在任性,利用单一的访问点,用户可以在任何地点使用系统;用户可以跨平台以相何地点使用系统;用户可以跨平台以相同的浏览器界面访问系统;因为在客户同的浏览器界面访问系统;因为在客户端只需要安装浏览器,取消了客户端的端只需要安装浏览器,取消了客户端的维护工作,有效地降低了整个系统的运维护工作,有效地降低了整个系统的运行和维护成本。行和维护成本。.NET开发平台开发平台
18、n2000年年6月,微软公司宣布其月,微软公司宣布其.NET战略。战略。2001年,年,ECMA通过了通过了Microsoft提交的提交的C#语言和语言和CLI标准,标准,这两个技术标准构成了这两个技术标准构成了.NET平台的基石。平台的基石。2002年,年,Microsoft正式发布正式发布.NET Framework和和Visual Studio.NET开发工具。开发工具。n微软公司的微软公司的.NET战略揭示了一个全新的境界,提供了战略揭示了一个全新的境界,提供了一个新的软件开发模型。一个新的软件开发模型。.NET战略的一个关键特性在战略的一个关键特性在于它独立于任何特定的语言或平台。它
19、不要求程序员于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反,开发者可使用多使用一种特定的程序语言。相反,开发者可使用多种种.NET兼容语言的任意组合来创建一个兼容语言的任意组合来创建一个.NET应用程序。应用程序。多个程序员可致力于同一个软件项目,但分别采用自多个程序员可致力于同一个软件项目,但分别采用自己最精通的己最精通的.NET语言编写代码。语言编写代码。JAVA EE开发平台开发平台 JAVA EE(JAVA ENTERPRISE EDITION)是纯粹基于是纯粹基于JAVA的解决方案,之前较低版本的解决方案,之前较低版本叫做叫做J2EE。1998年年SUN发
20、布了发布了EJB 1.0标准,标准,EJB为企业级应用中必不可少的数据封装、事为企业级应用中必不可少的数据封装、事务处理、交易控制等功能提供了良好的技术基务处理、交易控制等功能提供了良好的技术基础。础。J2EE平台的三大核心技术平台的三大核心技术SERVLET、JSP和和EJB都已先后问世。都已先后问世。1999年,年,SUN正式正式发布了发布了J2EE的第一个版本。紧接着,遵循的第一个版本。紧接着,遵循J2EE标准,为企业级应用提供支撑平台的各标准,为企业级应用提供支撑平台的各类应用服务软件争先恐后地涌现了出来。类应用服务软件争先恐后地涌现了出来。IBM的的WEBSPHERE、BEA的的WE
21、BLOGIC都是这都是这一领域里最为成功的商业软件平台。一领域里最为成功的商业软件平台。1Sausage HotDog Professional nHOTDOG是较早基于代码的网页设计工是较早基于代码的网页设计工具,支持最新的具,支持最新的WEB标准和扩展,其最标准和扩展,其最具特色的是提供了许多向导工具,能帮具特色的是提供了许多向导工具,能帮助设计者制作页面中的复杂部分。助设计者制作页面中的复杂部分。nHotDog是个功能强大的软件,对于那是个功能强大的软件,对于那些希望在网页中加入些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者,等复杂技术的高级设计者,是个很好
22、的选择。是个很好的选择。2Adobe Dreamweaver、Fireworks、Flash、Golive Dreamweaver友好的界面、功能强大和快捷友好的界面、功能强大和快捷的工具以及可视化特征,可以使初学者直接在的工具以及可视化特征,可以使初学者直接在页面上添加和编辑元素,而不用写源代码,软页面上添加和编辑元素,而不用写源代码,软件会自动将结果转换为件会自动将结果转换为HTML源代码,而且它源代码,而且它还集成了目前最流行的制作网页的多种功能,还集成了目前最流行的制作网页的多种功能,比如可通过层叠样式(比如可通过层叠样式(CSS)格式化文本,通格式化文本,通过表格定位网页元素,通过时
23、间轴实现一些网过表格定位网页元素,通过时间轴实现一些网页的动画,以及可进行源代码编写修改功能等,页的动画,以及可进行源代码编写修改功能等,大大方便了网页设计者。大大方便了网页设计者。nFireworks也是由也是由Macromedia公司开发的一公司开发的一种工具。它以处理网页图片为特长,并可以轻种工具。它以处理网页图片为特长,并可以轻松创作松创作GIF动画。它的出现使动画。它的出现使Web作图发生了作图发生了革命性的变化。革命性的变化。Fireworks是专为网络图像设是专为网络图像设计而开发,内建丰富的支持网络出版功能,比计而开发,内建丰富的支持网络出版功能,比如如Fireworks能够自
24、动切图、生成鼠标动态感能够自动切图、生成鼠标动态感应的应的javascript。而且而且Fireworks 具有十分强具有十分强大的动画功能和一个几乎完美的网络图像生成大的动画功能和一个几乎完美的网络图像生成器器(Export功能功能)。它增强了与。它增强了与Dreamweaver的联系,可以导出为配合的联系,可以导出为配合CSS式样的网页及图式样的网页及图片。片。nFLASH是当今是当今INTERNET上最流行动画作品上最流行动画作品(如网上各种动感网页、如网上各种动感网页、LOGO、广告、广告、MTV、游戏和高质量的课件等游戏和高质量的课件等)的制作工具,并成为的制作工具,并成为事实上的交
25、互式矢量动画标准,就连软件巨头事实上的交互式矢量动画标准,就连软件巨头微软也不得不在其新版的微软也不得不在其新版的INTERNET EXPLORER内嵌内嵌FLASH播放器。播放器。n由于在由于在FLASH中采用了矢量作图技术,各元素中采用了矢量作图技术,各元素均为矢量,因此只用少量的数据就可以描述一均为矢量,因此只用少量的数据就可以描述一个复杂的对象,从而大大减少动画文件的大小。个复杂的对象,从而大大减少动画文件的大小。而且矢量图像还有一个优点,可以真正做到无而且矢量图像还有一个优点,可以真正做到无级放大和缩小,你可以将一幅图像任意地缩放,级放大和缩小,你可以将一幅图像任意地缩放,而不会有任
展开阅读全文