计算机教学教程--第26章什么是动态HTML.pdf

下载
第六部分动态HTML和
Dreamweaver
第2 6章什么是动态H T M L
第2 7章创建样式单We b页
第2 8章使用层
第2 9章使用时间链
第26章什么是动态HTML
本章内容:
•动态H T M L基础
•使用N a v i g a t o r的D H T M L (动态H T M L )特性
• Explorer中应用D H T M L (动态H T M L )技巧
动态H T M L听起来像是最新技术的广告标语,不是吗?其中“动态”一词指的是变化、发
展、转换的能力,换言之,就是变化到某个不同状态的能力。使用动态 H T M L (或者D H T M L ),
几乎所有在此以前的We b页上的内容都可以被改变。而且,这些动态转换并不是从 I n t e r n e t服务
端所产生的,而是嵌入到编程语言自身之中的。
依赖于实现,动态H T M L可以产生范围广阔的各种效果:
•被集成为页面某个部分的对象从屏幕的所有角落飞入并组合在一起。
•文本和徽标从屏幕中突然出现或消失。
•使网页不是二维的—一个对象可以在另一个对象之前或之后出现。
•展开轮廓来突出细节,压缩轮廓来提供预览。内容通过在按钮上进行交互式的单击产生
改变。
•在We b上设计看起来,就像是脱离 We b进行设计的。设计者可以按照自己希望的方式来
创建We b版式,而不用通过复杂的表格或者单像素的分隔符。
•表格根据从某个查询中所返回的数据而自动地产生,然后通过使用者的输入来进行全面
的更新。
这些能力才仅仅触及到动态 H T M L的表面。使用D r e a m w e a v e r高级界面,使带有挑战性的
和代码密集的项目成为可能。 D r e a m w e a v e r是最先充分利用动态 H T M L能力的We b创作工具的
一个。
然而,由于它的开放标准的历史和商业上的竞争, We b使用动态H T M L的道路并不平坦。
从理论上说,N e t s c a p e和M i c r o s o f t都包含了动态H T M L,但是现实是每家公司都采用了分歧的
标准模式。D r e a m w e a v e r站在冲突之上,并使跨浏览器的动态 H T M L真正地进行工作—几乎
不用We b设计者任何协助。
本章由两个目的。第一也是重要的,是向用户介绍 D H T M L的原理,并提供在两种主流的
浏览器中实现动态H T M L的当前状态的预览。第二,测试与浏览器相关的动态 H T M L特性,并
528第一第六部分一动态H T M L和D re a m w e a v e r
下载
向用户展示了如何在D r e a m w e a v e r中将它们实现。
作为动态H T M L可能性的一个尝试,访问w w w. d h t m l z o n e . c o m上的M a c r o m e d i a
提示
的D y n a m i c H T M L Z o n e (动态H T M L园区),并选择Tu t o r i a l s (指南)选项。一旦用
户进入到指南屏幕,单击 L a u n c h S u p e r f l y按钮。这个演示不仅展示了动态 H T M L所能
产生的让人兴奋的效果,而且起到了极好的指导作用。
动态HTML基础
什么产生动态 H T M L,嗯. . . . . .是动态?不是单独的一个因素就可以说清楚的。当然,
D H T M L实际上是一个新技术的组合体,并逐渐被认为是 We b发展的下一代。在这个部分中,
用户将探查组成D H T M L的成分所担任的“角色”:
• Cascading Style Sheets(层叠样式单) CSS为We b设计者提供了对许多的We b页特性的控
制,不论是由标准设计的,还是自定义的 H T M L标识。
• Absolute positioning(绝对定位) 该特性使任何We b对象都可以以像素为精度来放置。
• Dynamic content(动态内容) We b页可以让内容飞入飞出,来达到添加和删除的效果。
• Downloadable fonts(可下载的字体) We b设计者可以嵌入特殊的字体来控制 We b页的字
型。
• Data binding(数据绑定) 将服务器端的数据链接到某个 We b页的表格或窗体上,该表格
或窗体可以动态地更新,而不需要重画整个页面。
这些功能不都是跨浏览器的,但是所有这些特性在不同的配置中是可以实现的。