为了定义浮动框场景，就需要在TimeLine Editor中放置Keyframes，每一个Keyframes的位置都将以文档窗口的左上角来参考定位，这就是说场景中浮动框的位置也是相对于文档窗口的左上角而言的。
图11 向右方拖动Time Cursor
步骤二、参见图11与图12，向右拖动Time Cursor(时间光标)至TimeLine Bar(时间线条)上的某秒钟处。
图12 单击此处
步骤三、单击图7-34中手势所指处的Time Track，以便对上面创建的第二个浮动框，即Plane Floating Box进行设置。
完成这一步操作后，原先位于上方的Time Track指针将移至新的位置图。此外，操作时还应注意一个浮动框对应于一条Time Track，而当前设置操作则仅作用于该指针所在处的浮动框，即当前Time Track。
步骤四、按住下键盘上的Ctrl键后，参见图13单击靠Time Cursor稍右的地方，以便在此添加一个Key frame，即定义结束帧。
图13 单击此处
这一步操作所创建的Keyframe将用于场景的结束帧，并且将自动成为当前Keyframe。当前Keyframe在Time Track条中将由一个粗线方框包围着，与DreamWeaver 3/4等软件一样，场景的开始帧已由GoLive 5自动定义好并显示在Time Track条中开始处，Float Box的开始位置由前面的操作确定，因此场景的开始帧与结束帧就定义好了，接下来若定义好浮动框的结束位置，就将设计并制作好一小段动画场景。不过，动画的轨迹将是一条直线，这也是GoLive 5的默认设置，若要修改它的话还需要在浮动框的Inspector面板中做些别的操作。
上面的操作说明，应用浮动框的主要目的就是创建动态Web页面。动态Web页面的范围很广，这里所创建的动画场景仅是其中的一部分。在同一个Web页面的动画场景中，要移动多个物件，就应当使用多个浮动框，GoLive 5也将按您插入顺序收藏它们，一旦在TimeLine Editor中制定好了Time Tracks，它们就将在动画场景中按各自的动画场景轨迹移动起来。对于初学者来说，应当注意到复杂的动画场景对Web浏览器的浏览速度影响将会是很大的，甚至可能慢得让人难以接受。
最后说一句，较高Z-Index值的浮动框将显示在较低Z-Index值的浮动框前面。例如，Z-Index值为2的浮动框就将显示在Z-Index值为1的浮动框前。在默认状态下，浮动框将按标准的HTML流程重叠，并受GoLive 5的布局网格位置限制。
