[信息与通信]动态网页制作简介.docVIP

动态网页制作简介冯永曜　　黄山村夫 　　动态HTML（即 DHTML）是近年来网络发展进程中最振奋人心，也最具实用性的创新之一。国内网络界也掀起了一股学习动态HTML的热潮。所谓动态网页就是采用动态HTML制作出来的具有动态效果的网页。　　有人把动态HTML当作一门语言，也有人把它当作一种专门的技术，这些理解都是不对的。实际上，它是一种通过各种技术的综合发展而得以实现的概念（当然，不同的浏览器，实现的程度也不同），这些技术包括Javascript、VBScript、Document Object Model（文件目标模块）、Layers和 Cascading Style Sheets（CSS）等。　　那么，到底什么是动态HTML呢？简而言之，动态HTML就是一种即使在网页下载到浏览器以后仍然能够随时变换的HTML。比如，当鼠标移至文章段落中，段落能够变成蓝色，或者网页头部能够滑过电脑屏幕。这就是说，HTML中能够做的一切在网页下载后还能够做。动态HTML的实现手段同样是多种多样的，可以是现有的各种手段的组合。比较常用的技术有：　　（l）脚本编程语言（Javascript， VBScript）　　（2）文件目标模块（DOM）　　（3）层叠样式表（CSS）　　（4）动态图层（layers）　　Netscape Communicator 4．0以上版本和 Microsoft Internet Explorer（IE） 4．0以上版本，都宣称支持这种最新的动态HTML功能。但实际上，他们所支持的动态HTML内容并不完全相同。 　　IE 4.0所支持的动态 HTML包括以下几部分：　　（1）层叠样式表（CSS）：提供了设定HTML标记的所有文本修饰（如文字的大小、字体、颜色等内容）的排版功能。在网页下载完毕后，可动态地改变页面元素的CSS属性。　　（2）动态内容（ Dynamic Content）：可以动态地更新网页的内容，即可以动态删除和增加页面中的各种元素，随时适应页面编排的需要。　　（3）动态图像：通过内建的 Animation可以实现动画的效果，另外配合 Javascript、VBScript或ActiVeX控件可以轻松地移动图像。　　（4）数据库支持：通过动态HTML方便地实现对数据库中数据的访问。从而使网页设计者轻松地处理数据，实现更强大的交互功能。 　　Netscape 4．0所支持的动态 HTML包括以下几部分：　　（1）层叠样式表（CSS）。　　（2）脚本排版样式（Javascript Style Sheets）：简称 JSS，这是 Netscape公司为该浏览器内建的一种排版样式，可以通过 Javascript来控制 Style Sheets。　　（3）动态图层（Dynamic Layers)这是一项很强大的功能，可以提供图文定位、移动图文、控制显示或隐藏图片的功能，方便地实现各种特殊效果。　　我们制作动态网页主要是利用CSS定义的属性可以动态改变、图层可以动态定位和在客户端解释执行的Javascript 程序能够实时地操作HTML元素及其属性的特性，才使得网页动起来，与用户的实时交互得以实现。所以，要掌握动态网页制作技术，除了要熟悉CSS、图层应用技术外，还必须学好Javascript语言，并不要求达到熟练编程的水平，而是要达到基本能看懂程序。因为制作动态网页大多采用“拿来主义”，把别人的成果拿来后，不要生吞活咽，而是要细嚼慢咽，知其然且知其所以然，大胆地做一些改进试验，这样你的水平就会很快提高。　　在制作动态网页的过程中，要特别注意两大主流浏览器对动态HTML对持的程度是不同的，要使网页适应不同的浏览器，在程序中的一些具体操作上要分别设计。如：IE浏览器不支持Layers，但我们可以用DIV来代替，Dreamweaver3中图层给我们做了很好地示范。又如：NS不支持document.all和style则我们就要分别设计。如此等等，在本专题中将作详细描述。 JavaScript简介冯永曜　　黄山村夫 　　为了使网页能够具有交互性，能够包含更多活跃的元素，就有必要在网页中嵌入其它的技术。如：Javascript、VBScript、Document Object Model（文件目标模块）、Layers和 Cascading Style Sheets（CSS），CSS和Lyaer（图层）技术已作过专题介绍，因此在这里主要讲Javascript。那么Javascript是什么东东？Javascript就是适应动态网页制作的需要而诞生的一种新的编程语言，如今越来越广泛地使用于Internet网页制作上。 Javascript是由 Netscape公司开发的一种脚本语言（scripti