安徽农业大学经济技术学院毕业论文（设计）论文题目 FLASH网站的设计与实现姓名徐浩学号 06538074院系经济技术学院专业计算机科学与技术指导教师范国华、吴国栋职称助教、副教授中国·合肥二o一o年六月安徽农业大学学士学位论文（设计）开题报告目录摘要 (1)1 引言 (1)1.1 FLASH网站阶段 (1)1.1.1 FLASH网站特性 (1)1.1.2 FLASH 在未来的互联网中的发展趋势 (2)2 FLASH网站制作的基础知识 (3)2.1 FLASH 网站制作的基本流程 (3)2.2 Flash CS3的工作环境 (3)2.2.1 工作区域 (3)2.2.2 舞台 (3)2.2.3 场景 (4)2.2.4 时间轴窗口 (4)2.2.5 Action Script 的工作界面 (5)2.3 工具面板 (5)2.4 符号和实体 (5)3 FLASH网站的设计及制作过程 (6)3.1 FLASH网站的设计思路 (6)3.2 FLASH 网站的详细制作过程 (6)3.2.1 FLASH 文档的创建 (6)3.2.2 FLASH 网站舞台的制作 (7)3.2.3 进度条以及音乐播放的实现 (11)3.2.4 导航条的制作 (11)3.2.5 网站内容的制作 (12)4 FLASH网站的测试 (18)5 FLASH网站的发布 (18)6 小结 (18)参考文献 (18)致谢 (19)Flash网站的设计与实现作者：徐浩指导老师：范国华，吴国栋（安徽农业大学经济技术学院合肥230036）摘要∶早期的网站只有一些简单的表格构成，显的很单调，且不够美观，再加上功能的局限性，很难吸引住人们的眼球。

在网络带宽不断增加的今天，Flash动态网站已经成为网站设计的未来趋势，同时也是多媒体网页设计的最佳解决方案，应用广。

本文介绍了Flash网站制作中最基础的知识以及在Flash CS3软件环境下制作FLASH 网站的应用方法。

在图片处理方面使用了Photoshop CS3,并且采用了图片合成的方法完成了图片的后期制作。

整个网站中的布局设置，场景切换等都是采用比较传统的选择等场等。

关键字：Flash;动态网站;设计;网络1 引言1.1 FLASH网站阶段1.1.1 FLASH网站特性随着互联网的不断普及以及网络技术的不断发展，人们已经不再满足于静止呆板的网站页面，FLASH的出现正好弥补了这个缺陷，他逐渐成为人们开发与设计站点的首选工具，它与现有的网站开发相比，具有优良的特性。

首先具有无与伦比的动态效果，用其制作的动态效果与其他专业软件相比，生成的文件非常小，从而适于网络传播。

过去设计站点需要使用Photoshop 或Firework 进行设计和切图，再用Dreamweaver 整合页面排版，制作网页代码，最后使用其他工具或手工添加JavaScript代码进行客户端处理。

使用这种方法使各个软件都占有重要地位，而使用Flash只需要一种软件就可以。

制作成本也相对低廉，使用Flash可以实现原本需要多种技术才可以实现的效果这样一来就使设计过程简化了，降低成本，且是风格统一，运行流畅。

Flash本身的动画功能，可以更加丰富页面效果，对于电子商务网站来说，可以对商品进行更加详细的介绍。

例如可以实现虚拟现实技术，将他插入到网页的各个角落，而使用一般的虚拟现实技术就会显得厚重，不像Flash那样轻松，灵活，所以对电子商务网站的建设，使用Flash可以更加方便的展示产品，进而促进用户购买。

使用Flash设计网站不再需要HTML的介入，因此与数据库连接程序简化到了仅与数据库直接连接就可以了。

1.1.2 FLASH 在未来的互联网中的发展趋势Flash被称为是“最为灵活的前台”，由于其独特的时间片段分割（TimeLine）和重组（MC嵌套）技术，结合ActionScitp的对象和流程控制，使得在灵活的界面设计和动画设计成为可能，同时它也是最为小巧的前台。

Flash具有跨平台的特性（这点和Java一样），所以无论你处于何种平台，只要你安装了支持的Flash Player，就可以保证它们的最终显示效果的一致，而不必像在以前的网页设计中那样为IE或NetSpace各设计一个版本。

同Java一样，它有很强的可移植性。

Flash作为网上动画制作软件佼佼者，已经广泛地运用于网页设计、广告设计、游戏开发等基于Web的各个领域，并逐步向多媒体、影视视频、产品展示、远程教育等各种传统领域渗透。

⋯由于Flash易学易用，短时间内涌现出一批Flash爱好者，能制作各类相当逼真的动画如卡通、商业片头、MTV作品和教学课件等。

Flash动画的盈利点一是娱乐平台，尤其是儿童娱乐平台。

现在能让孩子浏览的网站太少了，如果做得好，会有很多儿童产品商家来做广告。

如：WWW．suflash．COM(超闪网)上面提供Flash音乐、游戏、短片等。

Flash广告制作公司。

Flash以其制作成本低，会成为电视、网站等媒体广告的首选。

另一方面，手机从打电话到发短信，再到听MP3等，逐渐成为个人娱乐平台，自然也不会少了Flash，其文件不大，也可以动态传播。

随着目前手机功能的增加以及对无线网络的支持，已经有越来越多的手机支持Flash Player了。

正是因为在未来互联网中，Flash正是因为其广泛的应用被更多的人所接触和接受，它独特的风格也一定会在未来的互联网中占有自己更多的空间。

