手机站
网通分站
电信主站
密 码:
用户名:
当前位置 : 主页>网页制作>Dreamweaver>列表

Dreamweaver8时间轴及创建时间轴动画

来源:互联网 作者:west263.com 时间:2008-02-23
西部数码-全国虚拟主机10强!40余项虚拟主机管理功能,全国领先!双线多线虚拟主机南北访问畅通无阻!免费赠送企业邮局,.CN域名,自助建站480元起,免费试用7天,满意再付款! P4主机租用799元/月.月付免压金!

  

  这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。

  时间轴实根据时间的流逝移动图层位置的方式显示动画效果的一种动画编辑界面,在时间轴中包含了制作动画时所必须的各种功能。

  1、时间轴的各项功能



  (1)时间轴弹出菜单:表示当前的时间轴名称。

  (2)时间轴指针:在界面上显示当前位置的帧。

  (3)不管时间轴在哪个位置,一直移动到第一帧。

  (4)表示时间指针的当前位置。

  (5)表示每秒显示的帧数。默认值时15帧。增加帧数值,则动画播放的速度将加快。

  (6)自动不放:选中该项,则网页文档中应用动画后自动运行。

  (7)LOOP(循环):选中该项,则继续反复时间轴上的动画。

  (8)行为通道:在指定帧中选选择要运行的行为。

  (9)关键帧:能够变化的帧。

  (10)图层条:意味着插入了“层”等对象。

  (11)图层通道:他是用于编辑图层的空间。

  2、在DW8中显示时间轴

  选择菜单栏的窗口/时间轴或按快捷键Alt+F9,则显示时间轴。

  四、创建时间轴动画

  时间线只能移动分层对象,假如想移动文本或图像之类的对象,能够将其放在层中。

  1、打开09.html文档,

  把光标放到页面左上方的位置,在插入面板选择布局>绘制层,创建六个层。分别输入文字“小”、“木”、“web”、“欢”、“迎”、“您”,将图层排列在适当的位置。

  2、打开时间轴。选择层1后,拖动到时间轴的第一行上。

  3、用同样的方法,把包含有其他文字的层也根据文字的顺序拖动到时间轴的第2-6行上。

  

  4、为了减慢文字移动的速度,把时间轴中的15帧全部扩展为25帧。

  5、在时间轴中选择Layer1的第一帧,在属性面板的顶端坐标值(T)中输入(-50),这样,能够把文字放置到上侧。

  6、用同样的方法选择其余层的第一帧后,把顶端坐标值(T)统一设定为(-50)。

  7、为了每个一段时间下落一个文字,从第二个动画条开始向后移动5帧。勾选“自动播放选项”。

  8、按F12浏览效果。

  这篇教程为“Dreamweaver 8 入门经典教程”的一部分。查看全套教程>>>>>。

文章整理:西部数码--专业提供域名注册虚拟主机服务
http://www.west263.com
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!