让网页动起来──用Golive5制作网页移动图像

Author: 张金贵 Date: 2001年 36期

?牐犜谏贤朗保阋欢ǚ⑾中矶嗤敬蚩螅聊簧暇突岢鱿忠桓龈《耐枷瘢谝趁嫔侠椿匾贫泳跣Ч浅：谩Ｄ敲矗庵侄承Ч侨绾沃谱鞒隼吹哪兀坑肁dobe出品的网页制作工具Golive5 来轻松地实现。Golive5内置了一个Timeline Editor功能，利用它，你不用写代码，就可以制作出一个在页面上沿任意路线随意飘动的动态图像。
　　?牐燝olive5 制作飘动图像的方法实际上是先在网页上插入一个浮动框，也就是我们平时所说的层，然后在该浮动框中添加各种页面元素，例如文字、图像、表格等，这个浮动框是独立在页面之上的。最后用Timeline editor 编辑器给这个浮动框添加动态属性，使它运动起来，这个动态效果就出来了。
　　#1?牐犚弧⒉迦敫《?
　　?牐?1．启动Golive5，编辑一个新网页。
　　?牐?2．双击Objects面板上的Floating box图标或者直接拖动该图标到文档中，即可在当前的网页中插入一个浮动框。
　　#1?牐牰⑻砑油枷?
　　?牐?1．拖动Objects面板中的Image 图标到浮动框中，在浮动框中插入图像。但这时并没有插入真正的图像，你需要在Inspector 面板中设置图像的属性（如图^36040702a^），然后才能显示指定的图像。
　　?牐燬ource：图像的来源，可单击右边的文件夹按钮进行选择。
　　?牐燱idth和Heigh：图像的宽度和高度。
　　?牐燗lignment：图像边框宽度，一般设为0。
　　?牐燗lt text：转换文字，当浏览器关闭图像显示功能时要显示的图像说明文字。
　　?牐?2．在Inspector面板中单击Link 选项给图像添加超链接，可以单击右边的文件夹按钮进行选择，也可以直接在文本框中输入网址，如电脑报的网址：“http://www．cpcw．com”。Target用来指定超链接窗口的打开方式，可单击右边的三角按钮进行选择。Title是当鼠标移到超链接图像上时显示的提示文字。
　　?牐牫瞬迦胪枷瘢慊箍梢栽诟《蛑胁迦胛淖帧⒈砀竦纫趁嬖兀椒ㄓ氩迦胪枷窭嗨啤Ｈ绻迦胛淖郑恍柙诟《蛑械セ鳎缓笾苯邮淙爰纯伞?
　　#1?牐犎⑹雇枷穸鹄?
　　?牐?1．单击当前网页编辑窗口右上角的Open DHTML timeline editor按钮，打开Timeline编辑器，在时间轨道的初始位置已经出现了一个关键帧（开始帧）。
　　?牐?2．单击选中浮动框，在 Inspector 面板中单击Record按钮，这个按钮是用来记录浮动框的运动路径的。
　　?牐?3．在网页编辑窗口中，将鼠标移到浮动框左上角，鼠标变成小手状，然后按住鼠标左键搬运浮动框，在窗口上就会显示出浮动框的运动轨迹，你可以根据需要任意拖动运动路线，以后浏览时该图像就会沿着这个路线运动。注意：这个运动路线只有在编辑窗口中看到，在浏览器中是不会显示的。
　　?牐?4．在Timeline editor中定义运动图像的属性：
　　?牐牭セ髯笙陆堑腖oop（循环）和Palindrome（跳跃）按钮用来控制动画的循环行为。单击Loop按钮，动画就会循环不停的播入。单击Palindrome按钮（要先激活loop按钮），图像就会在开始和结束位置之间来回运动。单击中间的FPS下拉菜单，选择动画播放速度，默认是15。
　　?牐?5．设置完毕，就可以单击Play按钮播放动画。
　　?牐犜趺囱浅？岚伞Ｗ詈蟊４嫱常阡榔髦性だ溃挥辛吮尘暗脑硕废撸慊岣械骄鹊摹?
　　