摘 要： 由于FLASH技术涵盖的元素多样化,具有其独特性,使得其在网站建设中应用FLASH技术已经成为一种趋势。在网站中通常能看到用FLASH技术制作的引导界面、动态LOGO、交互式动画、广告动画、导航栏,网站注册及登录等等,这些使得网站呈现的效果更加生动鲜明,吸引用户浏览。本文探讨了FLASH技术在网站建设中的多种应用。
关键词： FLASH技术; 网站建设; Actionscript语言;
0、 引言
当今社会,互联网发展迅猛,网络传播庞大的信息量,传播速度非常快,覆盖范围极其宽广,数据以多种形式显现,人们通过智能手机、电脑等能便捷得获得各种信息,可以说我们的生活已经离不开网络。FLASH使用的矢量图存储空间较小,FLASH动画具有较强的交互功能、精美的动态效果,网站中加入FLASH动画后会具有强烈的视觉冲击、强大的交互功能,会给用户留下深刻印象,因此,FLASH技术已经受到了网站设计者们的青睐。
1 、Flash网站
1.1 、Flash网站的规划
(1)确定网站主题和风格:
确定网站的主题是至关重要的,有了主题才能制定风格,这决定了之后素材的收集、动画的设计、网站的制作等多个环节。
(2)设计网站结构:
就是设计方便使用的导航和网站整体目录结构图。一个网站构造的好坏影响着用户对网站使用的感觉,这决定了用户是否愿意再次浏览该网站。导航具备一致性、可识别性和可学习性,它向用户展现了整个网站的信息结构,用户可以通过导航实现在网站内部各个场景之间的跳转。导航必须可以被用户轻松识别并方便使用,给用户提供标记来浏览网站。网站结构对于维护网站、更新内容有着重要影响。
(3)设计场景:
FLASH网站是通过场景将内容展示给用户的,主场景就是主舞台,规定了网站的帧频、长宽像素比例等,二级子场景、三级子场景等逐个导入到主场景中。场景的设计是根据网站结构来规划的。
(4)准备素材:
根据确定好的网站主题、风格和结构,收集相关素材,主要有以下几类:
1)文字:文字生成文件较小、容易编辑,下载方便,是网站最基本的元素。长篇累牍的文字会让人厌烦而不愿意去看,网站中使用的文字必须要简明扼要,突出网站主题。浏览网站的用户电脑硬件条件各不相同,为了避免在不同硬件环境下文字出现无法显示的情况,网站不可使用特殊的字体,而要选择常用字体和容易辨识的字体。考虑到用户浏览网站内容的舒适感,对网页中文字的大小、颜色、行间距、字间距等设置都有一定限制。
2)图片:所谓“图文并茂”,网页使用的文字必须配上合适的图片。与位图相比,FLASH中常见的矢量图是以数学公式来表示的,需要的存储空间比较小,放大后边缘不会出现锯齿状,不影响图片质量。
3)动画:除了现成的GIF动画,FLASH本身就是制作动画的,用FLASH可以制作网站的导入动画、广告、导航栏动画、各场景动画等。
4)音乐等:音乐文件对网站来说是必不可少的。在网站中需要有背景音乐、鼠标点击音效,一些特效,还有FLASH动画中需要有配音。此外,FLASH网站中也可以导入视频文件。
(5)制作网站
1)制作loading页:
用户打开网站的时候,不管网速快慢,都必须等待一段时间将网站内容下载到电脑里才能开始浏览网站的,这就需要设计loading页来吸引用户的视线,引导用户等待下载完成。这里举例用ActionScript技术制作一段进度条动画,按F9键,在“动作”面板输入以下代码,这样当打开网站时,进度条会显示当前下载的进度,暗示浏览者马上就能开始浏览网站了,不用等太久了。
主场景脚本层第1帧脚本:
2)FLASH和Dreamweaver结合制作整站:
利用FLASH的逐帧动画、传统补间动画、补间形状、引导层、遮罩、按钮等技术结合ActionScript脚本语言、Dreamweaver技术和数据库等软件技术,搭建整个网站,制作网站注册、会员登录、表单、导航动画、FLASH网络广告动画、交互动画、场景切换动画、链接效果和各层级的场景动画。
3)网站的后期调试、管理和维护:
网站建设好后,后期调试是必不可少的。这里包括网站链接测试,检查各层级网页中是否有超链接掉链的情况存在;网站兼容性测试,用多种浏览器测试网页打开和使用是否正常,并在多种操作系统中测试;网站性能测试和网站安全性测试。
1.2、 Flash在网站中的主要应用
1.2.1、 动画导航系统
对于网站来说,导航系统发挥着极其重要的作用,它为网站浏览者提供了从一个页面跳转到另一个页面的途径,使浏览者可以快速便捷得访问到所需的内容。导航系统可以有文字类、图片类和浮动类,它不再仅仅是传统的鼠标移上去出现的效果,用FLASH技术结合ActionScript脚本语言,可以制作出导航动态效果,使用户在使用时有愉快感和新鲜感。设计时,要分出不同级别的导航栏,一级导航栏要具有鲜明感和立体感,一目了然,吸引用户去使用。每个级别的导航栏要有标志给予区分,色彩搭配要清爽亮丽,结合使用FLASH中的按钮,用ActionScript脚本语言和音效制作导航动画特效,使浏览者享受点击过程的感觉。
1.2.2、 网络广告
网络广告是采用网站上的广告横幅、文本链接、多媒体等方法,将高科技广告传递给互联网用户的一种方式,它是全新的广告媒体,覆盖范围广、信息容量大、费用低投资少、多媒体动态效果好、传播速度快,在各个网站随处可见。此外,由于FLASH动画有交互性,用户不仅可以欣赏广告,还能通过拖动、选择、点击等行为来改变动画的播放走向而参与其中,使自己成为动画的一部分,这样的广告会让用户记忆深刻,大大增加点击率,已经成为商家的首选。网站广告主要有按钮类、标识类、横幅类、通栏类、对联类、画中画类、背投类和全屏类,在设计时要求色彩清晰明快、内容简明有号召力、讲究时效性和趣味性。
1.2.3、 组件的使用
FLASH中有一些带有不同参数的影片剪辑叫“组件”,组件是制作丰富网络应用程序的构建模块,在网站设计中开发人员可以通过组件重复使用和共享代码,封装复杂功能,使得设计者可以自定义使用这些功能而无须重复编写复杂的脚本。网站中常用的FLASH组件有选择类、文本类、列表类、控制类和容器类,可以用来制作例如网站用户登录程序、网站会员注册页面、投票页面、心理测试页面等。
1.2.4 、各级场景动画和转场动画
FLASH网站比较多得用于企业产品的推广、企业官方网站、个人工作室等,这些网站内容比较新奇独特,有企业特色或个人风格。在制作网站的形象展示动画时,主色要根据整个网站风格来设计,其它搭配色要对照主色进行选择。在制作各级场景动画时,除了使用FLASH补间形状、补间动画等技术外,可以结合视频的插入、三维应用引擎使动画更具有魅力和吸引力。网站链接网页之间的转场动画是网页之间的过渡,可以使用动画特效来完成,有时简单的遮罩技术和多个图层的叠加设计,会产生很酷很炫的转场效果。
1.3、 Flash网站的优缺点
1.3.1 、优点
(1)更酷更炫的视觉效果:
每个互联网用户的心理特征不同,在浏览网站时的感受及与网站的互动频率就会不同。设计者需要从专业的角度出发,掌握足够的视觉力、创造力和想象力,使用户浏览网站时留下深刻的印象。与静态网站不同,FLASH技术可以制作酷炫的动画效果,充分展示MV、视频、游戏、动画等元素,网站变得有故事有内涵、增加广告特性、生动而立体,使用户在打开网页时眼前一亮,这样具有动态视觉效果的网站,有着无穷的吸引力。
(2)传播多种类型的信息,与用户更好地互动:
FLASH中可以插入多种格式的图片、音频文件和视频文件,通过网页上的导航、动画、广告等元素向用户传播多媒体信息,与传统网页相比更加多元化。将FLASH动画和ActionScript脚本语言相结合,使用按钮特效、3D效果,用户可以通过键盘或鼠标来控制网页中对象的运动,增加了与网站的互动,提高了网站的趣味性和吸引力。
1.3.2、 缺点
(1)搜索引擎的问题:
FLASH网站中所包含的多种类型的数据都是集成在SWF文件中,即使是当下百度、谷歌等主流的搜索引擎对于FLASH网站内的动画元素进行识别、收录和调用还是比较困难的,这一点会影响网站的推广,可以参考的方法是添加网页关键字以便被搜索引擎查找到。
(2)代码的安全性:
FLASH网站中特效、广告等许多地方会用到ActionScript脚本语言,这种语言有其自身无法忽视的安全漏洞,黑客有可能会利用漏洞来攻击网站和浏览者电脑,如何避免病毒的入侵保障网站的安全是必须考虑的问题。
2 、基于ActionScript脚本语言的网站图片展示系统
用FLASH技术的ActionScript脚本语言制作的网站图片展示系统通常有两种形式:一种是每张图延续一定时间显示,全部图片自动反复循环播放;另一种是设置向前和向后的导航控制,通过点击按钮来控制图片的显示。下面简单介绍一下第一种网站图片展示系统,即自动播放图片的设计。
(1)将展示的十张图片导入库,依次转变成名为P1～P10的影片剪辑元件,并设置同名标识符;
(2)设置遮罩影片剪辑mask,给标题按钮图层添加发光、挖空滤镜效果;
(3)设置影片剪辑元件AutoPlay,添加如下脚本:
(4)新建名为“timer”的影片剪辑元件,在第1帧添加如下脚本:
在第50帧添加如下脚本:
3、 总结
FLASH凭借其补间动画、补间形状等动画制作技术和ActionScript脚本语言的结合使用,给网站设计带来了无限生机和惊喜,酷炫的动态界面、强烈的视觉冲击力,FLASH网站给浏览者留下了深刻的印象,这样的网站受到商家的青睐,前景广阔,相信在未来会成为主流。
参考文献
[1]赵爱涛.FLASH动画在网站建设中的应用[J].石家庄职业技术学院学报,2016(4):36-38.
[2]许悦.FLASH技术在网站制作中应用的研究探讨[J].辽宁高职学报,2014(3):79-80.
[3] 胡燕.FLASH在网站中的运用形式及FLASH网站的分类[J].文艺生活,2015(11):270-271.
[4]王腾.基于ActionScript3.0技术网站的设计与开发[J].网络安全技术与应用,2015(5):132-133.
[5]俞燕泉.基于FLASH技术的企业网站开发[J].电脑知识与技术,2013(11):739-743.
[6] 张英.浅谈FLASH网站的开发[J].消费电子,2013(12):93.
[7]张小芸.探讨全FLASH精品网站制作[J].福建电脑,2016(1):142.
