超媒体和Web系统JC.pptx

Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,*,*,第,7,章 超媒体与Web系统,7,.1 超文本和超媒体概念,7,.2 超文本和超媒体系统,7,.3 超文本和超媒体应用,7,.4 存在问题及发展前景,1,第1页,7,.1 超文本和超媒体概念,超文本和超媒体主要特点,访问方式和系统特征,超文本与超媒体示例,2,第2页,超文本与超媒体,能不能像人类思维那样以经过,“,联想,”,来明确信息关联性？,信息爆炸,现有信息存放与检索机制,造成：信息不能被,全方面而有效利用,矛盾,比文本更高一层次,信息管理技术,，“,超文本,”,3,第3页,文本,(Text),是什么？,文本是我们最熟悉信息表示方式。文章、程序、书、文件等都以文本出现，通常以字、句子、段落、节、章作为文本内容逻辑单位，而以字节、行、页、册、卷为物理单位。,什么是超文本（一）,4,第4页,文本线性结构,文本最显著特点是它在组织上是,线性,和,次序,。这种线性结构表达在你读文本时只能按固定线性次序一字一字、一行一行、一页一页地读下去。,5,第5页,什么是超文本（一）,文本,特点,比如：“,英会我文讲,”这句话是无结构；而“,我会讲英文,”就是,有结构一句话。,线性文本,作为一个线性组织表现出贯通主题,单一路径,。,线性,次序,6,第6页,什么是超文本（二）,不过人类,记忆互联网,状结构就可能有,各种路径,，不一样联想检索必定造成不一样路径。,比如：某人对“夏天”一词可能产生下面一系列联想结果。,夏天太阳星星天文学望远镜伽利略比萨斜塔佛教和尚,夏天？,7,第7页,什么是超文本（三）,“夏天”产生联想能够是千差万别,夏天游泳大海鱼吃饭饭盒餐具银器耳环婚礼婚纱白雪,“联想”,网状结构用,纯文本,是无法管理,！,必须采取一个比文本更高一层次信息管理技术，即,超级（Hyper）文本（Text）,。,8,第8页,什么是超文本（四）,超文本结构不是次序,它类似于人类联想记忆结构，采取一个非线性,网状结构,：,节点,基本信息块,链,自然关联,9,第9页,小型超文本示例,A,节点,B,节点,C,节点,D,节点,E,节点,F,节点,6,个节点和,9,条链组成超文本结构,10,第10页,超文本主要特点,没有固定次序，也不要求读者必须按某个次序来阅读。,用户能够主动地决定阅读节点次序。,11,第11页,早期超文本系统表现形式仅是文字，这就是它被称为“,TEXT”,原因。,超媒体,不但能够包含文字，而且还能够包含声音、图形、图像、动画和视频片段，这些媒体之间也是用超级链接组织，而且它们之间链接也是错综复杂。,超媒体,12,第12页,多媒体、数据库与超文本/超媒体,多媒体,超文本,数据库,超媒体,超文本,数据库,超媒体,数据库,多媒体,数据库,13,第13页,超媒体含有以下特点：,各种媒体信息,网络结构形式,交互特征,14,第14页,超文本和超媒体访问方式 超文本和超媒体系统特征,超文本和超媒体是一个经典,数据库技术,由,节点,和表示节点之间关系,链,组成,网,。,每个节点都链接在其它节点上，用户对网进行浏览、查询和注释等操作。,15,第15页,超文本和超媒体访问方式决定于其,内部结构,。,超文本是一个接口模型，它采取“控制按钮”方式组织接口。,“按钮”由作者设置在正文中，用户经过按钮访问下面信息,“链”,访问方式,16,第16页,（,1,）内容,多媒体化,（,2,）,网状,信息结构更它靠近现实世界,（,3,）屏幕中,窗口,和数据库中节点含有对应关系。,超媒体系统基本特征,超,媒体,三要素：节点、,链、网络,17,第17页,（,4,）便于设计者修改、编辑节点和链,（,5,）便于用户进行浏览和查询,（,6,）,具备良好扩充功效，接收不停更新超媒体管理和查询技术。,从交互性角度：,18,第18页,超媒体系统特征:,多媒体化,交互性,19,第19页,超文本与超媒体示例,1,、,操作系统Windows中“帮助”就使用了超文本方式,2,、,电子百科全书、,3,、教学应用,CAI,4,、,旅游信息、软件工程、,20,第20页,详细示例,假设有一位总经理，他自己有电子记事本，他秘书依据他与外商谈判材料按照超文本结构形式组织好了相关材料供总经理使用。下面借助于下列图来说明。,21,第21页,超文本系统节点和网络结构,某人电子记事本：,22,第22页,第8章 超文本和超媒体,8.1 超文本和超媒体概念,8.2 超文本和超媒体系统,8.3 超文本和超媒体应用,8.4 存在问题及发展前景,23,第23页,超文本和超媒体系统,组成要素,特征和组成,导航技术,结构模型,24,第24页,超文本与超媒体组成要素,节点,链,网络,25,第25页,节点,节点是表示信息单位,，是围绕一个特殊主题组织起来数据集合。,节点内容能够很丰富。,26,第26页,表现型,：统计各种媒体信息,如：文本节点、图文节点等,组织型,：用于组织并统计节点间联结关系。,起索引目录作用,即组织节点节点。,节点分为两种类型：,27,第27页,节点基本类型归纳以下：,文本节点 图形节点,图像节点 音频节点,视频节点 混合媒体节点,按钮节点 组织型节点,推理型节点,表现型？,组织型？,28,第28页,表现型节点（一）,文本节点,：,普通在字、词上建键，也就是说链源普通为文本上字词，称为,“,热字,”,。,图形节点,：,普通在位图图像上建链，链源是图像上某一敏感区域，称为,“,热区,”,，经过触发烧区，造成向另一个节点迁移。,29,第29页,表现型节点（二）,声音节点：,是由听觉媒体组成节点，有时称为音乐节点。,它能够是一段录音或者是一段合成声音，同图形一样，它们,也能够嵌套在文本里。,含有交互控制、播放控制、热点设置,详细表现：从一段声音调到另一段声音,时基类媒体,30,第30页,表现型节点（三）,视频节点：,动画和视频都属于动态图像媒体，其特征就是,时间连续性,，信息是视频信息。,节点链源就要与时间相关,了解滞后性,节点必须有交互控制能力,详细表现：从一段视频调到另一段视频,31,第31页,表现型节点（四）,混合媒体节点：,上述介绍节点都是由单个媒体组成节点，,混合媒体节点是以上节点某种组合,。,按钮节点：,也称为,动作与操作,节点，因为动作和操作也是一类媒体。,赋之以人某种操作或动作,。,下一页,按 钮,32,第32页,在面向对象超媒体系统中，惯用到,组织型,节点和,推理型,节点。,组,织型节点：,是用来组织其它节点节点,包含索引文本节点、索引节点,数据库管理,推理型节点：,是用于辅助链推理与计算,包含对象节点、规则节点,上面6种节点类型只表示信息而不表示知识,.,33,第33页,热标（,Hotspot,）,确定信息关联链源。,确定信息之间关联，引发向相关节点转移,不一样媒体有不一样热标,热字（hot-word）,热区（hot-area）,热元（hot-element）,热点（hot-point）:主要用于时基类媒体,热属性（hot-attribution）：把关系数据库中属性作为热源使用,34,第34页,超文本与超媒体组成要素,节点,链,网络,35,第35页,链,超媒体链又称为超链，是节点间信息联络，它以某种形式,将一个节点与其它节点连接起来,。,信息间联络丰富多彩引发链种类复杂多样,但最终到达效果却是一致，即建立起节点之间联络。,36,第36页,链普通结构,链普通结构可分为三个部分：链源、链宿及链属性。,链源,是造成浏览过程中节点迁移,原因,，能够是热标、媒体对象或节点等。,链宿,是链,目标,所在，能够是节点，也能够是其它任何媒体内容。,链属性,决定链基本,类型,。,37,第37页,带热字文本,38,第38页,网络,超文本由节点和链组成网络是一个,有向图,，这种有向图与人工智能中语义网有类似之处。,39,第39页,网络含有以下特征功效,：,超媒体数据库是由,声、文、图,各类节点组成网络。,屏幕中,窗口,和数据库中,节点,是,一一对应,40,第40页,支持标准,窗口操作,，窗口能被重定位、调整大小，关闭或缩小成一个图符。,窗口中可,含有许多链标示符,，它们表示链接到数据库中其它节点链。,作者能够很轻易地,创建节点,和链接新节点链。,用户对数据库进行,浏览和查询,。,41,第41页,宏节点,宏节点,是指链接在一起,节点群,，更准确地说，一个宏节点就是超文本网络一个有某种共同特征子集。,当超媒体信息,网络十分巨大时,，,分层是简化,网络拓扑结构最有效,方法,。,42,第42页,一台计算机,Web,网,跨越计算机链,多个宏节点,多个节点,宏节点,=,跨越网络超链,43,第43页,超媒体系统特征和组成,超媒体系统特征,超媒体系统组成,44,第44页,超媒体系统特征,一个好超媒体系统应含有以下几个主要特征：,1.节点,多媒体,化,2.,网状,信息,链接,结构,3.,导航,工具和导航能力,4.,窗口化,管理功效,5.,共享,数据库等,45,第45页,1.节点多媒体化,含有提供文本、图形、图像、声音、动画和视频片段等,各种媒体能力,，并能用多窗口形式加以表现。,2.网状信息链接结构,含有网状,复杂信息链,接结构，用户能够用不一样方法查询、使用超媒体中各节点内容。,3.导航工具和导航能力,含有良好导航工具和导航能力，能指导用户在超媒体信息网中漫游。含有,预防迷路,伎俩，使用户能够经过定位图确定自己位置。,46,第46页,4.窗口化管理功效,含有窗口化管理功效，包含修改、增加、删除节点和链能力。对节点内容有良好,编辑功效,。,5.共享数据库等,可经过网络,共享,数据库，并能够供多用户使用库内信息；含有,交互,式操作和程序员接口。,47,第47页,超媒体系统组成,超媒体系统普通由,创作,子系统,读者,子系统,支持,子系统,组成,48,第48页,创作子系统：,完成多媒体时空表现,描述,，,建立,超媒体信息网络节点和链，并对已经有超媒体系统进行增加、删除和修改等操作。,读者子系统：,用于,帮助用户使用,超媒体文件和数据。,超媒体系统组成,49,第49页,它要帮助创作子系统和读者子系统完成对超媒体节点、链、热标、宏节点,管理和维护,。,它能,识别,超链成份，并,引导,转向对应目标节点。,它要完成,多媒体信息,存放、输入和输出、数据库管理等工作,假如在网上运行，则支持子系统要帮助用户完成,不一样计算机之间协议连接和通信,，完成用户各种操作。,支持子系统,：,系统,应用内核层,-,实现超媒体服务关键,，,超媒体系统组成,50,第50页,超媒体系统导航技术,超媒体系统信息量大，结构灵活，若没有良好导航工具，,查找信息,如大海捞针,。,经过导航工具，用户能方便地找到所需要信息，并在,迷路时能返回,原地。,51,第51页,现有导航工具主要有以下几个：,1.直接组织器,2.映像图和图形组织器,3.联机指南或帮助,4.传统索引,52,第52页,1.直接组织器,设计者,建立直观,图形、图像和界面，帮助用户存取,能够看到和能够听到数据库,。,2.映像图和图形组织器,图形组织界面给出数据库里链概图，,显示,“内容”在,数据库内位置,；组织映像图给用户,提供浏览路径,。,导航工具,53,第53页,3.联机指南或帮助,统计用户个人浏览路径,，显示系统中链并连成网，由此可看出用户兴趣所在。,4.传统索引,传统,索引表,或其它,文本查询,工具也能够作为导航工具，满足用户习惯。,54,第54页,超文本与超媒体系统结构模型,超文本与超媒体,系统,就是完成并只使用前述超文本或超媒体,软硬件总称,。,从理论上讲可将其划分为三个层次：,表现层用户接口；,超文本抽象机层节点和链；,数据库层存放、共享数据和网络访问。,55,第55页,超文本和超媒体体系结构,56,第56页,数据库层是模型中,最低层,，它包括全部传统相关,信息存放,问题，是为,基础,。,数据库层,超文本系统中信息量大，需要存放信息量也就大,57,第57页,超文本抽象机层是三层模型中,中间层,，这一层决定了超文本系统,节点和链,基本特点，统计了节点之间链关系，并保留了相关节点和链结构信息。,超文本抽象机层,58,第58页,用户接口层也称表示层或用户界面层，是三层模型中,最高层,，也是,超文本系统特殊性主要表现,，并直接影响着超文本系统成功。,用户接口层是超文本和超媒体系统,人机交互界面,。用户接口层决定了信息表现方式、交互操作方式以及导航方式等。,用户接口层,59,第59页,超文本与超媒体系统两个模型,超文本和超媒体系统结构较著名是Cambell和Goodman模型,另一个是从事超文本标准化研究Dexter小组提出Dexter模型。,60,第60页,这两个模型是基本相同，它们都是将超文本和超媒体体系结构分为三个层次，如图所表示。,网状关系,元素内容,用户工具,61,第61页,第8章 超文本和超媒体,8.1 超文本和超媒体概念,8.2 超文本和超媒体系统,8.3 超文本和超媒体应用,8.4 存在问题及发展前景,62,第62页,超文本与超媒体应用,伴随多媒体技术发展，超文本与超媒体技术，含有,辽阔应用前景,。,超文本与超媒体组织和管理信息方式,符合人们“联想”思维习惯,。适合于非线性数据组织形式，以它独特表现方式，得到了广泛应用。,63,第63页,多媒体信息管理,超媒体被许多人称为“天然”多媒体信息管理技术。,百科全书、词典、各种专业参考书、科技期刊中。,有效组织，使得用户使用起来愈加方便,64,第64页,个人学习、工作辅助与办公自动化,超文本与超媒体应用于,办公自动化中,，改变了人们传统工作方式和思维习惯，提供人们更为形象、直观工作环境，极大地提升了工作效益和效率。,65,第65页,商业展示、产品广告和指南,超媒体化产品和广告、单位形象介绍、展览会展示、旅游和饭店指南、机场和车站查询机等都为用户提供了一个,很好展示方式,。,66,第66页,娱乐（音乐、小说、电影）和休闲,超媒体神化故事、侦探小说、报纸和刊物、家庭菜谱、电子游戏等，为家庭休闲和娱乐开辟了新路径。,67,第67页,“交互式小说”和“交互式电影”，用超媒体组织素材，由读者和观众自己编辑，按自己兴趣和愿望去改变主人翁命运和结局。,68,第68页,WWW中超文本和超媒体,Internet提供了世界范围内网络互连和通信功效。,WWW,(World Wide Web,环球信息网,)是Internet中最正确,信息检索体系,。,它以,基于客户/服务器工作方式,，经过超文本文件，把全世界不一样地点服务器相关信息有机地结合了起来。,服务器,浏览器,69,第69页,WWW客户程序成为浏览器,运行在客户机上，利用超文本传输协议向服务器,发出请求,，,访问服务器,上超文本和超媒体信息，并在客户端上以多媒体形式,表现,出来。,通信,两个,协议,：,超文本,传输协议,(Hyper Text Transfer Protocol,HTTP),，,提供联络方式及信息,传送格式,。,超文本,标识语言,(Hyper Text Markup Language,HTML),，,提供表现界面与超文本链接,标识语言,。,70,第70页,超文本,传输协议,HTTP,HTTP,协议运行在客户程序和服务器程序中。不一样端系统上客户程序和服务器程序经过交换,HTTP,消息彼此交流。,HTTP,定义,Web,客户(即浏览器)怎样从,web,服务器请求,Web,页面，以及服务器怎样把,Web,页面传送给客户。,71,第71页,HTTP消息,请求消息示例：,GET www.w3.org/hypertext/www/TheProject.html HTTP/1.0,方法,协议,宿主名,目录与文件名,协议版本,客户发出消息,服务器响应消息,72,第72页,SGML,HTML,XML,超文本标识语言,73,第73页,SGML,标准通用标识语言,（Standard Generalized Markup Language，SGML）是1988年一个国际标准。,SGML是一个用标识来描述文档资料通用语言。,早在Web未创造之前，SGML就早已存在。,74,第74页,SGML,要求了,在文档中嵌入描述标识,标准格式,，指定了描述文档结构,标准方法,。,SGML是一个包含超文本链接（hypertext links）综合语言，在Web上使用HTML格式是使用固定标签集一个SGML文档。,SGML 语法是能够扩展。,75,第75页,HTML,超文本标识语言,（HyperText Markup Language，HTML）是一个用来,创作万维网页面描述语言,。,HTML是从SGML导出语言，,是SGML一个子集,。使用HTML创作文档是一套固定标签SGML文档。,76,第76页,2,HTML,文档结构,正文内容,告诉浏览器,HTML,文件开始和结束,HTML,文件头部标识,HTML,文件主体标识,文档名称标识,HTML,文档基本结构以下：,77,第77页,XML,可扩展标识语言,（Extensible Markup Language，XML）是一个新型标识语言。它同HTML一样，,都来自,SGML。,XML是,一个,精简SGML，它将SGML丰富功效与HTML易用性结合到Web应用中。,78,第78页,1,XML,文档基本结构,例：一个简单,XML,文档,第一行是,XML,申明，定义此文档所遵照,XML,标准版本，在这个例子里是,1.0,版本标准，使用是,ISO-8859-1,字符集。后面几行是文档元素，其中，“,note”,是“大”元素，在“大”元素中包含若干“小”元素，如“,to”,、“,from”,等。,Lin,Ordm,Reminder,Dont forget me this weekend!,79,第79页,XML保留了SGML,可扩展功效,。,XML不再是固定标识，,允许定义数量不限标识,来描述文档中资料，,允许嵌套,信息结构。,HTML,只是Web,显示数据,通用方法，而,XML,提供了一个直接,处理 Web 数据,通用方法。,HTML,着重描述Web页面,显示格式,，而,XML,着重描述是Web页面,内容,。,XML,与,HTML,区分,80,第80页,XML应用可分为四类：,用于客户需要,与不一样数据源进行交互,时。,应用于将,大量运算负荷分布在客户端,，即客户可依据自己需求选择和制作不一样应用程序以处理数据，而,服务器只须发出同一个XML文件,。,应用于将,同一数据,以,不一样面貌,展现给不一样用户。这一应用也可在上例中表达出来。,应用于,网络代理对,所取得,信息进行编辑,、增减以适应个人用户需要。,81,第81页,虚拟现实在Internet上应用有：,远程教育,商业应用,娱乐,82,第82页,第8章 超文本和超媒体,8.1 超文本和超媒体概念,8.2 超文本和超媒体系统,8.3 超文本和超媒体应用,8.4 存在问题及发展前景,83,第83页,超文本与超媒体存在问题,超文本与超媒体是一项正在发展中技术，即使它有许多独特优点，但也存在许多不够完善方面。,84,第84页,信息组织,超文本信息是以节点作为单位。,怎样把一个复杂信息系统划分成信息块,是一个较困难问题。,比如一篇文章，一个主题，又可能分成几个观点，而不一样主题观点又相互联络，而为这些联络分割开来，就会破坏文章本身表示思想。这么节点组织和安排就可能要重复调整和组织。,85,第85页,智能化,即使大多数超文本系统提供了许多帮助用户阅读辅助信息和直观表示。但因超文本系统,控制权完全交给了用户,，当用户接触一个不熟悉题目时，可能会在,网络中迷失,方向。,要彻底处理这一问题，还需要研究更有效方法，这实际上是要超文本系统,含有某种智能性,，而不是只能被动地沿链跳转。超文本在结构上是人工智能有着相同之处，使它们有机结合将成为超文本与超媒体系统必定趋势。,86,第86页,数据转换,超文本系统数据组织与现有各种数据库文件系统,格式完全不一样,。引入超文本系统后，怎样为传统数据库数据转换到超文本中也是一个问题。,87,第87页,兼容性,当前超文本系统大都是,依据用户要求分别设计,，它们之间没有考虑到兼容性问题，也,没有统一标准可循,。所以要尽快制订标准并加强对版本控制。标准化是超文本系统一个主要问题，没有标准化，各个超文本系统之间就无法沟通，信息就不能共享。,88,第88页,扩充性,现有超文本系统，有待于提升,检索和查询速度,，增强信息管理结构和组织灵活性，方便提供方便系统扩充伎俩。,89,第89页,6,媒体间协调性,超文本向超媒体发展,也带来了一系列需要深入研究问题，,如,多媒体数据怎样组织,，各种媒体间怎样协调，节点和链怎样表示；对音频和视频这一类与时间有亲密关系媒体引入到超文本中，对系统体系结构将产生什么样影响，当各种媒体数据作为节点和链内容时，媒体信息,时间和空间划分,，内容之间合理组织都是在多媒体数据模型建立时要认真处理问题。,90,第90页,超文本与超媒体发展前景,由超文本向超媒体发展,由超媒体向智能超媒体发展,由超媒体向协作超媒体发展,91,第91页,由超文本向超媒体发展,从超文本到超媒体是技术发展进步，也是技术发展必定性。,超文本向超媒体转变不但是将文本媒体扩展到其它媒体，而且还要能使系统,自动地判断媒体类型,，并执行对应操作。对图像热区，视频热点等都能引发类似于热字反应，多媒体表现及基本内容检索等。超文本向超媒体转变，大大地增强了功效和性能，也增加了系统实现难度。,92,第92页,由超媒体向智能超媒体发展,在超媒体技术研究中,有些人提出智能超媒体或教授超媒体（,Expertext,）。这种超媒体打破了常规超媒体文件内部和它们之间严格链限制，,在超媒体链和节点中嵌入知识或规则,允许链进行计算和推理,使得多媒体信息表现含有智能化。,93,第93页,由超媒体向协作超媒体发展,超媒体建立了信息之间链接关系，那么也可用超媒体技术建立,人与人之间链接关系,，这就是协作超媒体技术。超媒体节点与链概念使之成为支持协同性工作自然工具。协同工作使得,多个用户能够同一组超媒体数据上共同进行操作,。这么未来电子邮政、公共提醒板等都可能应用到超媒体系统中。,94,第94页,附：html与xml,95,第95页,1,HTML,概述,超文本标识语言,(HyperText Makeup Language,，,HTML),是一个文本类、解释执行、用来制作超文本文件简单,标识语言,。,一个,HTML,文挡通常由文档头、文档名称、表格、段落和列表等文档元素组成，而且使用,HTML,要求标识来标识这些元素。,HTML,专长是将文件数据,显示在浏览器中,，它提供了很多与显示内容相关标识，这些标识都是系统定义，用户无法自定义所要标识。就普通使用，,HTML,所提供标识还是够用，而且当前市面上很多网页制作软件，均支持,HTML,文件格式。,96,第96页,2,HTML,文档结构,正文内容,告诉浏览器,HTML,文件开始和结束,HTML,文件头部标识,HTML,文件主体标识,文档名称标识,HTML,文档基本结构以下：,97,第97页,3,链接标识,连接,是指将文档中文本或者图像与另一个文档、文档一部分或者另一幅图像等内容链接在一起。,在,HTML,中，链接基本格式是：,链接名,属性,href,是不可缺乏，其值能够是,URL,形式或,mailto,形式。,比如：,欢迎光临清毅盲人网,超链接三种类型：,内部链接：指向文档内部链接,外部链接：指向非当地服务器上文档链接,当地链接：指向当地服务器或计算机汉字档链接,98,第98页,4,多媒体标识,插入图像,(1),内联图象,内联图像,是指与,Web,网页中文本一起下载和显示图像，表现为,文本和图像显示在同一网页上,，在,HTML,文档中插入图像文件格式以下,:,例,1,99,第99页,插入内联图像,内联图像,例,1,：内联图像,运行结果,100,第100页,4,多媒体标识,插入图像,(,),外联图像,当内联图像很大时，浏览网页时就需要花很长时间来下载图片。处理这个问题方法是用文字或小内联图像来代表大图像，而把大图像看成一个单独文档，再把文字或者图标与大图像链接在一起，当用鼠标单击这个链接后，,大图像显示在另一个窗口中，这种图像就称为外联图像,链接外联图像能够使用下面语句：,例,101,第101页,插入外联图象,外联图象,用文字代表大图像,例,2,：外联图像,运行结果,102,第102页,4,多媒体标识,插入图像,(3),图像作为网页背景,例,3,使用图像作为网页背景可使用下面语句：,background,属性指定图像文件，其值为背景图像,URL,地址。浏览器将其平铺，充满整个网页。,103,第103页,图像作为网页背景,例,3,：图像作为网页背景,运行结果,104,第104页,4,多媒体标识,插入声音或视频,(1),在文档中链接声音或视频文件,插入声音和视频,声音文件,视频文件,例,4,：插入声音和视频文件,在,HTML,文档中，使用与外联图像类似语句把声音文件或视频文件链接到文档中，,差异只是文件扩展名不一样,。,运行结果,105,第105页,4,多媒体标识,插入声音或视频,(,),在文档中嵌入声音或视频文件,把声音或视频文件嵌入到,HTML,文档中，能够使用下面代码：,上面代码在页面中插入一个,Media Player(,视频,),播放器来播放音、视频，参数值默认,0,为否，,-1,或,1,为是。,例,5,106,第106页,嵌入视频,视频文件,例,5,：嵌入视频文件,运行结果,107,第107页,4,多媒体标识,插入声音或视频,(3),在文档中嵌入背景音乐,在页面中还能够嵌入背景音乐，这种音乐多以,MIDI,文件为主。,嵌入背景音乐基本语法以下：,例,6,108,第108页,在文档中嵌入背景音乐,嵌入了背景音乐文档,例,6,：在文档中嵌入背景音乐,运行结果,109,第109页,4,多媒体标识,嵌入,Flash,动画,在,HTML,文档中，能够使用下面语句嵌入,Flash,动画。,嵌入,Flash,动画,例,7,：嵌入,Flash,动画,运行结果,110,第110页,5,表格标识,表格主要经过,3,个标识来组成：表格标识、行标识、单元格标识。,例,8,表格表头,单元格,每一行属性,111,第111页,一个简单表格,学生情况表,姓名,性别,年纪,a,男,20,b,女,19,例,8,：一个简单表格,运行结果,112,第112页,6,表单标识,URL,指明客户端向服务器请求文件。,Method=*,中“*”表示,GET,或,POST,，表单中提供给用户输入形式：,。其中“*”代表输入元素类型，“*”代表表单元素名称。,表单是实现动态网页一个主要外在形式，基本语法结构以下：,113,第113页,7,交互功效实现,在记事本中输入表单代码，保留为,first.htm,第一步,代码,第二步,安装,IIS,第三步,编写对应,demo.asp,文件,第四步,将两个程序保留在,C,：,Interpubwwwroot,目录中,代码,打开浏览器，在地址栏中输入,127.0.0.1/first.htm,在表单中输入姓名，选择性别后,单击“确定”按钮即可实现交互功效。,114,第114页,表单,请输入您姓名和性别,姓名：,性别：,女,男,first.htm,运行结果,返回,115,第115页,demo.asp,您姓名为：,。,您性别为：,。,返回,116,第116页,HTML,一个通用文档结构描述置口号言，要求了在文档中嵌入描述标识标准格式，为语法置标提供了异常强大工具，含有极好扩展性。缺点是复杂度太高，且,SGML,软件价格非常昂贵，不适合网络日常应用。,SGML,优点是简单易学、灵活通用，公布、检索、交流信息非常简单，比较适合,Web,页面开发。缺点是标识相对少，可扩展性差，缺乏,SGML,柔性和适应性。,XML,（,Extensible Markup Language,）和,HTML,一样，是,SGML,一个子集。,XML,是被设计用来描述数据，重点在于什么是数据，怎样存放数据；,HTML,是被设计用来显示数据，重点在于显示数据以及怎样更加好显示数据。,XML,不是,HTML,替换品，,XML,和,HTML,是两种不一样用途语言。,XML,和,HTML,主要区分,117,第117页,1,XML,文档基本结构,例：一个简单,XML,文档,第一行是,XML,申明，定义此文档所遵照,XML,标准版本，在这个例子里是,1.0,版本标准，使用是,ISO-8859-1,字符集。后面几行是文档元素，其中，“,note”,是“大”元素，在“大”元素中包含若干“小”元素，如“,to”,、“,from”,等。,Lin,Ordm,Reminder,Dont forget me this weekend!,118,第118页,1,XML,文档基本结构,例：一个简单,XML,文档,Lin,Ordm,Reminder,Dont forget me this weekend!,英文字母大小写视为不一样字符。,名称能够包含字母、数字以及其它字符。,名称不能以数字或”,_”,（下划线）开头。,名称不能以字母,xml,（或,XML,或,Xml,）开头。,名称不能包含空格。,XML,元素名称必须遵照下面命名规则：,119,第119页,2,XML,语法,必须有,XML,申明语句,XML,标识都是大小写敏感,属性值必须使用引号,全部标识必须有对应结束标识,全部空标识必须被关闭,全部,XML,元素必须合理包含,XML,中空白将被保留,XML,中注释语法基本上和,HTML,中一样,120,第120页,3,XML,三要素,DTD,文件类型定义,DTD,，用来对文件格式进行定义。而使用文件类型定义，能够设计出统一格式,XML,文件。,使,XML,文件标准化变为可行,使不一样应用程序或用户能够读取彼此文件,外部,DTD,能够被不一样文件或网站分享,设计者能够针对,DTD,做各种格式美化，而不用担心会改变,XML,中源数据,用不一样,DTD,，能够将,XML,文件转换成不一样文件格式,利用,DTD,中实体参考能够使,XML,文件内容更丰富、更结构化,DTD,将文件结构和文件内容完全分开，使用,DTD,好处以下：,121,第121页,3,XML,三要素,XSL,XSL,XSLT,:,能将,XML,文件转换成另一个格式文件后，另存为一个新文件，不会更改原有,XML,文件。,XSLFO:,提供大量格式指令，能够准确设置屏幕显示格式或打印格式。,XMLHTML,XMLXML,XSLXSL,XSL,最常见转换：,可扩展样式语言,XSL,，是用于将,XML,数据翻译为,HTML,或其它格式语言。是设计,XML,文档显示样式主要文件类型。,122,第122页,3,XML,三要素,XSL,可扩展样式语言,XSL,，是用于将,XML,数据翻译为,HTML,或其它格式语言。是设计,XML,文档显示样式主要文件类型。,XSLT,主要用途就是将,XML,文档转换成,HTML,格式文件，然后再交付给浏览器，由浏览器显示转换结果，整个,XSLT,工作流程如右图所表示：,123,第123页,3,XML,三要素,XLink,XLink,提供两种类型链接，分别是简单链接和延伸链接。,可扩展链接语言,XLL,，它设计最主要是提供给,XML,文件使用，方便在文件之间提供更强链接功效，,XLink,就是,XLL,中一个组员。,延伸链接,提供更强链接功效。能够同时链接多个资源，这些参加链接资源能够是本机或是远程，链接元素能够保留在另一个文件中，不一定要存于源文件中,简单链接,与,HTML,超链接类似，只能单向地链接，链接起源和目标能够在两个不一样文件中，也能够在同一个文件中,124,第124页,4,在,XML,中显示图像,第一步,建立,XML,文件，保留为,ex.xml,。,第二步,建立,XSL,文件，保留为,ex.xsl,。,代码,代码,运行结果,运行,ex.xml,，即可看到结果,125,第125页,ex.xml,刘美,女,19,舞蹈,三班,a.jpg,符杨,男,18,日语,二班,b.jpg,周云,女,18,电子商务,四班,c.jpg,陈星,男,19,计算机,一班,d.jpg,返回,126,第126页,姓名,性别,年纪,专业,班级,照片,ex.xsl,返回,运行结果,127,第127页,The end!,128,第128页,