《网页设计与制作》课程教学资源（PPT课件讲稿）第10章 动态网页制作技术

第10章动态网页制作技术 《网页设计与制作》

第10章 动态网页制作技术 《网页设计与制作》

●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 ) }

function slide() f if blockxpos 网页设计与制作

网页设计与制作 8 function slide( ) { if ( block.xpos

DHTML示例 单击此处图片开始 滑动 Eii 此处图片回复原位] </htm 网页设计与制作

网页设计与制作 9 DHTML示例 [单击此处图片开始 滑动] [单击 此处图片回复原位]

D示例-■ microsoft Internet Explorer 口区 文件)编辑)查看收藏(A)工具()帮助 地址)]: Axn\fwbook7 zhangxia2htm 了上网助手⑦ DHTM示例 单击此处图片于崎滑动]单击此处图片回复原位 el javascript: slide O 「「圓我的电脑 网页设计与制作

网页设计与制作 10