如何令你的网站“动感十足”

《如何令你的网站“动感十足”》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、如何令你的网站“动感十足”您的网站是否仍一如既往地保持“静态”？目前呈几何增长的互联网网站中，有相当一部分仍固守“静态”，无形中已大大落后于时代的步伐。所谓“静态”指的就是网站的网页内容“固定不变”，当用户浏览器通过互联网的HTTP（HypertextTransportProtocol）协议向WEB服务器请求提供网页内容时，服务器仅仅是将原已设计好的静态HTML文档传送给用户浏览器。其页面的内容使用的仅仅是标准的HTML代码，最多再加上流行的GIF89A格式的动态图片，比如产生几只小狗小猫跑来跑去的动画效果。若网站维护者要更新网页的内容，就必须手动地来更新其所有的HTML文

2、档。“静态”网站的致命弱点就是不易维护，为了不断更新网页内容，你必须不断地重复制作HTML文档，随着网站内容和信息量的日益扩增，你就会感到工作量大得出乎想象。你不禁要问：那么什么是动态网站呢？这就是本文将重点讲述的核心，所谓“动态”，并不是指那几个放在网页上的GIF动态图片，在这里笔者为动态页面的概念制定了以下几条规则：1、“交互性”即网页会根据用户的要求和选择而动态改变和响应，将浏览器作为客户端界面，这将是今后WEB发展的大事所趋。2、“自动更新”即无须手动地更新HTML文档，便会自动生成新的页面，可以大大节省工作量。3、“因时因人而变”，即当不同的时间、不同的人访问同一

3、网址时会产生不同的页面，是不是很酷？现在你已经对“动态”网站有了一个基本的概念，接下来应挑选称手的“兵刃”了。将网站“动态”化的方法很多，这要看你是出于何种需求。如果你是个人网站的维护者，使用的是免费主页空间，那么绝大多数情况下你只能使用Java、JavaScript和最新的DHTML技术，如果你的主页空间提供者能给予你CGI权限或ASP支持，那么你将能非常幸运地发挥真正的动态技术。关于CGI和ASP技术将在后面的着重讨论，这里针对个人网站仅就最新的DHTML技术进行重点介绍。究竟什么是DHTML？它与传统的HTML有什么不同？DHTML就是当网页从WEB服务器下载后无须再

4、经过服务器的处理，而在浏览器中直接动态地更新网页的内容、排版样式、动画。比如，当鼠标移至文章段落中，段落能够变成蓝色，或者当你点击一个超链后会自动生成一个下拉式的子超链目录。这就是DynamicHTML（动态HTML），它是近年来网络飞速发展进程中最振奋人心也是最具实用性的创新之一。它是一种通过各种技术的综合发展而得以实现的概念，这些技术包括JavaScript,VB0Script,DocumentObjectModel(文件目标模块)，Layers和CascadingStyleSheets(CSS样式表)等。非常遗憾的是在网景Netscape和微软IE浏览器几番大战后，我

5、们仍没有得到一个对DHTML支持的统一标准。因此本文在介绍DHTML时不得不分别讲述。让我们先来看看MicrosoftIE4对DHTML的支持：1.动态内容（DynamicContent）：动态地更新网页的内容，可"动态"地随时插入、修改、或删除网页的元件，譬如文字、标记等。2.动态排版样式（DynamicStylesSheets）：通过W3C的“CascadingStyleSheets”（串联式排版样式，简称CSS1或CSS），提供了设定HTML标记的字体大小、字型、粗细、字型样式、行高度、文字颜色、加底线或加中间横线、与边缘距离、靠左右或置中、缩排、背景图片或颜色等排版

6、功能。而“动态排版样式”，可以“动态”地随时地改变排版样式。3.动态定位（DynamicPositioning）：通过W3C的“WorkingDraftonPositioningHTMLwithCascadingStyleSheets”，提供HTML元件在X、Y、Z轴的定位功能，让设计者可以放置影像、控件、文字等在网页上的任何位置上。而放置在不同的Z轴上，设计者就可以产生重叠的效果。4.内建资料处理（DataAwareness）：无须复杂的程序，无须花费服务器太多资源，即可让网页设计者即时处理文档。5.内建多媒体支援：IE4.0结合CSS与内建的ActiveXControl

7、s，提供多媒体支持的功能，包括转换特效、滤镜特效、路径控制、顺序控制、动画、制图、播放声音和影像等多媒体功能。让我们再来看看NetscapeCommunicator4.0对DHTML所提供的支持：1.动态排版样式（DynamicStylesSheets）：支援W3C的“CascadingStyleSheets”（串联式排版样式，简称CSS1或CSS）、和自创的“JavaScriptStyleSheets”。2.DynamicLayers：提供图文定位、改变图文重叠顺序、控制隐藏或显示图文、移动图文的功能，让您设计出