让网页动起来──用Golive5制作网页移动图像 张金贵 2001年 36期 在上网浏览时，你一定发现许多网站打开后，屏幕上就会出现一个浮动的图像，在页面上来回移动，视觉效果非常好。那么，这种动态网页效果是如何制作出来的呢？用Adobe出品的网页制作工具Golive5 来轻松地实现。Golive5内置了一个Timeline Editor功能，利用它，你不用写代码，就可以制作出一个在页面上沿任意路线随意飘动的动态图像。 　　Golive5 制作飘动图像的方法实际上是先在网页上插入一个浮动框，也就是我们平时所说的层，然后在该浮动框中添加各种页面元素，例如文字、图像、表格等，这个浮动框是独立在页面之上的。最后用Timeline editor 编辑器给这个浮动框添加动态属性，使它运动起来，这个动态效果就出来了。 　　#1一、插入浮动框 　　1．启动Golive5，编辑一个新网页。 　　2．双击Objects面板上的Floating box图标或者直接拖动该图标到文档中，即可在当前的网页中插入一个浮动框。 　　#1二、添加图像 　　1．拖动Objects面板中的Image 图标到浮动框中，在浮动框中插入图像。但这时并没有插入真正的图像，你需要在Inspector 面板中设置图像的属性（如图^36040702a^），然后才能显示指定的图像。 　　Source：图像的来源，可单击右边的文件夹按钮进行选择。 　　Width和Heigh：图像的宽度和高度。 　　Alignment：图像边框宽度，一般设为0。 　　Alt text：转换文字，当浏览器关闭图像显示功能时要显示的图像说明文字。 　　2．在Inspector面板中单击Link 选项给图像添加超链接，可以单击右边的文件夹按钮进行选择，也可以直接在文本框中输入网址，如电脑报的网址：“http://www．cpcw．com”。Target用来指定超链接窗口的打开方式，可单击右边的三角按钮进行选择。Title是当鼠标移到超链接图像上时显示的提示文字。 　　除了插入图像，你还可以在浮动框中插入文字、表格等页面元素，方法与插入图像类似。如果插入文字，只需在浮动框中单击，然后直接输入即可。 　　#1三、使图像动起来 　　1．单击当前网页编辑窗口右上角的Open DHTML timeline editor按钮，打开Timeline编辑器，在时间轨道的初始位置已经出现了一个关键帧（开始帧）。 　　2．单击选中浮动框， 在 Inspector 面板中单击Record按钮，这个按钮是用来记录浮动框的运动路径的。 　　3．在网页编辑窗口中，将鼠标移到浮动框左上角，鼠标变成小手状，然后按住鼠标左键搬运浮动框，在窗口上就会显示出浮动框的运动轨迹，你可以根据需要任意拖动运动路线，以后浏览时该图像就会沿着这个路线运动。注意：这个运动路线只有在编辑窗口中看到，在浏览器中是不会显示的。 　　4．在Timeline editor中定义运动图像的属性： 　　单击左下角的Loop（循环）和Palindrome（跳跃）按钮用来控制动画的循环行为。单击Loop按钮，动画就会循环不停的播入。单击Palindrome按钮（要先激活loop按钮），图像就会在开始和结束位置之间来回运动。单击中间的FPS下拉菜单，选择动画播放速度，默认是15。 　　5．设置完毕，就可以单击Play按钮播放动画。 　　怎么样，非常酷吧。最后保存网页，在浏览器中预览，没有了背景的运动路线，你会更感到惊讶的。