制作独一无二的下载系统

网页作坊

下载系统是所有网站必不可少的部分,在规模较小的网站中,我们可以将下载部分独立出来。利用Flash强大的交互性,就可以制作出别有特色的下载系统。在本例中,实现的代码较简单,我们着重讲解Flash Web独特的设计理念及页面美化技巧。

特色背景DIY

很多朋友在制作网页时往往首先考虑使用现有图片做网页背景,事实上,借助Flash软件本身强大的绘图功能,自己动手制作一个独一无二的网页背景并非难事。

首先新建一个大小为800×550像素的动画文件,然后绘制一个大小与舞台尺寸相同的矩形,并使用白色到浅灰色的渐变色填充,接着用渐变工具调整渐变角度为向右下角倾斜45°。这样所制作出来的背景颜色就给人以淡雅、洁净的感觉。为加强这种效果,我们在上面再绘制一些图形。大家可以根据图1仿制。特别注意应尽量将这些图形的色彩调淡并与背景颜色趋于一致。这样,背景的绘制工作就完成了,将此图层锁定,并新建一个图层用于制作下一部分。

7-f9-1-1.jpg
图1

仿制“资源管理器”

既然是下载系统,当然要将资源提供给访问者,供其下载。由于与传统静态网页的下载方式迥异,我们考虑模仿Windows中的资源管理器,这样不仅遵循了访问者操作习惯,而且不失创意。

发挥DIY精神,我们自己绘制图标,为方便模仿、对照,可以用抓图工具抓一张“我的文档”图标并导入到舞台里。并仿照图标用直线工具及铅笔工具勾勒出线条,最后使用渐变色填充,最终效果如图2所示。建议感兴趣的朋友制作“打开”和“关闭”两个状态的图标。

7-f9-1-2.jpg
图2

接着制作其它部分,其中在图标左边的按钮用于控制歌曲列表的收缩;歌曲列表则制作为首帧及末帧停止的遮罩动画。现在,大家就可以自己完成笔者所描述的效果了。如果有的朋友还感到吃力的话,看看图3应该就能理解了。

7-f9-1-3.jpg
图3

最后,往歌曲中添加代码实现下载功能。假设在与此动画的同一目录中有1.mp3,则我们可以使用相对路径,在列表按钮中加入代码:on(press){getURL("1.mp3","_blank")}。同理,我们只要掌握了相对路径的原理,还可以在网页空间里新建一个用于摆放MP3的文件夹,并将它命名为:mp3,则代码就改为:on(press){getURL("mp3/1.mp3","_blank")},然后根据自身情况往按钮里添加相应代码即可。

总结:在此例中不难看出,绘图是制作Flash Web的基本功,一味地使用导入的图片在很多时候并不能十分贴切地表现自己所预期的设计效果。而且这样还会失去Flash Web的特点之一:个性。其实,对于大多数没有美术功底的朋友来说,要多留心身边的美,电视节目的片头、片尾就是你最好的老师。总而言之,只要善于思考,久而久之你的功力就会自然增长。