FLASH 技术在网站制作中应用探讨

陈明坤*

（丽江师范高等专科学校，云南丽江，674199）

FLASH 技术在网站制作中应用探讨

陈明坤*

（丽江师范高等专科学校，云南丽江，674199）

随着互联网信息技术的发展，网站制作也成为热门的互联网行业之一。其中 Flash技术主要负责网站中的视频制作，并联合Dreamweaver等网页制作工具，完成网页的代码编辑工作。本文首先对Flash技术的主要内容分析进行了简要介绍，其次通过分析内置ActionScript、高级语言编写等内容，并提出FLASH动画的设计制作方案并给出了网站制作流程以及应用。希望本文能给相关工作领域工作人员提供一些参考。

Flash技术；网站制作；应用

引言

当前Flash技术广泛应用于网站开发、游戏制作、网络教学等方面，其具有的鲜明视觉冲击与良好的交互特性，赢得了众多网站开发群体的喜爱。Flash动画依托于HTML语言编写的网页平台，通过在网页平台中添加相应的视频代码，来实现网页视频的添加与播放。因此使用Flash技术进行网页视频的开发，能有效拓宽网站的传播途径，提升网站的交互性与审美观感。

1 Flash技术的主要内容分析

1.1 流媒体技术

流媒体属于多媒体视频的播放形式，其主要通过在网页中安装多媒体播放插件，来实现网页的视频播放任务。流媒体引入到网站视频的制作中，能够有效解决视频的在线观看难题。用户无需对观看的视频进行下载，而只要打开相应的网络播放端口，就能观看已经加载完毕的视频。而且该流媒体插件只需进行一次安装，就能够在之后进行视频的快速播放。而且在视频播放的过程中，流媒体只占用较少的内存空间，还可以同时开始视频的播放与下载活动。这种依赖系统缓存的多媒体播放形成，能够大大缩短用户的等待时间。

1.2 矢量图技术

Flash技术为网页动画制作的主要工具，其能够制作出集合声音、图像、动画等于一身的媒体素材。Flash技术所制作出的图像为矢量图，矢量图中不包含相应的像素点，而是由具有统一色调的色块构成。所以矢量图不会随着图像的放大，而产生分辨率失真的现象。相比于传统的位图而言，矢量图所占用的存储空间较小，其显示的色彩效果非常的明艳与抽象。而且在网页动画的制作中，矢量图上传与加载耗费的时间短，所占用的网络带宽少，也能一定程度上提高网页的浏览速度。同时Flash技术还支持PSD、Illustrator等格式图像的导入，还能对大多数格式图像进行编辑。

1.3 动态交互技术

Flash技术中另一个重要部分为动态交互，这是Flash产生视觉冲击的主要手段。用户只要点击鼠标，就能在相应部位出现动画或者执行框，然后引导用户完成整个网页的浏览活动。动态波纹、飘落的树叶或者美妙音乐，都可以在用户点击浏览的过程中实现，这使得网站的页面交互更加生动有趣。而且在用户与网站的交互中，Flash内置的ActionScript语言结合JavaScript，能够实现用户与网页的双向互动。对于网页中所有的操作事项，用户都可以通过引导式的点击来完成，还可以在点击中自由的选择选项，从而决定最终的操作目标。例如：用户可以通过执行相应流程，来了解网页中的产品内容，并对其中的相关联链接进行访问，这可以大大缩减用户的执行步骤。

2 Flash技术中动画类型的制作流程

2.1 逐帧动画的制作

逐帧动画属于静帧动画的一种延伸，其时间线中包含一系列的静帧图片，静帧图片按照一定的时间节奏播放，就能够形成逼真的动画形式。但与传统逐帧动画相比，Flash逐帧动画的制作不需要对每一帧进行改变，而只需对播放过程中的关键节点进行更改，就可以完成相应的角色动作。逐帧动画利用眼睛的视觉残留原理，其本质仍然是一连串的单帧图像。F'laah逐帧动画只需要对某些动作进行复制粘贴，并对相应的动作实现稍加修改，就可以呈现出逼真的动画效果。因此Flash逐帧动画的制作，能够在占用较小存储空间的前提下，提高动画制作的效率。

2.2 动作补间动画的制作

通过在时间线起始位置、终止位置的两帧处点击，就能够完成动作补间动画的制作。起始位置和终止位置的两帧图像，会存在亮度、饱和度和色调等方面的差异，在动作方面也有相应的改变。而Flash动画开发者只需要按动按钮，就能够自动填补起始位置、终止位置之间的动画帧。这种动作补间动画的制作耗费时间短，但缺点是其制作出的动画较为生硬，角色的立体感不强。

2.3 形状补间动画的制作

相比于动作补间动画的制作，形状补间动画具有更加复杂的变化。形状补间动画中图像的形状、色调、亮度和位置，都会随着时间推移而发生变化。Flash动画开发者在时间线起始位置、终止位置的两帧处点击，就能够完成形状补间动画的制作。这其中所存在的动画效果，都由ActionScript语言程序在计算后，对中间帧的演进形态进行填补。因此形状补间动画只存在起始位置、终止位置的两帧，其在动画存储中所占用的空间较小。但形状补间动画仍然存在动作生硬、角色立体感不强等方面问题。除以上Flash动画类型以外，还存在遮罩动画、引导路径动画等类型，其主要用于制作简单的波纹和路径效果。

