经常上网的网友对Flash制作的动感网页一定都不陌生,Flash打造的动态网页具有HTML网页不可比拟的效果,更加的炫目。然而刚开始接触Flash的朋友,大部分都对交互网页方面有些头怵,因为那必须具有Action的编程能力。其实这根本就不可怕,交互网页方面并没有应用到多么高深的编程,只要你懂得一点帧控制和鼠标事件的处理方法,就可以制作出动态网页了。如果你并不具备这方面知识,那么请跟我动手制作以下的导航条和帧控制,相信你会很快入门成为一个交互多媒体网页设计师。
目标效果(图1

):一幅Cool图,然后是每个导航条在依照着自己的轨迹运动,当我们的鼠标指向按钮时,按钮的运动终止,鼠标离开按钮,按钮依旧运动,按下按钮后开始播放另一动画,当动画播放完毕,又回到主画面。很炫吧,跟我动手开始:
1.打开Flash,先制作出按钮,按钮的制作方法如下:
因为这个按钮不需要各个区域的按钮变幻,所以Up,Over,Down,Hit四个区域的按钮样式是相同的,在这里讲解一点按钮的制作方法,Flash中的按钮是用四种不同的样式来表示的(图2

),Up区是表示按钮的正常状态,Over区是表示按钮被指针指向时的状态,Down区是表示按钮被鼠标按下时的状态,Hit区表示按钮感应鼠标的区域。
2.然后插入一个Movie Clip(Ctrl+F8),将按钮拖入中心位置。
3.在Movie Clip上加入Action程序,在按钮上单击鼠标右键。选Action项加入代码:
on(press){
gotoandplay("scene2",1)
}
//当鼠标单击时开始播放场景2
on (rollOver){
stop();
}
//当鼠标指向按钮时,停止对象的运动
on (rollOut){
play();
}
//当鼠标离开时,继续对象的运动
4.在我们以后的制作当中,你不必拘束于场景2,你可以使用场景3,场景4,使每个按钮被按下时,时间轴转换到相应内容的场景就可以了。
5.在Movie Clip的时间轴上依次加入一到七个关键帧。
6.在第二帧上打开Window中的info面板,输入X坐标为300,第三帧是200,第四帧是-100,其实这些坐标是无所谓具体位置的,有一个原则掌握就行了,不能超出场景以外,最后一个关键帧的坐标与第一个相同。这样就可以使按钮循环播放了。
7.在七个关键帧上建立Motion动画,然后像我这样把它们拖到第二十帧,第三十帧,找一个你喜欢的地方(图3

)。
你已经依照我的办法制作好了相应的Movie Clip,每个Movie Clip中包含一个按钮,每个按钮依照自己独立的轨道运动,按钮被按下时都将转换到相应的场景。
现在你已经完成了主场景的控制方面的内容了。
8.现在我们来制作相应内容的场景。我想这方面朋友们会依照自己的把握做好演示的。
9.在每个场景的最后一帧加入Action如下:
gotoandplay("scene1",1)
//跳转到场景1,也就是主场景。
10.把Movie Clip都拖到场景1的第一帧里,用Window菜单下的Align面板使它们对齐,这个网站的雏形就完成了。再加上一个Cool音效作为背影音乐,是不是很美?还不快按“Ctrl+Enter”测试一下。
其实Flash制作的多媒体网站,基本上使用帧跳转命令和一些鼠标事件加以控制就可以了。接下来我们学习一点帧跳转命令和鼠标事件使用帧跳转的命令:
gotoandplay()
//使时间轴跳转到指定的帧并开始播放。
Gotoandstop()
//使时间轴跳转到指定的帧并停止播放。
Stop()
//时间轴停止在当前位置。
Play()
//时间轴在当前位置开始播放。
鼠标的按钮事件:
On(press)
//当按钮被鼠标单击时触发。
On(release)
//当鼠标在按钮上单击并且松开时触发。
On(releaseOutside)
//当鼠标在按钮上按下,拖到按钮以外释放时触发。
On(rollover)
//当鼠标指向按钮时触发。
On(rollout)
//当鼠标指向按钮然后离开时触发。
On(dragout)
//当鼠标按下按钮拖到按钮以外时触发。
On(dragover)
//在按纽以外按下鼠标拖到按钮上释放时触发。
这些函数对于多媒体网站的制作是相当有用的,大家可以举一反三,相信你会制作出高品质的炫目动态网页。
1.设计首页,加入导航条,每个按钮实现Movie Clip的跳转或是场景的跳转。
2.设计首页的画面,以形象页的形式出现,加入主体形象动画。
3.设计每个按钮所跳转的部分的Movie Clip或是场景的动画内容。
4.为按钮或是场景加入背景音乐。
5.制作帧跳转部分的Action脚本。
6.测试,输出。
当然多媒体形式不拘一格,只要深入学习Flash制作和多观赏国内外著名的多媒体网站,相信你也会成为一名出色的多媒体设计师,制作出完美的动态多媒体网站。