分享
 
 
 

Dreamweaver时线的应用

王朝html/css/js·作者佚名  2008-05-19
窄屏简体版  字體: |||超大  

我想时线应该是Dreamweaver中最精彩的内容了。因为它在实现网页动画时没有用到ActiveX、以及任何插件或Java applets,Dreamweaver通过改变层和页面图片在不同时间上的属性来制作动画。也是因为这个原因,用Dreamweaver编辑的带有层动画的网页必须用4.0或更新的浏览器浏览。用时线制作动画可以改变的属性有层的位置、大小、透明度或改变各层的上下位置关系。用时线还可以对页面的各种行为进行设置。也就是说,将行为也纳入时线的编辑,这使得我们所编辑的网页更富于变化、更精彩。比如我们可以用时线改变一幅不属于某一个层的图片的文件源(这是制作动画最基本的方法),然后在某一个特定的帧上执行一个行为。

下面我们来看一下时线浮动面板。时线面板负责改变层或图片在整个时间上的属性。如果要打开这个面板可以选Window菜单中的timelines命令。下面我们看这个面板的具体内容。请看图B一。面板上最上一栏是控制项。下面标有大写B(Behavior)的栏是行为栏,中间是时间标尺,标尺上有一个红色的小块是监视块,这个小方块表明了当前的显示状况。最下面是各个项目,图中有两个项目,一个是层项目,一个是图片项目。下面我来介绍时线面板的具体用法。选择栏中包含对时线名称的选择和修改,当我们建立多个时线时可以用这个选择项快速地在各时线间穿插,在网页比较复杂时建立多个时线可以更好的编辑或组织。图中显示的时线是“timeline1”。接下来的几个按钮是监视位置的选择,最左边一个是将监视块调到最左边。倒退按钮是将监视块向左移动一小格,播放按钮是将监视块向右移动一小格,如果当前位置上没有任何项目则使用播放按钮监视块不会向前滑动,而使用倒退按钮则立即回到项目的尾端(最右端)。这几个按钮中间是监视块所在的具体位置。可以通过这个框确定监视块的详细位置。“Fps”框允许作者指定动画每秒的帧数,缺省值为15,这是一个平均数,每秒15帧在大多数情况下可以达到较好的显示效果。如果浏览者的机器更好的话我们还可以增加每秒的帧数,这样显示效果更加平滑。这一栏右面的“Autoplay”检查框是设置动画的播放方式。选中时会弹出对话框告诉用户这一项已选中,当网页被开启的时候会自动播放动画。如果我们选中“Loop”检查框,也会弹出对话框告诉用户这一项已选中,动画会循环播放。一般情况下这些项都可以选中,除非我们为了使网页更灵活而设定在浏览者执行某种动作时播放动画。比如当传输速度十分有限时,我们可以先使用一幅静止的图片,当浏览者点击这幅图片时播放动画。这样既分散了等待的时间,使浏览者不至于因为长时间看不到网页而放弃浏览,又兼顾了网页的质量。我们可以随时点击带有问号的按钮来获得帮助,就像其它浮动面板上的问号按钮一样。

时线面板中的行为栏功能不凡。我们可以在任意位置上增加相应的行为以增强对页面的控制和对外界的适应。图一中的时间栏中有两个方块,一个黑色,另一个是中间有黑色减号标志的淡紫色方块。黑色的一个在我们点中行为栏上某个区域后出现表明已选中这个区域,可以在这个时间上设置行为,选中的同时监视块也滑到选中的时间上,这样作者可以看到执行行为时页面的状态。另一个表明在此时线上已设置了行为。我们可以用下面简单的方法设置行为。对已设置行为的区域双击行为栏上的小方块会弹出行为浮动面板,并显示已设置的行为。关于行为的设置和修改方法可以参阅上一篇文章。对没有设置行为的区域可以先选中这个区域,再点击右键弹出菜单(也可以不选,直接点右键,不过这样不容易确定行为施加的具体时间),选择“Add Behavior”命令,以后的情形和上一种完全一样。我们可以用鼠标点住行为栏中的小方块进行拖动,以改变行为生效的时间。当我们选择循环执行动画的时候会自动增加一个行为。点击这个行为可以看到激发这个行为的事件是“onFrame xx”,与这个事件相应的是“Go To Frame xx”,所以如果这个滑块设置在项目的内部,项目不会得到完整的执行,而滑块放在项目的外部,在项目完后会有一段停顿。一般我们应该将这个滑块放在项目刚好结束的位置上,这样以生成无停顿的动画。

一般的用户只需要了解怎样在时线上设置和修改项目就可以完成不错的动画了。图B一中有两个项目,分列于两栏,表明这两个项目是同步的。如果想要一个项目在另一个项目执行完指挥执行,简单的方法是将项目用鼠标拖动到另一个的后方,当然也可以用同样的方法将一个项目拖动到另一个的下方使之与另一个并列。项目条是淡紫色的,选择整个项目后项目条会变成灰紫色。选整个项目的时候不要点项目条上的圆点,这些圆点是项目的关键帧,我们可以设置关键帧来完成整个动画。要改变关键帧的位置,可以用鼠标直接拖动这些圆点。要使整个项目执行的时间长一些就要向右拖动最后一个圆点,这时整个关键帧的位置都会改变。如果需要还要对各关键帧的位置重新调整。另一种定量改变项目长度的方法是点击右键选择“Add

Frame”来增加项目长度,选“Remove Frame”来缩短项目长度。如果要改变一个项目开始的位置可以拖动这个项目的第一个关键帧,这时项目会缩短,如果不想改变项目的长度可以点住整个项目拖动到合适的位置。并且选中整个项目时改变层的属性作用于整个项目。如果要增加或删除项目,可以选择右键弹出的菜单中的“Add Object”和“Remove Object”命令。所有这些命令都可以在“Modify”菜单中找到。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有