网页设计与制作 教学课件 作者 相万让 第10章.pptVIP

网页设计与制作 山西财经大学 肖宁 第10章 动态网页制作技术 《网页设计与制作》 10.1 DHTML 10.2 XHTML 10.3 PHP 10.4 JSP 10.5 ASP.NET 10.1 DHTML 动态网页技术的产生 什么是DHTML DHTML特性 DHTML实例 动态网页技术的产生 传统的HTML是静态的，当它被加载到浏览器后，不会对用户的操作发生相应的变化，而动态HTML则意味着Web页面对用户有响应，即动态HTML能自动变化。 动态网页技术包括动态页面技术和动态内容技术两部分。 什么是DHTML DHTML（Dynamic Hypertext Mark Language）是近年来网络发展进程中最振奋人心，也是最具实用性的创新之一。所谓动态HTML，就是指即使脱离网络环境，网页装载入浏览器以后仍然能够随时变换内容的HTML。 它的核心技术主要包括客户端的脚本程序语言、文档目标模型DOM（Document Object Model）和层叠样式表CSS（Cascading Style Sheets）三部分。 DHTML特性 执行效率高 实现交互功能 可下载字体 元素自由定位 数据感知、捆绑和动态表单 DHTML实例 html head titleDHTML 示例/title script language=JavaScript !-- ns = ( document.layers ) ? true : false ie = ( document.all ) ? true : flase function init( ) { if (ns) block = document.blockDiv if (ie) block = blockDiv.style block.xpos = parseInt( block.left ) block.ypos = parseInt( block.top ) } function slide( ) { if ( block.xpos500 ) { block.xpos = block.xpos + 3 block.left = block.xpos setTimeout( slide( ), 30 ) } } function moveTo( obj, x, y ) { obj.xpos = x obj.left = obj.xpos obj.ypos = y obj.top = obj.ypos } //-- /script /head body bgcolor = #00FFFF onLoad = init( ) center font color = red face = 宋体 size = 5 bDHTML示例/b /font hr noshade [a href = javascript:slide( )单击此处图片开始滑动/a] [a href = javascript:moveTo( block, 50, 80)单击此处图片回复原位/a] /center div ID = blockDiv style = position:absolute; left:50; top:80; img src = ..\tu ku\mouse.jpg border = 1 /div /body /html 10.2 XHTML 什么是XHTML XHTML与HTML、XML XTML特性 XTML使用示例 什么是XHTML 扩展超文本标记语言（Extended Hypertext Markup Language，XHTML）是由负责制定Web标准的万维网协会（W3C）开发，是HTML的官方后继技术，在W3C于2000年公布了XHTML 1.0之后，HTML已经不再继续发展。而且，W3C的XHTML 2.0的工作草案也于2002年8月开始发布。 XHTML与HTML、XML HTML是从SGML标准中派生出来的用于Web的标记语言规则。 XML与其根源SGML一样，也是元语言，其规则是用于创建XML应用。 XHTML就是一种XML应用，它采用XML的DTD（Document Type Definition，文档类型定义），并运行在支持XML的系统上。 XTML特性 XHTML的实现目标 文档类型定义DTD 遵循规则 XTML使用示例 ?xml version = 1.0 encoding = GB2312 ? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transi