3 Flash技术在网站制作中的应用

3.1 运用Flash动态技术制作网站页头

通过制作网站页头的动态卷轴动画效果，来演示Flash动态技术的应用方向。首先，新建背景为白色的Flash文档，舞台大小设置为950*400px。ctrl+F8新建图形元件命名为转轴，点击矩形工具（笔触颜色无），填充颜色黑色，绘制转轴两端位置。点击矩形工具（笔触颜色黑色），线条粗2、填充颜色线性，左右颜色配置适当的颜色即可。点击场景1回到场景舞台，将图层1改名为轴1，并将转轴图形元件拖到舞台，调整到适当的大小和位置。将准备的图片素材导入到舞台，调整设当的大小和位置，图片素材可以准备png的无背景图片，或者用Photoshop处理后再导入到Flash，并使用遮罩进行处理。新建图层命名为轴2，复制轴1第一帧粘贴到轴2图层第一帧处，并调整好转轴位置。选中所有图层在第100帧处添加帧，在第100帧处将轴2及矩形拖到适当位置，使动态卷轴动画能够全部显示。然后右键单击鼠标插入补间动画，点击Flash软件“控制”、“测试影片”，对动态卷轴动画的最终效果进行测试。接着为卷轴动画添加背景音乐，新建图层导入 mp3格式的音频文件，并将音乐元件插入到场景舞台中。最后卷轴动画插入到网站页头，测试最终的动画呈现效果。

3.2 网站寉航栏的制作

导航栏是网页制作中的另一个重要环节，用户通过导航栏可以完成网站各个类目的浏览工作。Flash软件技术可以进行文字、图片和动态图像的制作，其中文字类导航栏是最为常见的网站导航方式。大多数网站都使用文字进行不同类别的导航，而图片常常位于页面的中部或者右部，用于展现新闻资讯、商品购物等内容，在新闻网站或者电子商务网站中应用非常广泛。而具有动态效果的图像导航，则常常出现在商品广告或网站公告中。这些导航形式需要JavaScript、ActionScript等技术才能完成，运用Flash的导航制作流程如下：首先要在剪辑元件内部新建子菜单，并将创建好的菜单文件插入场景，增加鼠标悬停的播放脚本，从而完成菜单的编辑工作。

3.3 网站中鼠标跟随的制作

Flash技术在网站制作中，只承担页头、导航栏、鼠标跟随等内容的制作。对于网站中鼠标跟随的制作，首先在Flash文档中建立剪辑元件，并在场景中随意绘制鼠标运动的跟随轨迹图形。之后回到主场景舞台，将剪辑元件的文件插入到主场景舞台图层的第一帧，然后输入 ActionScript编码 onClipEvent(load)j startDrag("",true);};，最后将制作完成的swf文件导出，并将其置入网页鼠标跟随动画中。

4 结束语

Flash技术能够实现网页中的页头、导航栏和状态栏等的制作，也可以在特定位置加入Flash视频。但Flash只负责网站中动态效果的制作，其不能完成整个网站的制作任务。只有先使用

Dreamweaver等专业的网站制作工具，制作出网站的整体框架，才能在其中添加需要的 Flash内容。所以 Flash技术需要与

Dreamweaver、Fireworks等网页制作技术结合，才能完成网页动态内容的表现活动。

[1]赵志建. Flash动画在网站设计中应用[J]. 信息通信,2012,(03)：125-126.

[2]张丽萍. 网页设计中 Photoshop与 Flash的结合应用[J]. 煤炭技术,2013,(04)： 158-159.

[3]孙铁辉,等. 交互设计在flash课件中的应用[J]. 计算机光盘软件与应用,2012,18： 181.

[4]吴准辉. 浅析纯Flash网站的现状及发展[J]. 电子制作,2013,7： 103.

[5]宋晓鸣. Flash在网页设计中的应用[J]. 电子技术与软件工程,2015,3：89.

Application of FLASH Technology in Website Making

CHEN Mingkun*
(Lijiang Teachers College,Lijiang Yunnan,674199,China)

With the development of Internet information technology,website production has become one of the hottestInternet industries.Among them,Flash technology is mainly responsible for the video production in the website,and combined with Dreamweaver and other web authoring tools to complete the code editing work of the web page. In this paper,the main content of Flash technology is briefly introduced,and then through the analysis of built-in ActionScript,high-level language writing and other content,and put forward the FLASH animation design and production program,and gives the website production process and application. I hope this paper can provide some reference for the relevant work field staff.

Flash technology; website production; application

TP393.092

A

1672-9129(2017)06-0168-02

10.19551/j.cnki.issn1672-9129.2017.06.061

陈明坤. FLASH技术在网站制作中应用探讨[J]. 数码设计,2017,6(6)： 168-169.

Cite：CHEN Mingkun. Application of FLASH Technology in Website Making[J]. Peak Data Science,2017,6(6)： 168-169.

2017-01-23；

2017-03-07。

陈明坤(1987-)，男，云南省丽江市，毕业于黑龙江科技学院，就读期间于2007年6月至2008年9月到加拿大北阿尔伯塔理工学院交流学习一年，本科，助理工程师。研究方向：计算机应用、网络管理。

Email：chenmingkun01@163.com