2022年Flash网站大学本科方案设计书.docx
《2022年Flash网站大学本科方案设计书.docx》由会员分享,可在线阅读,更多相关《2022年Flash网站大学本科方案设计书.docx(24页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、精品学习资源封面欢迎下载精品学习资源作者: PanHongliang仅供个人学习宁 德 师 范 学 院欢迎下载精品学习资源毕 业 论 文 设 计专业运算机应用技术(多媒体与图像处理方向) 指导老师缪丰 羽学生张 辉学号2021101305题目 Flash 网站制作高达 Seed主题网站2021 年 5 月 25 日Flash 网站制作高达 Seed 主题网站摘要: Flash是一种创作工具,设计人员和开发人员可使用它来创建演示文 稿、应用程序和其它答应用户交互的内容;Flash可以包含简洁的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容;因此,Flash特殊适用于网站的创建,
2、不仅由于它的文件特殊小,更是由于它具备一般网站所不具备的视觉冲击力和互动力;它的互动性能是一般网站所无法比拟的;本次的网站设计为纯 Flash 网站,通过内置的 AS 代码把握整个网站的运行,包括调用外部图像,视频与音乐,把握按钮来实现不同页面间的切换等;整个网站由多个 swf 文件组成,通过主体中的 AS 代码调用其余的 swf 文件来构架一个完整的 Flash 网站;关键词: 网站 Flash Action Script目录第 1 章引言 51.1 Flash网站设计概述 51.2 设计意义 5第 2 章文献综述 52.1 Flash介绍 52.1.1 简介 52.1.2 构成 62.2
3、ActionScript2.0介绍 6欢迎下载精品学习资源第 3 章方案设计与论证 73.1 方案阶段 73.2 需求分析 83.2.1 网站的功能模块 83.2.2 网站的结构分析 8第 4 章设计与实践 94.1整体设计94.2素材收集94.3网站制作94.3.1主页制作 94.3.2人物页面制作104.3.3视频页面制作104.3.4图库页面制作124.3.5整合成网站 15第 5 章结果与评判 185.1 测试留意事项 185.2 制作过程中遇到的问题和解决方法185.3 网站改进方向 20终止语 20致谢 20参考文献 21欢迎下载精品学习资源第 1 章 引言1.1 Flash网站设
4、计概述Flash 网站又称纯 Flash 网站或者 Flash 全站,是指利用 Flash 工具设计网站框架通过 XML读取数据的高端网站;与其他通过HTM、L PHP或者 Java 等技术制作的网站不同, Flash网站在视觉成效、互动成效等多方面具有很强的优势;被广泛的应用在房地产行业、汽车行业和铺张品德业高端行业等;1.2 设计意义Flash网站多以动漫动画为主要表现形式,在视觉成效上和互动成效上与一般网站比显得更加美观动感,能够获得较高的用户体验;Flash网站的显现使网站页面脱离了 HTML网页那种死板的条条框框,让网页变得更加生动有去;网站追求视觉冲剂和时尚感受,它能够表达企业鲜明
5、形象,呈现精品产品;它是针对企业开发设计,融合企业形象,利用前沿的Flash 技术,协作 2D、3D动画表达确定设计理念的设计制作方式;Flash在玩耍网站、营销网站、艺术网 站、个人网站等有需要丰富视觉成效、猛烈感染力、动态演示的网站开发方面有这得天独厚的优势;第 2 章 文献综述2.1 Flash介绍2.1.1 简介Flash是由 macromedia 公司推出的交互式矢量图和 Web 动画的标准,由Adobe 公司收购;网页设计者使用 Flash创作出既漂亮又可转变尺寸的导航界 面以及其他神奇的成效; Flash 的前身是 Future Wave 公司的 Future Splash ,
6、是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档; 1996 年 11 月,美国 Macromedia 公司收购了 Future Wave ,并将其改名为 Flash ;后又被 Adobe 公司收购; Flash通常也指 Macromedia Flash Player现 Adobe Flash Player;2021 年 8 月 15 日, Flash 退出 Android 平台,正式辞别移动端;Flash 特点:(1) 使用矢量图形和流式播放技术;与位图图形不同的是,矢量图形可以任意缩放尺寸而不影响图形的质量;流式播放技术使得动画可以边播放边下载,欢迎下载精品学习资源从而缓
7、解了网页浏览者焦急等待的心情;(2) 通过使用关键帧使得所产生的动画 .swf文件特殊小,几 K 字节的动画文件已经可以实现许多令人心动的动画成效,用在网页设计上不仅可以使网页更加生动,而且小巧玲珑下载快速,使得动画可以在打开网页很短的时间里就得以播放;(3) 把音乐、动画、音效、交互方式融合在一起,越来越多的人已经把Flash作为网页动画设计的首选工具,并且创作出了许多令人叹为观止的动画 电影 成效;而且在 Flash4.0的版本中已经可以支持 MP3的音乐格式,这使得加入音乐的动画文件也能保持小巧的“身材”;(4) 强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画, 通过 AC
8、TION和 FS COMMAN可D以实现交互性,使Flash具有更大的设计自由度;2.1.2 构成在 Flash中创作内容时,需要在 Flash文档文件中工作; Flash文档的文件扩展名为 .fla(FLA);Flash 文档有四个主要部分:(1) 舞台舞台是在回放过程中显示图形、视频、按钮等内容的位置;在Flash基础中将对舞台做详细介绍;(2) 时间轴时间轴用来通知 Flash显示图形和其它工程元素的时间,也可以使用时间轴指定舞台上各图形的分层次序;位于较高图层中的图形显示在较低图层中的 图形的上方;(3) 库面板库面板是 Flash 显示 Flash 文档中的媒体元素列表的位置;4Ac
9、tionScriptActionScript代码可用来向文档中的媒体元素添加交互式内容;例如,可 以 添 加 代 码 以 便 用 户 在 单 击 某 按 钮 时显 示 一 幅 新图 像, 仍 可以 使用ActionScript向应用程序添加规律;规律使应用程序能够依据用户的操作和其它情形实行不同的工作方式; Flash包括两个版本的 ActionScript,可中意创作者的不同详细需要;有关编写ActionScript的详细信息,请参阅“帮忙”面板中的 学习 Flash 中的 ActionScript3.0”;2.2 ActionScript2.0介绍Flash 是一个交互多媒体的开放平台,它
10、的交互就是由ActionScript程序欢迎下载精品学习资源来实现的;ActionScript 是 Flash 独有的一种脚本程序,属于面对对象 OOP的编程,类似于高级语言,但它不是高级语言; ActionScript 经受 Flash5.0 的 1.0 版本不支持 OOP技术, Flash MX 的 1.5 版本支持 OOP技术,到了 Flash MX 2004 的 2.0 版本与 Java 相差无几;虽然如今 ActionScript3.0 已经开头普及,但鉴于之前学习的是 2.0 ,所以本次网站所运用的照旧为 2.0 版本;制作 Flash 网站常用到的 ActionScript函数包
11、括:(1) gotoAndPlay ;将比方头转到场景中指定的帧并从该帧开头播放,假如未置顶场景,就播放头将赚到当前场景中的指定帧;例如改写成“root.gotoAndPlay;”就将跳转到主场景的指定帧;(2) gotoAndStop ;将比方头转到场景中指定的帧并停止播放,假如未置顶场景,就播放头将赚到当前场景中的指定帧;例如改写成“root.gotoAndStop;”就将跳转到主场景的指定帧;(3) loadMovie ;在播放原始 swf 文件的同时将 swf 文件或 jpeg 、mp3、mp4 等文件加载到Flash Player中;第 3 章 方案设计与论证3.1 方案阶段制作网站
12、之前,第一需要明确网站的定位;需要手机相关的资料,对其进行整理并找到重点,如网站的主题是什么、用什么样的元素、元素之间要如何联系、元素要如何运动、用什么风格的音乐等;结合网站定位来准备网站的栏目需要有哪几项;然后用同样的方法来准备二级栏目下的子栏目,对它进行归类,并逐一确定每个二级栏目的主页面需要有哪些距听日,二级栏目下面的每个小栏目需要放置哪些内容;欢迎下载精品学习资源3.2 需求分析3.2.1 网站的功能模块该网站为动漫主题网站,网站主页主要内容包括人物资料、机体资料、图片文件和视频文件四大类;如图3-1图 3-13.2.2 网站的结构分析(1) 主页主页接受动画成效,由如干个小矩形组成,
13、时隐时现中显现幕后的画面, 这样在进入站点前给用户耳目一新的感觉;(2) 导航菜单与传统的导航菜单不同的是,该网站的导航菜单并没有挤成一排或一竖, 而是四下分散,随着背景音乐的奏响而渐渐显露出来;1 人物介绍该动漫中的主要人物,按阵营进行分类,让用户更易查找明白;2 机体介绍该动漫中的主要机体,由于动漫中机体种类太少,于是并没有进行分类,免去用户余外的操作;3 图库该图库收集了 56 张高清大图,每 8 张为一组,以不同与主页的变换方式显现给用户;4 视频网站收录了该动漫视频全集,用户可通过标题来选择要观看的内容;欢迎下载精品学习资源第 4 章 设计与实践4.1 整体设计万事开头难,在预备开头
14、制作一个网站时,特殊是在明确了网站的主题内容后,需要做的第一件事就是构思一个主页;就如封面对一本杂志的重要性一样,主页的成功与否同样影响着用户对网站的第一印象;该网站主页的创意来源于街头的高炮广告牌,广告面板由多个条状木板组成,随着时间的消逝而自动翻转,从而变换出另一条广告;主页的雏形也是这样,后来发觉 Flash 的开放性完全可以不必拘泥于常理,于是换成了成效更好的小矩形来进行变换;一旦主页的问题得到解决,接下来的一切都变得那么顺理成章:为了搭配主页风格而制作的矩形按钮;为了搭配主页框架而制作的二级页面等等;4.2 素材收集由于对该动漫有较多的接触,素材的收集也显得得心应手,网络上能很容 易
15、找到所需要的一切;文字资料和图片被收集起来备用,没有直接进行修改; 在网站需要用到素材的地方完成之后,再依据该处的属性来对素材进行修改; 例如相册所用的图片比例是4:3 ,此时再对收集来的图片进行修改,以达到最好的成效,而不会显现比例失调的情形;4.3 网站制作4.3.1 主页制作(1) 新建一个 AS2.0 的 Flash 文档,像素设置为 1024x600,FPS 为 30,命名为“ home.fla ”;(2) 导入需要显现在主页的三张图片“ 01”, “02” , “ 03”,并在 Flash 中创建影片剪辑“网格”,画出如下图像,尺寸为 855x329;如图 4-1图 4-1(3)
16、创建影片剪辑“遮罩 01A1”,在“遮罩 01A1”中的图层 1 放上图片“ 01”,并在图层 2 制作一个大小为 106x54 的矩形遮罩,放置于坐标点 53 27 处并添加 Alpha 成效;如图 4-2欢迎下载精品学习资源图 4-2(4) 重复3 的步骤直至作出下图成效;如图 4-3图 4-3(5) 最终回到主场景,分别放置各个遮罩,并在最终一帧添加代码gotoAndPlay1 ;以进行循环播放;4.3.2 人物页面制作(1) 新 建一 个 AS2.0 的 Flash文 档 , 参 考 4.3.1的 数据 , 命 名为“ renwu.fla;”(2) 制作大量按钮以供应当页面大量文字图片
17、查阅,翻页;主要使用的代码为:on release_root.gotoAndPlay129;该代码可使用户在点击特定按钮后跳转到主场景的指定帧并进行播放;on release tellTarget jilawz prevFrame; 该代码就是在用户阅读文本信息时所用的翻页代码,“jilawz”为文本名;如图 4-4图 4-4(3) 机体页面与人物页面结构相同,可用同样的方法制作;4.3.3 视频页面制作(1) 新 建一 个 AS2.0 的 Flash文 档 , 参 考 4.3.1的 数据 , 命 名为“ index.fla;”(2) 新建一个影片剪辑“开场视频”,将修改好的视频文件“kc”导
18、入库中,并放置于图层 kc 中,在“命令”图层的最终一帧添加代码:欢迎下载精品学习资源_root.gotoAndPlay163;stop ;以使“开场视频”在播放完“ kc ”后能跳转到主场景指定帧进行播放;如图 4-5图 4-5(3) 新建一个影片剪辑“视频背景”,将修改好的图片文件“spbj ”导入库中,并放置于图层 1 中;每 5 帧为一区间,取 10 个区间共 51 帧,如图 4-6图 4-6对图片“ spbj ”进行旋转变换,并在图层 2 的最终一帧添加代码:_root.gotoAndPlay165;stop ;如图 4-7图 4-7(4) 回到主场景,新建以下场景并将“开场视频”与
19、“视频背景”按图中位置放置在时间轴上,第162 帧以前的全为空白;如图 4-8图 4-8(5) 将图片“ freedom”导入库中并放置于时间轴“freedom ”中,设置Alpha 渐隐成效;如图 4-9图 4-9(6) 创建多个按钮用于播放视频,并在每个按钮上添加代码on release _root.page = x欢迎下载精品学习资源_root.play;其中 x 代表着该按钮将会播放第几集视频;再用同样的方法作出按钮“返回主页”与两个箭头一样的翻页按钮;如图4-10图 4-10(7) 新建一个视频剪辑“ Video”,并放置于时间轴“ Video”上;在视频剪辑“ Video”中新建
20、4 个图层,在“图层 1”中填充黑色背景; 在“图层 2”中添加 Flash 软件自带的实例“ FLVPlayback”,设置参数如图 4-11图 4-11在“图层 3”添加数字“ 1” “ 48”的按钮与一个返回上一级的“返回” 按钮;在“图层 4”中,在每一帧的场景中都用文字输入该集的标题;如图4-12图 4-12(8) 回到主场景,依照各影片剪辑的属性对时间轴进行细整,并在时间轴“ Act2 ”上各关键帧处添加代码stop ;如图 4-13图 4-134.3.4 图库页面制作(1) 新 建一 个 AS2.0 的 Flash文 档 , 参 考 4.3.1的 数据 , 命 名为“ xiang
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 2022 Flash 网站 大学本科 方案设计
限制150内