2 FLASH网站制作的基础知识2.1 FLASH 网站制作的基本流程首先要根据自己的建站要求，包括站点的基本情况，网站栏目结构，网站的基本功能，网站的页面设计风格等；然后整理自己的需求结构，确定网站的类型，依据网站的类型对网站结构进行规划，确定网站栏目的设置。

依据网站的类型搜集整理相关素材，包括所需要的文字，图像，声音，视频资料等。

设计网站的界面，将网站中各个界面绘制到纸上或使用绘图工具绘制，也可以直接使用Flash直接将其制作出来。

将各个场景通过Action Script脚本连接起来，并为相关的按钮设置Action Script脚本动作。

测试Flash网站，并对错误进行改正。

发布Flash网站，并在互联网上进行传播。

2.2 Flash CS3的工作环境2.2.1 工作区域工作区域就是Flash的工作平台，它是一个比较大的区域，实际上涵盖了下面要说的舞台以及画图和编辑动画的工作对象，可以把它看作是后台和舞台的结合。

2.2.2 舞台舞台是Flash动画中各个元素的表演平台，舞台将显示当前选择的帧的内容。

与工作区域不同的是：动画发布后只有在舞台上的内容才能被看到，而舞台之外的工作区域中的内容就如同在后台的演员和工作人员一样不会被观众看见2.2.3 场景就像戏剧可以有几幕一样，舞台上也可以放下几个场景。

注意在舞台的右上部分，有两个小按钮，其中的第一个就是场景切换的按钮。

可以通过不同的场景之间的交互性，来创作出非常复杂的动画。

2.2.4 时间轴窗口时间轴窗口用于对Flash的两个基本元素层和帧进行操作。

在系统缺省设置下，时间轴窗口以编辑栏的形式出现在舞台的上面，紧靠上边框。

使用者可以根据需要或爱好，用鼠标拖动该编辑栏到Flash界面的其它位置，甚至将其拖出边框，使之成为可自由移动的浮动窗口。

时间轴控制窗口分为左右两个区域，它们分别是层控制区和时间轴控制区。

Flash的层与Photoshop中的层的概念是差不多的，它们都是透明的，只不过在Photoshop中是指图层，而在Flash中是指动画层。

使用层可以设定动画中各元素的上下叠放次序。

层控制区位于时间轴窗口的左边，是进行层显示和操作的主要区域，由几个层功能操作示意列和按钮组成。

当前舞台中正在编辑作品的所有层的名称、类型、状态都会按照层的放置顺序排列在层示意列中。

在层控制区中，不但可以显示当前作品的层及所属信息，还可以对某一个或部分层进行操作，如新增层、删除层、改变层的放置顺序等。

有关层的操作请参见层的操作。

这里要提醒大家的是，层的使用不会增加文件的规模，相反，合理地使用层可以在设计时使各个层层次清晰且易于编辑，所以最好在初学的时候就养成使用层的习惯。

时间轴窗口的右半部分是时间轴控制区域，该区域主要由若干行与左边层示意列对应的帧序列、示意列、时间轴标尺、信息提示栏以及一些用于控制动画显示和操作的工具按钮组成。

它用于对各帧的播放和放置进行有效的控制.利用时间轴窗口安排好素材的空间位置和时间位置能够制作出比较好的动画效果。

2.2.5 Action Script 的工作界面Action Script的工作界面分为语言库、元件库、以及代码区、函数库中重要存放了关于代码中一些常用的动作、变量、函数等等、元件库中则是一些需要定义的元件，例如按钮，影片剪辑等等。

则个代码区有分为代码编辑区以及相关的动作条。

这个工作界面功能齐全，也是FLASH CS3可以独立工作的一个总要原因。

2.3 工具面板如果没有看见工具面板，可选菜单Windows-> Toolbar。

在弹出的对话框里选Drawing就可以了。

Flash的工具面板包括Flash所有选择工具和绘图工具。

工具栏包括两个区域：一个是选择区，它在工具面板的上半部，用于选择所需要的工具；另一个是属性区，是用于对所选工具进行一些属性的设定。

2.4 符号和实体对于大多数刚刚接触Flash的人来说，符号（Symbol）和实体(Instance）是一对比较特别的概念，但是它们并不难理解。

简而言之，符号是可以重复利用的图像（Graph)、按钮（Button）或是动画(Movie Clip)；实体则是符号在舞台上的具体体现。

如果先创建了一个动画符号，把它放在舞台上，那么舞台上的这个动画就叫做实体。

引人符号的概念对于动画的设计人员是大有好处的。

首先，在处理大量元素时，不会手忙脚乱。

如果电影中有大量的重复元素，而要对它们进行修改时，就不再需要对每一个实体进行修改，只要改变符号就可以了，因此，编辑工作大大简化了。

此外，符号的使用可以显著减小文件的规模，保存经常使用的符号所需要的空间要比保存所有数据的小得多。

比如，多个场景中使用了同一个背景符号，就不需要保存全部场景中的背景图像，而只要保存几个引用信息就可以了。

使用符号对在网络上播放的动画来说还有一个好处就是在用户观看时，符号下载到用户端只要一次，而不用重复下载多个同样的元素，这样可以大大加快动画的播放速度。

3 FLASH网站的设计及制作过程3.1 FLASH网站的设计思路我设计一主要倾向于个针对个人的一个网站，主要用于关于个人一个展示，如果关于自己的性格来看，个人感觉网站的内容应该简介，清晰，颜色要显的沉稳，所以这个网站的整体颜色采用了比较沉稳的蓝色以及沉稳而生动的银色，如果整个网站中全部使用蓝色又会显得呆板，所以在其中配备了小规模的黄色于绿色来增强了网站的活力，同时也提高了网站的亲和力。