DHTML网页设计利器……Astound Dynamite
转载自:《家用电脑》
前面我们已经介绍过了使用DHTML语言设计的网页是动态的,网页上的任何物体都可以具有运动路径,而且甚至连网页本身都可以具有动态效果,网页经过一段持续时间后就自动转向另外一个网页。
用户的项目文件都是基于某一个模板创建的,因此项目中每个网页的持续时间已经被设置好了,用户可以选择【Page】菜单中的【Properties】命令改变网页的持续时间。Astound
Dynamite也会自动给网页中任何物体赋予一个缺省的显示时间,网页中的静态物体(例如文本和图形)的显示时间与网页的持续时间相等,显示时间段的开始等于网页的起始时间,这样静态物体在网页的显示全过程都是可见的,而诸如具有运动路径或转场动画的动态物体的显示时间是自由网页持续时间的一半,显示将时间的开始位置位于持续时间的25%处,这样动态物体就会在网页持续时间的75%处之后慢慢在网页上消失。不过用户可以根据情况改变任何物体的显示时间的长度、开始位置以及终止位置,Astound
Dynamite中时间线程窗口就是专门用来管理网页中所有物体的显示时间,选择【View】菜单中的【Timelines】命令后屏幕上弹出一个如图1所示的时间线程窗口,时间线程窗口比较复杂,它提供了完全的物体的各个时间段的编辑功能。时间线程窗口下部是网页上所有物体的列表,其中每一行代表一个物体,在每一行的最前面都有一个物体按钮,单击该按钮则选中该物体,此时窗口左部将显示出该物体的显示样式,然后用户在时间线程窗口中的所有编辑操作只对该物体的时间段有所作用。在单击物体的同时按下Ctrl或者Shift键则可以同时选中多个物体,同时处理多个物体的时间线程。窗口左部的时间标尺用来衡量物体的时间段长度,整个时间标尺中的时间就是当前网页的持续时间,单击时间标尺前面的【度量切换】按钮可以切换时间标尺的度量。
单位在秒钟和百分比之间切换。物体在网页上所有时间可以分为:进入时间段、显示时间段和消失时间段三段相继的时间,进入时间段是指要在网页上完全显示出物体所需要的时间,消失时间段则相反,它表示使物体完全不可见所要花费的时间。对于静态物体来说,整个时间线程就是显示时间段,它们没有进入时间段和消失时间段;但是动态物体就具有相应的进入时间段和消失时间段,用户可以通过拖动时间线程窗口中白色点和黑色点来控制物体时间线程的起始位置、进入时间段的结束位置、消失时间段的开始位置和时间线程的终止位置,移动整个时间线程条还可以改变时间线程在网页持续时间段中的位置。在时间线程窗口中用户还可以任意改变网页持续时间的长度,单击【增加时间】按钮后,用户使用鼠标在时间标尺上单击需要增加时间的位置,此时将弹出一个窗口,用户可以精确设定添加时间的位置和所要添加的时间长度,单击【删除时间】按钮可以减少网页的持续时间。用户可以用一个标记来代表网页某个时刻的状态,标记相当于一个URL网址,它可以应用到超链接方面,用户可以在诸如单击按钮等等交互操作后链接上某个网页的标记,而不用从该网页持续时间的起始位置处开始浏览网页,这也是DHTML的一个特点。单击【添加标记】按钮后,用户单击需要添加标记的位置将弹出标记设置窗口,用户可以为标记设置一个用于标识标记的名字。标记还有一个特殊功能:暂停网页运行,选中窗口中的“Pause
Page”选项即可实现该功能,然后用户可以设定网页的暂停时间,“Indefinitely”选项表示网页暂停的时间的不确定,它是随机产生的;用户也可以在“For”文本框中输入一个精确数值来设定暂停时间;选择“Continue
On Mouse Click”选项表示只有网页访问者在网页上单击后才能使网页退出暂停状态。
由于网页上有多个物体,如果用户让所有物体按照一定的规则顺序显示出来或者消失,这样的网页会给访问者更强的动态感觉,用户可以控制它们交跌地从网页上显示出来,也可以在不同物体的进入时间段中设置一个时间间隔,使各个物体陆陆续续地“登场亮相”。用户虽然可以在时间线程窗口中通过直接设置每个物体的进入时间段的位置来确定它们的显示次序,但是这种方法不仅比较耗费时间而且设置的效果不太好、也不精确。时间线程窗口中的进出控制功能就能够让用户方便地设置网页上多个物体进入同一个网页或从网页上消失的先后次序。首先用户在时间线程窗口中同时选中需要设置显示次序和消失次序的多个物体,然后单击位于窗口顶部的【进出控制】按钮将弹出如图2所示的窗口,“Distribute
Timelines for”栏中的两个选项用来设定用户是需要设置显示次序(Entry)还是消失次序(Exit),用户必须在此两个选项中选择一个;Astound
Dynamite提供了许多种多个物体的显示次序和消失次序的方式,它们都排列在窗口的中部,其中每个按钮代表一种方式,用户从按钮图标上就可以大概了解到这种方式的意义。选择某种方式后,用户还可以在窗口底部的时间标尺上设置该方式另外的一些参数,例如第一个显示物体的进入起始时间等等,编辑完毕后,回到时间线程窗口,用户就可以看到各个物体的时间线程都将会发生一定的变化。用户可以选择【Tools】长度中的【Preview
In Browser】命令来预览一下网页的时间线程编辑效果,这样你就能直观地感觉到时间线程在动态网页设计中的作用。
时间线程窗口虽然能够控制物体在网页上的时间段的划分,但不能设置在每个时间段中物体在网页上显示的方式,但是,用户只要配合使用时间线程窗口和Astound
Dynamite中转场效果功能(Transition),那么用户就可以完完全全设定物体任何一个时刻的显示方式。现在大部分的非线性视频编辑软件中都大量使用了转场效果,在Astound
Dynamite中,转场效果是用来设置物体从零到完全显示在网页之间物体的显示样式的过渡方式,当然也可以使用它来设定物体是如何消失在网页中。在编辑区中选择需要应用转场效果的物体,然后选择【Object】菜单中的【Transition】命令将弹出如图3所示的设置窗口,窗口顶部的“Entry”和“Exit”两个标签分别用来设置物体显示样式和消失样式的转场效果,它们的设置方法大致相同,Astound
Dynamite提供了数十种转场效果,用户可以在“Transition”组合框中选择一种需要的转场效果,有的转场效果用户还可以设定转场的方向,单击“Directtion”按钮将弹出一个方向选择列表,用户可以从中选择需要的方向。在窗口底部的“Timeline”栏中用户可以设定转场的速度,单击【Mode】按钮可以将此栏切换为时间线程窗口的显示样式,
用户可以像在时间线程窗口中一样编辑该物体的时间线程,物体显示样式的转场效果是在物体的进入时间段中播放,而消失样式转场效果则是在物体的消失时间段中播放,所以对应的时间段的长短就决定了转场效果的播放速度。除了网页上的物体可以使用转场效果外,DHTML语言还允许用户为网页本身赋予各种转场效果,选择【Page】菜单中的【Transition】命令就可以为当前网页选择一种转场效果,这样当浏览器从一个网页跳转到另外一个具有转场效果的网页时,网页就会以设定的转场效果慢慢地显示出来。用户在使用转场效果时应该特别注意到:并不是IE
4.0或Navigator 4.0都支持所有的支持效果,当用户在如图6所示的窗口中选择一种转场效果时,窗口中的“Browser
Compatibility”栏中将显示出哪种类型的浏览器软件支持这种转场效果,一般来说IE
4.0以上的Internet Explorer都支持Astound Dynamite提供的所有转场效果,但Navigator
4.0只能识别一部分的转场效果,而且本人通过测试,发觉IE 4.0对于应用了转场效果的网页的浏览速度比Navigator
4.0快得多,我们只有期待Navigator的新版本能够在此方面进行改进,所以我建议用户在使用Astound
Dynamite设计动态网页的时候最好使用IE 4.0以上的浏览器来查看网页。文本虽然是网页中最普通的构件,但是在应用转场效果方面它却比其他物体略胜一筹,它能够使用更加复杂的转场效果,它将文本运动动画和转场效果混合使用在一起,文本可以是一个一个字符地慢慢显示出来,也可以制作一个个单词、一行行文本或者一个个段落的文本相继进入网页的效果。选取需要应用转场效果的文本,然后选择【Object】菜单中的【Transition】命令将弹出如图4所示的文本转场效果设置窗口,在窗口中用户同样可以为文本创建显示样式转场效果和消失样式转场效果,与其他物体的转场效果设置窗口不同的是在窗口的中部有一个“Text”栏,其中包括三个组合框,分别用来设置文本动画的动画方式、动画轨迹和动画的反弹效果:
*
动画方式:设定文本动画的基本单位,可以设置为字符、单词、文本行或者文本段落,例如如果选择字符,那么选中的文本将以一个一个字符的先后顺序显示出来。
*
动画轨迹:选择文本进入网页或者离开网页的运动路径,它可以网页的左边、右边、上部和左下角等等方向运动到文本在网页中的位置。
*
反弹效果:由于文本都是以一定的速度运动到指定的位置,如果瞬时让文本终止动画而静止下来,这样看起来动画不真实,用户可以为文本选择一种运动到指定位置后的动画反弹效果,这样动画会稍微振动一下再静止在该位置,这样就可以弥补以上的不足之处。
用户可以为个人网页的大标题创建一个动感十足的文本动画,这不失为一个增强网页吸引力的方法,而且用户还可以将转场效果赋予网页中任何一个已经具有运动动画的物体,这样转场效果和运动动画将同时在网页上播放出来,可想而知,这样的动画效果将更加精美,但是用户不要在网页中过多地使用转场效果和运动动画,因为这会增加网页的下载时间。
|