动态HTML(Dynamic HTML)
动态HTML(DHTML)是有关网页设计的一个合成词, 它使用超文本标识语言 (Hypertext Markup Language, 即HTML), 层叠样式单 (Cascading Style Sheets, 即CSS), 并依赖 JavaScript 生成交互式页面. DHTML 支持 Netscape Communicator 4.0, Microsoft Internet Explorer 4.0, 它使用的是完全的"客户端"技术. 它只依靠浏览器来显示和处理页面, 与其它客户端技术如 Jave, Flash 等不发生关系.
DHTML 长于创制窄带宽的效果以增强一个页面的功能. 它可以用于创建动画, 游戏, 应用程序等, 以全新的方式浏览网站, 并能实现用单纯的 HTML 所不能达到的效果. 尽管用 Flash 或 Java 可以实现 DHTML 的许多功能, 但 DHTML 却提供了一个新方法使你不用任何插件即可浏览动态网页.
尽管 DHTML(HTML, CSS, JavaScript) 的基本技术已被标准化, 但使用不同的浏览器观看的效果却有所不同. 因此, 编写两种浏览器都能正常浏览的 DHTML(即所谓的通用DHTML) 是件很复杂的工作.
有关更多的 DHTML 信息的链接:
Microsoft DHTML Documentation
Netscape DHTML Documentation
层叠样式单 (Cascading Style Sheets)
层叠样式单 (CSS) 是 HTML 的附加部分, 它为网页制作者提供了一个精巧的工具来创建页面. 它将页面内容(文本)和显示(颜色, 风格和位置)分离开来.
层叠样式单定位 (Cascading Style Sheets Positioning, 即CSSP) 是 CSS 的扩展, 它能够精确控制网页上元素的位置.
有关更多的 DHTML 信息的链接:
W3C CSS-Positioning
Builder.com's CSS Guide
JavaScript
与其名字相反, JavaScript 和 Java 毫无关联. JavaScript 是在网络浏览中用于控制 HTML 元素的脚本语言, 而 Java 则是一种用于创建跨平台应用程序(如Applets这类可在网页中显示的Java程序)的高级编程语言.
JavaScript 最早出现在 Netscape2.0 中, 起初只是为了描述页面的组成, 并向 HTML 表格, 分栏和窗口提供一些附加功能. Netscape3.0 则加入了更多的引人注目的东西, 如滚动画面, 音效/视频控制. Microsoft Internet Explorer3.0 (紧随Netscape3.0之后发布) 同样支持 JavaScript, 但标识为 JScript, 它本质上与 JavaScript 相同, 只有一些细小的差别, 微软不断向开发者灌输 JScript 以让他们使用微软的标准.
扩展后的 JavaScript 被添加到 Netscape 4.0 和 Internet Explorer 4.0 当中,以使开发者能够巧妙地运用 DHTML. 但它在这两个版本发布前并未形成统一的标准, 而现在我们也知道了共有两个 JavaScript 的版本, 并且差异甚大.
有关更多的 JavaScript 信息的链接:
Netscape JavaScript Guide
JavaScript Reference
Microsoft JScript
动感二部曲
动感二部曲, 是由我, Dan Steinman, 所编写, 它是我成功创建跨浏览器 DHTML 的试验成果.
这份指南着重于与 DHTML 相关的 JavaScript. 它只涵盖了部分既能用于 Netscape 又能用于 Internet Explorer 的 CSSP 和 JavaScript. 它并非包罗万象, 也不是最佳解决方案, 它只是我经过测试并取得良好效果的一些经验.
如果你对 JavaScript 和 CSS 毫无所知, 那么这份指南对你来说也许并不是最好的入门教材. 但是, 我将尽量从基础知识入手以使你明白 DHTML 是如何运行的. 本指南中涉及的概念并不复杂, 但令初学者最为畏惧的恐怕是它需要一定的调试技巧, 不同的浏览器间只有部分兼容, 不同的程序只有部分被执行. 你将遇到的困难并不仅仅是在两种浏览器之间遭遇到错误和局限, 可能还会碰到由于操作平台的不同而出现的问题, 更糟糕的是当你升级了你的浏览器, 新的问题会突然出现... 这份指南只能帮助你解决在创建你自己的 DHTML 过程中遇到的基本问题... 关于这一点, 千万相信我并没有开玩笑.
如上所述, 我尽我所能编制了这份指南以使通用 DHTML 切实可行. 依照本指南的提示和技巧, 你可以做出任何你想象得到的东西. 读完本教材后, 你将理解几乎所有的关于 DHTML 的概念, 学到大量 JavaScript 制作技巧,还能学会如何制作出非常个人化的 DHTML 小部件并在你自己的网站中反复使用.
我将对所有关于这份指南的意见和建议表示感谢, 我一直在试图改进它. 同样, 我对任何投稿表示欢迎, 包括对本指南的任何源代码的修改, 或是任何你自己制作并愿和他人分享的DHTML部件. 如果你使用本指南创建了网站, 游戏或是应用程序, 我将非常乐于把它放入我的 DHTML资源 链接页中.
首页 | 下一课: 层叠样式单定位 |