Web技术与应用

Web技术与应用信息科技学院Web技术与应用理论学时:48实验学时:32授课方法:1教、学、做一体化2以案例为任务、驱动教学过程单元模块项目模块工程模块授课目标：把所学基于Web的软件开发知识转化为程序设计能力学习要点：1．掌握Web的基本概念和基础知识。2．熟悉C/S模式与B/S模式的结构。3．了解常用的Web开发工具。4．了解Web开发的基本技术。5.了解Web2.0的特点及相关技术。第1章Web开发技术概述1使用环境和使用方式1）单机系统(计算技术)单用户单任务多用户多任务(VAXPDP)控制台命令方式(串行运行、独占)交互命令方式(交替串行、并发、并行共享)2）网络系统(计算技术通信技术)多用户多任务（物理资源、逻辑资源共享）(C/S模式)(B/S模式)背景知识:背景知识：2应用领域1）数值计算(科学与工程部门)2）信息管理(企事业单位内部、独占性)3）信息服务(全球、全社会、公共信息服务、高度资源共享、信息共享、信息安全）3处理的数据对象1）数值2）字符3）音频、视频等多媒体流式数据背景知识：4程序设计技术方法1）机器语言（依赖硬件、不可移植）2）汇编语言（依赖硬件、不可移植）3）高级语言（面向过程面向对象）4）可视化高级语言（可用控件自动生成源代码）5）基于Web的可视化开发技术（智能化、自动化）（异构网络环境、数据库、图形图象、信息安全）（组件技术、可继承、可嵌入、可扩展，个性化，可靠性、安全性，满足用户需求的动态变化要求，平台越来越高）第1章Web开发技术概述1.1Web技术基础知识1.2Web基本技术介绍1.3Web2.0概述1.1Web技术基础知识1.1.1什么是Web？1.1.2什么是Web服务器？1.1.3什么是Web页面？1.1.4统一资源定位符URL1.1.5浏览器的工作机理及种类1.1.6C/S模式与B/S模式1.1.7Web访问的机理1.1.8Web开发平台的组成1.1.9常用Web开发工具1.2Web基本技术介绍1.2.1HTML技术1.2.2DHTML技术1.2.3什么是JavaApplet1.2.4JavaScript与VBScript1.2.5ActiveX1.2.6CGI技术1.2.7PHP1.2.8JSP1.2.9ASP/ASP.NET1.2.10XML1.2.11什么是XHTML？1.2.12ADO/ADO.NET1.2.13WebServices1.3Web2.0概述1.3.1Ajax1.3.2网志Blog1.3.3社会书签1.3.4维基百科Wiki1.3.5内容聚合RSS什么是Web？Internet是一个网络上的网络，或者说是一个全球范围的网间网。在Internet中分布了成千上万的计算机，这些计算机扮演的角色和所起的作用各不相同。有的计算机可以收发电子邮件，有的可以为用户传输文件，有的负责对域名进行解析，更多的机器则用于组织并展示相关的信息资源，方便用户的获取。所有这些承担服务任务的计算机统称为服务器。根据服务的特点，又可分为邮件服务器、文件传输服务器、域名服务器（DNS）和Web服务器等。Web就由互联网上的上述各种各样的服务器相互连接组成。什么是Web服务器？Web服务器又称服务器、网站服务器、站点服务器，就是将本地的信息用超文本（Hypertext）组织，为用户在Internet上搜索和浏览信息提供服务。从本质上来说Web服务器实际上就是一个软件系统。一台计算机可以充当多个Web服务器，为提高用户的访问效率，一般情况下一台计算机只充当一个Web服务器；为提供大量用户的访问，多台计算机可以形成集群，只提供一个Web服务。平常，我们将只充当一个Web服务器的一台计算机就叫做Web服务器。什么是Web页面？Web在提供信息服务之前，所有信息都必须以文件方式事先存放在Web服务器所管辖磁盘中某个文件夹下，其中包含了由超文本标记语言HTML(HyperTextMarkupLanguage)组成的文本文件，我们称这些文本文件为超链接文件，又称网页文件，或称Web页面文件（WebPage）。当用户通过浏览器在地址栏输入访问网站的网址时，实际上就是向某个Web服务器发出调用某个页面的请求。Web服务器收到页面调用请求后，从磁盘中调出该网页进行相关处理后，传回给浏览器显示。在这里，Web服务器作为一个软件系统，用于管理Web页面，并使这些页面通过本地网络或Internet供客户浏览器使用。图1-1展示了Web服务器与Web页面的关系。什么是Web页面？统一资源定位符URL信息资源放在Web服务器之后，需要将它的地址告诉给用户，以便让用户来访问，这就是统一资源定位符URL（UniformResourceLocators）的功能，俗称为网址。URL字串分成三个部分：协议名称、主机名和文件名（包含路径）。协议名称通常为http、Ftp、File等，例如：为一个URL地址，其中http指的是采用的传输协议是http；为主机名；index.htm为文件名。统一资源定位符URLURL地址有相对地址和绝对地址之分。用浏览器进行浏览页面内容时，手工输入的URL地址只能为绝对地址，相对地址用于网页文档内部的链接地址。假定Web服务器的主目录为d:\jfhb，存在文件index.htm，其下有一个子目录web，存在文件a.htm则“/web/a.htm”表示相对URL地址，等同于“”；a.htm文档中若存在“../index.htm”，则表示链接上一级目录下的文件index.htm，也是URL相对地址。浏览器的工作机理及种类当用户要通过浏览器访问某一个网站，用户必须首先在浏览器的地址栏中输入相应的网址——我们称之为URL地址，接着浏览器将向域名服务器询问该网址对应的IP地址，并根据返回的结果直接定位到目标服务器；服务器与浏览器双方完成通讯握手之后，该网站对应的图文数据便被送到浏览器中。如果收到的是HTML代码和图片，浏览器对其进行解释之后形成页面显示，而如果遇到扩展名为ASP、CGI之类的脚本程序，解释工作就必须由服务器来完成，浏览器只能被动接收解释的结果并加以显示；当然，如果在结果中遇到HTML标记，浏览器就会启动解释程序，然后按HTML标记的要求将网页的内容显示在用户面前。浏览器的工作机理及种类浏览器的工作机理及种类浏览器主要分成两类：一类是以Lynx为代表基于字符的Web客户端程序，主要在不具备图形图像功能的计算机上使用。另一类是以NCSA（NationalCenterofSupercomputingApplication）开发的Mosaic为代表的、面向多媒体计算机的Web客户端程序，它可以在各种类型的小型机上运行，也可以在IBMPC机、Macintosh机以及UNIX操作系统平台上运行。C/S模式与B/S模式C/S计算模式将应用一分为二：前端是客户机，几乎所有的应用逻辑都在客户端进行和表达，客户机完成与用户的交互任务。后端是服务器，它负责后台数据的查询和管理、大规模的计算等服务。通常客户端的任务比较繁重，称作“肥”客户端，而服务器端的任务较轻，称作“瘦”服务器。C/S模式与B/S模式C/S模式的结构如图1-3所示：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模式的结构如图1-4所示。图1-4B/S模式结构C/S模式与B/S模式B/S模式与传统的C/S模式相比体现了集中式计算的优越性：具有良好的开放性，利用单一的访问点，用户可以在任何地点使用系统；用户可以跨平台以相同的浏览器界面访问系统；因为在客户端只需要安装浏览器，取消了客户端的维护工作，有效地降低了整个系统的运行和维护成本。Web访问的机理Web开发平台的组成.NET开发平台2000年6月，微软公司宣布其.NET战略。2001年，ECMA通过了Microsoft提交的C#语言和CLI标准，这两个技术标准构成了.NET平台的基石。2002年，Microsoft正式发布.NETFramework和VisualStudio.NET开发工具。微软公司的.NET战略揭示了一个全新的境界，提供了一个新的软件开发模型。.NET战略的一个关键特性在于它独立于任何特定的语言或平台。它不要求程序员使用一种特定的程序语言。相反，开发者可使用多种.NET兼容语言的任意组合来创建一个.NET应用程序。多个程序员可致力于同一个软件项目，但分别采用自己最精通的.NET语言编写代码。Web开发平台的组成JavaEE开发平台JavaEE（JavaENTERPRISEEDITION）是纯粹基于Java的解决方案，之前较低版本叫做J2EE。1998年SUN发布了EJB1.0标准，EJB为企业级应用中必不可少的数据封装、事务处理、交易控制等功能提供了良好的技术基础。J2EE平台的三大核心技术SERVLET、JSP和EJB都已先后问世。1999年，SUN正式发布了J2EE的第一个版本。紧接着，遵循J2EE标准，为企业级应用提供支撑平台的各类应用服务软件争先恐后地涌现了出来。IBM的WebSphere、BEA的WebLogic都是这一领域里最为成功的商业软件平台。网页制作工具1．SausageHotDogProfessionalHotDog是较早基于代码的网页设计工具，支持最新的Web标准和扩展，其最具特色的是提供了许多向导工具，能帮助设计者制作页面中的复杂部分。HotDog是个功能强大的软件，对于那些希望在网页中加入CSS、Java、RealVideo等复杂技术的高级设计者，是个很好的选择。网页制作工具2．AdobeDreamweaver、Fireworks、Flash、GoliveDreamweaver友好的界面、功能强大和快捷的工具以及可视化特征，可以使初学者直接在页面上添加和编辑元素，而不用写源代码，软件会自动将结果转换为HTML源代码，而且它还集成了目前最流行的制作网页的多种功能，比如可通过层叠样式（CSS）格式化文本，通过表格定位网页元素，通过时间轴实现一些网页的动画，以及可进行源代码编写修改功能等，大大方便了网页设计者。网页制作工具Fireworks也是由Macromedia公司开发的一种工具。它以处理网页图片为特长，并可以轻松创作GIF动画。它的出现使Web作图发生了革命性的变化。Fireworks是专为网络图像设计而开发，内建丰富的支持网络出版功能，比如Fireworks能够自动切图、生成鼠标动态感应的javascript。而且Fireworks具有十分强大的动画功能和一个几乎完美的网络图像生成器(Export功能)。它增强了与Dreamweaver的联系，可以导出为配合CSS式样的网页及图片。网页制作工具Flash是当今INTERNET上最流行动画作品(如网上各种动感网页、LOGO、广告、MTV、游戏和高质量的课件等)的制作工具，并成为事实上的交互式矢量动画标