Web技术应用ppt_05.pptVIP

第５章 /xsl:for-each /table /body /html * XML 第二篇 Web编程技术 XML 知识点与技术要求 ? 掌握XML的功能、文件结构和工作方式 ? 了解XML的基本语法 ? 掌握XML编程技巧 XML HTML/DHTML 5.1 DHTML ——第一个DHTML文件 什么是DHTML 传统的HTML页面一旦被下载到客户端的浏览器后，无法改变显示内容，被称为静态网页。 DHTML将页面内容对象化，应用编程语言(如：C++、JavaScript、VBScript)操作页面上对象。用户可以单击页面上对象，不必通过服务器与用户交互信息，更新网页内容，所以被称为动态网页。 “动态 ”不是指页面中加入了动画、影像或声音，重要的是页面具有交互性，可以对页面内容进行控制和变化。 HTML/DHTML html headtitle一个简单的dhtml文件/title script language=VBScript !-- 使用VBScript 控制页面内容改变? Sub DisplayNewText MyNewtext.InnerHTML = H4 欢迎学习Web技术。H4 End Sub Sub HideNewText MyNewtext.InnerHTML = End Sub /script /head HTML/DHTML body center h1DHTML应用/h1 h3 onMouseOver=DisplayNewText onMouseOut=HideNewText 请将鼠标移到此处，注意页面的变化。 div id=MyNewtext/div !--页面存在一个区域 标识MyNewtext ? /h3 h3 id=Mytext onMouseMove=Mytext.style.color=Blue onmouseout=Mytext.style.color=Red 鼠标移到此处, 文字会变成蓝色，移开变成红色。/h3 /center /body /html HTML/DHTML DHTML特点： DHTML是一些现有网页技术与标准的整合，它以HTML为基础，增加了“对象化”的网页制作技术。使用DHTML技术，网页无须重新下载，即可动态更新网页内容和显示式样；并可以使网页中的文字、图像等内容绝对定位，例如在网页上建立三维立体空间、叠加图像和文字等。 HTML/DHTML DHTML基本结构 基础是HTML，HTML4.0把网页上的图像和文字看作对象，通过脚本程序把这些对象组装到一起，实现交互式的操作。 CSS(Cascading Style Sheets,级联样式单)是开放性样式设定语句，扩充了HTML标记的属性设定，这些属性设定可以通过脚本语言进行控制。 4.0以后版本的浏览器IE或IN是由对象组成的，脚本程序可以对这些对象进行控制和调用。 HTML/DHTML DHTML基于HTML，通过CSS技术扩展HTML在样式编排上的不足，使用脚本程序调用或控制浏览器对象和网页对象，使页面具有动态效果和交互功能。 H T M L 浏览器对象 网页对象 Script CSS HTML/DHTML DHTML技术应用 动态HTML是一些技术（包括HTML、脚本设计、面向对象的程序设计等）的组合，以及把这些技术结合起来创建单独的Web页面。它不是HTML的一个新版本，也不是一种新的脚本设计语言，更不是一种构成文档的新方法。它是一种试图把这些都组合在一起的新方法，从而突破传统的静态Web页面的局限。 运用它不需要重新装入网页或装入一个新的网页、也不需要向远处的服务器索取新的材料，就能产生动态效果。所有的功能都是在用户的计算机上实现并完成的，因此提高了响应速度。它通常使用VBScript或JavaScript来实现其动态和交互性。 HTML/DHTML 5.2 层叠样式表CSS ? HTML显示特性通过标记属性设置，一旦设置不能随意改变版面和编排文字，也不能由程序控制。 ∴ W3C协会公布了一套HTML的扩展标准CSS (Cascading Style Sheets)，扩展了HTML在排版和文字式样上的功能,可以通过脚本程序控制，使页面表现方式更加灵活，具有动态特性。 HTML/DHTML 1. CSS的基本概念 ? HTML网页要展示的样式在标记内设定， h2font color=red你好!/h2 样式分散在各个标记中，在更改样式时，需要逐个修改各个标记中的属性。 ? CSS：把网页展现的样式从网页中独立出来集中管理，如果需要改变网页样式，