摘要:Flash动画的加入,使得网站的页面设计有了更为动态的视觉感受。对于制作网站的初学者而言,我们很难迅速全面的掌握Flash技术。结合实际制作网页过程中添加Flash元素的方法,使读者能实践运用相关的技术。
关键词:Flash;网页制作
中图分类号:TP37 文献标识码:A文章编号:1009-3044(2011)28-6990-02
随着Web技术的进一步发展,网页制作技术已经进入了新的阶段。人们追求的不再是仅有文字和图像的网页,而是追求新颖而有动态效果的Flash网页。大家喜欢浏览Flash设计的网站内容,例如国内可口可乐、移动通信、必胜客等各大企业网站设计的Flash动画广告。但事实上,现在只有极少数人掌握了使用Flash建立全Flash站点的技术,因为它意味着开发者必须具备更高的界面维护能力和开发整站架构能力。对于制作网站的初学者而言,我们可以通过以下途径为网页添加Flash元素,使制作的网页更具有观赏性。
1 运用已有的Flash素材
完全掌握Flash动画的设计需要一个系统的学习和制作过程,对于刚刚掌握网站开发技能的初学者而言,独立的设计制作Flash动画确实有些困难。但是我们完全可以借助于互联网来搜寻适用的Flash素材,利用别人做的Flash来修饰自己的网页。下面以应用透明Flash为例简单介绍一下具体的实现方法。
1.1 利用搜索引擎找到Flash并下载到本地磁盘。
网页中呈现的Flash元素并不能像下载图片一样右击另存到本地磁盘,但是我们可以借助于迅雷、网络快车等多种下载工具实现Flash的下载。在没有合适的下载工具时也可以采用以下方法实现:
首先找到需要下载Flash的网页,然后打开“工具”→“Internet选项”,点击“常规”标签,在“Internet临时文件”处单击“设置”按钮,在出现的对话框中单击“查看文件”,便会打开位于“C:\\Documents and Settings\\Administrator\\Local Settings\\Temporary Internet Files” 下的Internet临时文件夹,然后在此处查找扩展名为swf的文件,便是Flash动画所在。
1.2 透明Flash的实现
方法一:在Dreamweaver中插入Flash后,在文档窗口选中Flash文件,打开“属性面板”,左键单击“参数”按钮,在打开的“参数设置”对话框中设置如下:
参数:wmode值:transparent
方法二:直接在代码中填写。在Dreamweaver中切换到代码视图,找至标记,然后输人以下代码:
通过插入背景透明的Flash,我们可以使得网页中增添许多绚丽的动态效果。
2 运用Dreamweaver制作Flash动画
在网页中我们经常能看到图片随机切换的Flash动画效果,这些Flash元素并不需要通过Flash来制作,直接运用Dreamweaver CS3也能很好的完成。
首先,在Dreamweaver中打开要加入Flash动画的网页,点击“插入记录” →“媒体” →“图像查看器”,把插入的Flash元素保存到相应的站点目录下。
然后,选中Flash元素,分别设置相关属性。(如图1所示)
imageURLS为显示的图片,把需要呈现的图片通过“编辑‘imageURLS’数组”(图2)对话框添加到站点中。
imageLinks为图片的链接路径
showControls为是否出现播放控制栏
slideAutoPlay为是否自动播放
slideLoop为是否设置循环
title为Flash元素的标题
transitionsType为设置过渡效果
3 运用反编译软件修改Flash动画
我们常说的flash反编译,就是把flash导出的格式(swf和exe)再编译成fla格式,从中提取出swf或exe中的矢量图、声音、图片、片段、字体、文本、脚本等内容。使用反编译软件一般只是为了更好的学习,或当自己作品或作者授权的作品丢失fla源文件的情况下采用的临时补救办法。考虑到作品版权的问题,对于以盈利为目的的创作,我们还是不能直接去改别人的作品来用。
硕思闪客精灵是一款用于浏览和解析Flash动画(.swf文件和.exe文件)的工具。最新版本有着强大的功能,可以将swf文件导出成fla文件。它还能够将flash动画中的图片、矢量图、声音、视频(*.flv)、文字、按钮、影片片段、帧等基本元素完全分解,最重要的是可以对动作的脚本(Action Script)进行解析,清楚的显示其动作的代码,让制作者对Flash动画的构造一目了然。
ASV2011是一款优秀的Flash反编译软件,支持AS1、AS2、AS3。ASV功能强大,是业界领先的Flash反编译工具,尤其是ActionScript的反编译能力,一直深受专业开发人员的好评。
运用相关的反编译软件,我们更好的可以对已有Flash源文件进行学习和理解,有利于初学者掌握Flash动画的制作。
4 小结
作为网页三剑客之一的Flash技术,它在网页制作中有着不可替代的作用。通过以上方法尽管可以解决简单动画的实现问题,但如果需要设计制作更具有欣赏性的Flash动画,我们还需要进一步加强对Flash动画软件的学习。
参考文献:
[1] 石范锋.网页设计与制作项目化教程[M].北京:中国海洋大学