第9章Web应用技术.ppt
《第9章Web应用技术.ppt》由会员分享,可在线阅读,更多相关《第9章Web应用技术.ppt(47页珍藏版)》请在麦多课文档分享上搜索。
1、第9章 Web应用技术,学习目的,掌握Web工作原理 理解Web浏览器和服务器之间的交互方式 理解HTML文档结构及表示信息的方法 理解XML信息的表示方式及其用途 了解Web Service的基本架构 了解Web2.0的特征及Web的发展方向,本讲内容,Web概述 超文本标记语言HTML 可扩展标记语言XML Web Service Web 2.0,Web概述,Web的概念 万维网 Web (World Wide Web,简称WWW)由数量巨大且遍布全球的文档组成的,这些文档称为Web页。 Web是Internet技术、超文本技术和多媒体技术相结合的产物,是一个分布式超媒体(hypermed
2、ia)系统。 Web是一个大规模的、联机式的信息储藏所。 Web是跨平台的。,Web概述,Web提供分布式服务,万维网 站点 A,万维网 站点 C,万维网站点 E,万维网站点 D,万维网站点 B,Web概述,Web的三要素 资源在何处 ? 使用统一资源定位符 URL (Uniform Resource Locator)来标识万维网上的各种文档。 使每一个文档在整个因特网的范围内具有惟一的标识符 URL。,:/:/,Web概述,Web的三要素 用什么方法访问资源? 在浏览器与Web服务器之间进行交互所使用的协议是超文本传送协议 HTTP (HyperText Transfer Protocol)
3、。 HTTP 是一个应用层协议,它使用 TCP 连接进行可靠的传送。 HTTP可以在异构系统之间传输数据,是一种基于消息的协议。,Web概述,HTTP协议工作过程,Web概述,Web的三要素 资源及资源之间的关系如何描述? 超文本标记语言HTML (HyperText Markup Language)是用于描述网页文档的一种标记语言。 网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容。 HTML中含有超链接,用于在页面之间建立一定的关联。,Web概述,Web的工作原理 万维网的运行方式是一种典型的浏览器/服务器(B/S)模式。 客户端浏览器和Web服务器
4、之间的信息交换是通过HTTP协议来实现。,本讲内容,Web概述 超文本标记语言HTML 可扩展标记语言XML Web Service Web 2.0,HTML,HTML的基本构成 HTML是互联网中应用最为广泛的标记语言,是一种通过利用各种标记(tag)来标识文档的结构和超链接(Hyperlink)的规范,具有 World Wide Web 的通用出版语言之称。 HTML文档主要包含文档数据和显示格式两部分,其中文档数据是显示在浏览器中的数据内容,显示格式则规定了这些内容在浏览器中以何种形式呈现给用户。,HTML,HTML的基本构成 HTML页面内容由元素(标记)、属性和字符实体组成 元素(标
5、记) HTML定义了大量的标记,其中许多标记是成对出现的,以“”开始,并以“”结束,一对标记之间是该标记所影响的范围。 如设置一段文字为一号标题(HTML规定了一号标题H1显示的字体、颜色、大小等)在HTML中,元素和属性均不区分大小写。,HTML,HTML的基本构成 元素(标记) HTML的标记有四类,HTML,HTML的基本构成 属性 属性是用来修饰和定制元素的,每个元素至少有两个属性,分别是id属性和class属性。 HTML中的属性有数百种,不同的元素具有不同的属性。 如设置一号标题H1的属性,HTML,HTML的基本构成 字符实体 一些字符在 HTML 中拥有特殊的含义,比如小于号
6、() 用于定义 HTML 标签的开始。如果希望浏览器正确地显示这些字符,必须在 HTML 源码中插入字符实体。,HTML,HTML文档 文档结构 一个HTML文档以标记开始,以标记结束 HTML文档分为文件头和文件体两个部分 head部分一般有、等标记 body部分是浏览器要显示的内容 页面中图片通过标记来嵌入,超链接通过标记来描述。,HTML,HTML文档 一个简单的HTML文档,HTML,层叠样式表CSS 为了解决HTML的结构化问题和实现Web中的总体外观控制,W3C于1996年底公布了层叠样式表(Cascading Style Sheet,CSS)规范。 层叠是指对于容器元素制定的所有
7、选项,将被自动地应用到其包含的所有元素中; 样式表是指将页面及文字的设置类型包含在一起而记录的表,这些表中定义好了元素的属性,在相关网页的各个部分,能够共享这类定义好的格式。,HTML,层叠样式表CSS CSS的类型有内联型、嵌入型、外部型三种。 内联样式表 实在现有HTML元素的基础上,用style属性把特殊的样式直接加入到控制信息的标记中。 该设定方法的作用范围仅为当前元素。 如设置段落的字体颜色和左外边距 (对后的内容无影响),HTML,层叠样式表CSS 嵌入样式表 在文件头和内使用标签来设定 该设定方法的作用范围为当前页面 如设置当前文档的背景色为红色、所有段落的左边距为20像素,HT
8、ML,层叠样式表CSS 外部样式表 将样式表作为一个独立的文件,在需要的页面中将其连接进来 该设定方法的作用范围内为页面群 以下代码将mystyle.css样式文件引入当前HTML页面。,HTML,层叠样式表CSS CSS的主要作用 将格式和结构分离 控制页面布局 制作出体积更小下载更快的网页 更快更容易地维护及更新大量的网页,本讲内容,Web概述 超文本标记语言HTML 可扩展标记语言XML Web Service Web 2.0,XML,XML简介 XML和Java是Internet应用中的两个核心技术。Java提供了程序代码的平台无关性,而XML则保证了数据的平台无关性。 XML(Ext
- 1.请仔细阅读文档,确保文档完整性,对于不预览、不比对内容而直接下载带来的问题本站不予受理。
- 2.下载的文档,不会出现我们的网址水印。
- 3、该文档所得收入(下载+内容+预览)归上传者、原创作者;如果您是本文档原作者,请点此认领!既往收益都归您。
下载文档到电脑,查找使用更方便
2000 积分 0人已下载
下载 | 加入VIP,交流精品资源 |
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- WEB 应用技术 PPT
