基于开放平台的Web开发课件

,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,第1章 基于开放平台Web开发环境 39-,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,第1章 基于开放平台Web开发环境 39-,*,第1章 基于开放平台Web开发环境 39-,1,第,1,章 基于开放平台的,Web,开发环境,本章内容,什么是万维网？,HTML,简介,万维网的动态服务机制,Web,服务器安装与测试,第1章 基于开放平台Web开发环境 39-1第1章 基于开,第1章 基于开放平台Web开发环境 39-,2,万维网、超文本、超媒体,万维网,(World Wide Web,，,WWW,，,Web),是因特网所提供的服务项目之一,一个分布式超文本系统,它的文件可与同一机器上的其他文件的链,也可与在网络上的不同计算机上的文件链接,万维网也是个超媒体系统，它的文件可以包括声音、图像以及其它媒体如视频信息等,第1章 基于开放平台Web开发环境 39-2万维网、超文本,第1章 基于开放平台Web开发环境 39-,3,主导万维网发展的组织,-W3C,第1章 基于开放平台Web开发环境 39-3主导万维网发展,第1章 基于开放平台Web开发环境 39-,4,万维网的四大件,因特网,指全球公用计算机互联网络，是万维网存在的基础,除了因特网基础，万维网由四个部分组成：,Web,服务器,、,浏览器,、,HTTP,和,HTML,浏览器,用于查看万维网的,网页,，网页可以包含文本、图片、动画、声音等元素，主要由,HTML,(Hypertext Markup Language),语言构成并驻留在世界各地的网站上。,第1章 基于开放平台Web开发环境 39-4万维网的四大件,第1章 基于开放平台Web开发环境 39-,5,请求,vs.,响应,用户上网浏览网页，实际上是发送,请求,到,Web,服务器上：请求它发送将某些些特定的文件（通常是超文本和图片）,作为,响应，,服务器把这些文件送到用户计算机上，而浏览器通过对,HTML,语言的解读，将,Web,服务器送来的文件展现在浏览器窗口,第1章 基于开放平台Web开发环境 39-5请求 vs.,第1章 基于开放平台Web开发环境 39-,6,Web Site,、,server,、,document,什么是网站（,Web Site,）呢？,网站,就是指放在,Web,服务器,(Web server),上的一系列,网页文档,（,Web documents,）,而,Web,服务器,，就是在因特网上昼夜不停地运行某些特别的程序的计算机，使得世界各地的用户可随时对其进行访问,网页文档不同于网页文件，一般意义上的网页文档（或网页）是由一系列,网页对象（,Web Objects,）,或网页文件组成的,第1章 基于开放平台Web开发环境 39-6Web Sit,第1章 基于开放平台Web开发环境 39-,7,超文本,（,hypertext,）,超文本可以通过文档中的超链接打开另一个相关的文档，把地理上分散存储的电子文档信息相互链接,超链接,是内嵌在文本或都图像中的：,文本超链接,在浏览器中通常带下划线,图像超链接,有时不容易分辨，但鼠标指针碰到它，通常会变成手指状,第1章 基于开放平台Web开发环境 39-7超文本（hyp,第1章 基于开放平台Web开发环境 39-,8,万维网指南针,-URL,万维网的使用非常简单，用户唯一的困难是确定主题的起始点,不过万维网的寻址机制,统一资源定位器（,URL,）、索引、目录和搜索工具等可以帮助用户解决这个问题,第1章 基于开放平台Web开发环境 39-8万维网指南针-,第1章 基于开放平台Web开发环境 39-,9,URL,的结构,统一资源定位器,（,Uniform Resource Locator,，,URL,）是专为标识因特网上资源位置而设的一种编址方式,URL,一般由三部分组成：,传输协议,:/,主机,IP,地址或主机域名,/,资源所在路径和文件名,第1章 基于开放平台Web开发环境 39-9URL的结构统,第1章 基于开放平台Web开发环境 39-,10,URL,支持的常用协议,URL,用于定位和标识因特网服务或文件：,http,：定位在,Web,服务器上文件,file,：定位在本地主机或局域网上文件,ftp,：定位在,FTP,服务器上文件,telnet,：将用户连接到一个支持,Telnet,远程登录的服务器上,第1章 基于开放平台Web开发环境 39-10URL支持的,第1章 基于开放平台Web开发环境 39-,11,如何理解,URL,URL,结构类似于,DOS,中的目录。例如：,http:/www.ctec.xjtu.edu/bbs/index.htm,如,http,表示超文本传输协议，相当于驱动器符号；,www.ctec.xjtu.edu,是站点名，类似根目录；,bbs,为子目录,index.html,为文件名,标识因特网上的资源位置可用下列三种方式：,IP,地址：例如“,202.117.35.170”,域名地址：例如“,”,URL,：例如“,http:/”,第1章 基于开放平台Web开发环境 39-11如何理解UR,第1章 基于开放平台Web开发环境 39-,12,HTTP,协议,浏览器向服务器请求网页服务，服务器响应请求向用户发送网页，都需要遵循一定的规程或协议，而,超文本传输协议,（,HyperText Transfer Protocol,，,HTTP,）,就是用来在因特网上传送超文本的通信协议,HTTP,是运行是,TCP/IP,协议的应用协议之一，是因特网上应用最为频繁的协议,第1章 基于开放平台Web开发环境 39-12HTTP协议,第1章 基于开放平台Web开发环境 39-,13,浏览器、,Web,服务器、,HTTP,浏览器,是实现,HTTP,协议的,客户端,(client),程序，当用户在浏览器地址栏中输入一个,URL,或点击一个超链接时，浏览器就向服务器发出了,HTTP,请求（,首先发言者,）,Web,服务器（,Server,）收到请求后，进行相关文档的检索并以,HTTP,规定的格式送回所要求的文件或其他相关信息,用户计算机上的浏览器负责解释和显示,第1章 基于开放平台Web开发环境 39-13浏览器、We,第1章 基于开放平台Web开发环境 39-,14,HTML,的起源,HTML,是万维网的基本规范之一，最初由蒂姆,.,本尼斯李,(Tim Berners-Lee),在,1989,制定的,HTML,的设计初衷是，,HTML,格式将允许科学家们透明地共享网络上的信息，即使各人使用的计算机差别很大。,第1章 基于开放平台Web开发环境 39-14HTML的起,第1章 基于开放平台Web开发环境 39-,15,HTML,必须具备的特点,独立于平台,（即计算机硬件和操作系统）：文档可以在具有不同性能（即字体、图形和颜色差异）的计算机上以相似的形式显示文档内容,超文本,：允许文档中的任何文字或词组,参照,另一文档，这个特性将允许用户在不同计算机中的,文档之间,及,文档内部,的漫游。,精确的结构化文档,：以支持更高级别应用：,HTML,文档和其它格式文档间互相转换,搜索引擎。,第1章 基于开放平台Web开发环境 39-15HTML必须,第1章 基于开放平台Web开发环境 39-,16,HTML,文档组成,在万维网中传送的文档，绝大部分使用超文本标记语言编写，称为,HTML,文档（,HTML document,）,。,一般的,HTML,文档是由若干对象（,objects,）构成的，其中必须有一个,基本,HTML,文件,(base HTML file),，其他对象可以是图像、声音、视频等各种与基本文件存在链接关系的文件。,在基本,HTML,文件中，只允许两种元素存在，一种是所谓,HTML,标记,，另一种则是,普通文本,第1章 基于开放平台Web开发环境 39-16HTML文档,第1章 基于开放平台Web开发环境 39-,17,HTML,文档结构,网页的标题,这里是网页主体内容,第1章 基于开放平台Web开发环境 39-17HTML文档,第1章 基于开放平台Web开发环境 39-,18,有关,HTML,标记的一些约定,超文本标记用“,”,表示,超文本标记一般成对出现，用带“,/”,的标记表示结束,成对出现的超文本标记亦称,容器元素,但有些标记只有起始标记而没有结束标记,(,亦称,空元素,),。,超文本标记可以忽略字母的大小写,第1章 基于开放平台Web开发环境 39-18有关HTML,第1章 基于开放平台Web开发环境 39-,19,因特网的主要应用模式,Client/Server:,因特网的主要应用范式,Browser/Server,：因特网上的最主要应用形式，也就是万维网,HTML,：万维网上的应用语言,第1章 基于开放平台Web开发环境 39-19因特网的主要,第1章 基于开放平台Web开发环境 39-,20,万维网应用的发展,万维网发明已经有近,20,年的历史，它大大促进了网络的应用与普及,随着应用的深入，万维网已经从一个信息发布的平台，逐步演变为信息处理平台,社会大量利用万维网技术来构建服务于企事业单位内部,/,外部的信息系统,万维网技术从静态内容发展到动态的交互,第1章 基于开放平台Web开发环境 39-20万维网应用的,第1章 基于开放平台Web开发环境 39-,21,Web,服务平台应用的三种主要形式,静态网页,(HTML),客户端动态网页,(,Active Document,下载程序到客户端主机执行,以,DHTML,为代表,),服务器端动态网页,(,Dynamic Document,，在服务器端执行程序，把结果送给浏览器，以,ASP,、,JSP,、,PHP,为代表）,第1章 基于开放平台Web开发环境 39-21Web服务平,第1章 基于开放平台Web开发环境 39-,22,Web,服务平台应用的三种形式（图示）,第1章 基于开放平台Web开发环境 39-22Web服务平,第1章 基于开放平台Web开发环境 39-,23,DHTML vs.ASP/JSP/PHP,DHTML,存在比较严重的厂家标准冲突，统一标准存在障碍，导致不同厂家的浏览器不能得到相同的效果,ASP/JSP/PHP,主要在服务器端执行，输出结果为,HTML,不存在标准冲突，成为,e-Business,的主要解决方案,第1章 基于开放平台Web开发环境 39-23DHTML,第1章 基于开放平台Web开发环境 39-,24,普通网站的基本组件,实用,Web,站点一般都需要以下基本组件：,Web,服务器,数据库服务器,静态和动态网页,其他相关服务器（,Mail,、,FTP,等）,中间件（常见,JSP/ASP/PHP,实现）,第1章 基于开放平台Web开发环境 39-24普通网站的基,第1章 基于开放平台Web开发环境 39-,25,普通网站的基本组件（图示）,第1章 基于开放平台Web开发环境 39-25普通网站的基,第1章 基于开放平台Web开发环境 39-,26,Apache Friends,Apache server,是世界上,Web,服务器的,No.1,Apache Friends,整合了一批与网站服务相关的服务器软件（,FTP,Mail,DBMS,），其他应用软件（,Webliazer,）和应用示例,For windows(xampp),for Linux(lampp),第1章 基于开放平台Web开发环境 39-26Apache,第1章 基于开放平台Web开发环境 39-,27,Apache Friends,的用途,方便,Web,服务平台的安装、测试,动态网页的设计、测试,网站数据库的设计、测试,进行课件：,netclass,的安装、课程举例,Web,应用软件和信息的调试和评估,第1章 基于开放平台Web开发环境 39-27Ap