●10.1 DHTML ●10.2 XHTML 10.3 PHP ●104JSP ●10.5 ASPNET 网页设计与制作
网页设计与制作 2 ⚫ 10.1 DHTML ⚫ 10.2 XHTML ⚫ 10.3 PHP ⚫ 10.4 JSP ⚫ 10.5 ASP.NET
10.1 DHTML ●动态网页技术的产生 ●什么是 DHTML ● DHTML特性 DHTML实例 网页设计与制作
网页设计与制作 3 10.1 DHTML ⚫ 动态网页技术的产生 ⚫ 什么是DHTML ⚫ DHTML特性 ⚫ DHTML实例
动态网页技术的产生 传统的HTML是静态的,当它被加载 到浏览器后,不会对用户的操作发生相应 的变化,而动态HTML则意味着Web页面对 用户有响应,即动态HTML能自动变化。 动态网页技术包括动态页面技术和动 态内容技术两部分 网页设计与制作
网页设计与制作 4 动态网页技术的产生 传统的HTML是静态的,当它被加载 到浏览器后,不会对用户的操作发生相应 的变化,而动态HTML则意味着Web页面对 用户有响应,即动态HTML能自动变化。 动态网页技术包括动态页面技术和动 态内容技术两部分
什么是 DHTML DHTML( Dynamic Hypertext Mark Language)是近年来网络发展进程中最振奋人心 也是最具实用性的创新之一。所谓动态HTML, 就是指即使脱离网络环境,网页装载入浏览器以 后仍然能够随时变换内容的HTML 它的核心技术主要包括客户端的脚本程序 语言、文档目标模型DOM( Document Object Model)和层叠样式表CSS( Cascading Style Sheets)三部分。 网页设计与制作
网页设计与制作 5 什么是DHTML DHTML(Dynamic Hypertext Mark Language)是近年来网络发展进程中最振奋人心, 也是最具实用性的创新之一。所谓动态HTML, 就是指即使脱离网络环境,网页装载入浏览器以 后仍然能够随时变换内容的HTML。 它的核心技术主要包括客户端的脚本程序 语言、文档目标模型DOM(Document Object Model)和层叠样式表CSS(Cascading Style Sheets)三部分
DHTML特性 ●执行效率高 ●实现交互功能 ●可下载字体 元素自由定位 ●数据感知、捆绑和动态表单 网页设计与制作
网页设计与制作 6 DHTML特性 ⚫ 执行效率高 ⚫ 实现交互功能 ⚫ 可下载字体 ⚫ 元素自由定位 ⚫ 数据感知、捆绑和动态表单
DHTML实例 dhTml示例<tle <script language="JavaScript ns=( document layers)? true: false ie=( documentall)? true: flase function init() f if (ns) block= document. blockDiv if (ie) block=blockDiv style blockxpos=parseInt( block left) block ypos=parseInt( block. top 网页设计与制作
网页设计与制作 7 DHTML实例 DHTML 示例 <!-- 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 ) }