DW的flash教程

1、Flash在网页制作中的应用概述Flash被大量应用于互联网网页的矢量动画设计1 应用程序开发：由于其独特的跨平台特性、灵活的界面控制以及多媒体特性的使用，使得用Flash制作的应用程序具有很强的生命力。2、软件系统界面开发：Flash制作界面3、flsh小游戏制作4、Web应用服务，网络站点，网页制作5、多媒体娱乐方面制作 6、矢量动画，体积小，便于网上传播 7、美化网页，吸引浏览者能够常来，或是链接到第三方网站。实际中flash还能够完成注册和交互等实用的功能。总之有网页的地方就有flash。Flash是美国的MACROMEDIA公司于1999年6月推出的优秀网页动画设计软件。它是一种交互

2、式动画设计工具，用它可以将音乐，声效，动画以及富有新意的界面融合在一起，以制作出高品质的网页动态效果。 由于HTML语言的功能十分有限，无法达到人们的预期设计，以实现令人耳目一新的动态效果，在这种情况下，各种脚本语言应运而生，使得网页设计更加多样化。然而，程序设计总是不能很好地普及，因为它要求一定的编程能力，而人们更需要一种既简单直观又有功能强大的动画设计工具，而Flash的出现正好满足了这种需求。Flash动画设计的三大基本功能是整个Flash动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自Flash诞生以来就存在。F

3、lash在网站建设中的重要性1、网站已经从最初不动的粗糙页面占据主流，发展到今天的富媒体被广泛应用的时代。如果你一直关注网页设计的发展，你会发现大多数企业网站在不断改版的同时，越来越多融入了适合自身风格的动画元素来展现形象或者展示信息；网络广告的形式不断翻新，越来越多的动画技术被应用在网络广告的推广领域；互动类纯flash网站风靡网络，已成为影响设计师设计风格的一个重要因素，正因为如此，互动酷站也成为了创意思潮的一个风向标。从静止到动起来，从粗糙的动画到对设计师创意的诠释，从动画展示到动画与功能完美的结合，从枯燥的展示到互动和用户体验理念的融入，从单一的软件运用到视频等其他软件和技术与flas

4、h的配合，从平面的动态效果到如今三维动画的流行，flash已经在网页设计中发挥越来越重要的作用。2、公司对动画网站的重视程度逐渐加强。越来越多的网建方面的公司聘请了技术不错的动画人才、成立互动项目组、有的甚至成立了专门的创意互动部门。这些公司不仅仅是普通的网建公司，还包括很多4A公司也都意识到互动的重要性，并相继对这方面的市场加大了开发力度。Flash动画在网页设计中的应用 Flash动画已经成为网上活力的标志，并应用这一技术与电视、广告、卡通、MTV、制作等方面结合进行商业推广。这样F1ash动画将作为一种产业渗透到音乐、传媒、广告、游戏等各个领域，开拓发展无限的商业机会。Flash动画在网

5、站中的运用从简单的流式动画到复杂的交互式Web动画，都体现出了FIash动画的优势。 1.Flash动画在网页设计中的部分应用 在网页设计中Flash动画作品除了以“流式播放动画”播放以外，如Flash动画短片、FlashMV还具有一定交互性特点的形式。有些网站的引导界面做成Flash动画形式，一般由Dreamweaver软件来完成，做成静态页面。当然大部分这类页面全部是静态，但也有某些网站做出以下设计。如网页中的Flash网络广告、Flash形象展示动画、网站导航栏动画、图片展示动画、Flash交互动画、及由Flash制作完成的网站注册、登陆、计算等系统。在静态页面中，如果把这些做成动画形式

6、的话，无疑能起到生动、装饰的作用，对浏览者具有充分调动的作用。但是不宜太花、太乱，否则就会起到反作用。不但使浏览者眼花缭乱、烦躁，而且会给企本网站效应大打折扣，显得烦乱、缺乏信任。 2.Flash动画在整站网页设计中的应用 前文中提到过，除了采用Flash制作相关的贞面外，也有一些网站，为了展示自己的个性，使用Flash来制作整个站点。整个站点从概念上就己经包括所有视听元素部分及版式的设计。网站引导界面的设计估且不说，由其引导进入的内页面这整个系统都是由Flash软件来制作，就包括上文列举的视频、Flash广告动画、Flash交互动画、网站的Flash形象展示动画、网站各级导航栏、图片展示、文

7、字、链接、色彩、音乐、声音、游戏及网站注册、登陆、计算系统等。这样的Flash动画网站感觉都十分炫具有很强很独特的个性基本上能完全调动浏览者的积极性给人以活跃的心理感受。 为了提高网站的美观性和一些广告厂商的利益获取性我们经常会看到好多内嵌式或漂浮式的广告吸引我们的注意。如我们学校网站首页的图片幻灯片放映更简单明了的突出了学校的近况校园新闻和学生的学习环境。因此好的动画需要有好的设计需要我们潜心去研究、思考既能使网站充分利用其生动活泼的优势又不会因其一些限制因素而使浏览者产生不好的心理感受以至于影响到网页和浏览者的互动。Flash动画的发展 无论是国外还是国内，近几年的动画都在蓬勃地发展。信息

8、网络技术开启了人类新的生活、新的实践。网络技术的出现给动画艺术提供了一个崭新的演示平台。在提倡个性化创作的今天网络动画更加适合现代动画制作者的口味并随之进入了千家万户。现在有许多专门的如“Flashempire闪客帝国大话三国闪盟在线”等这样的一些网站这里面不仅拥有大量的Flash动画供爱好者在线观看而且还是Flash爱好者们的一个专门交流的空间。的确它的发展让人不得不刮目相看。 Flash作为现代一种新的设计方式和娱乐方式不仅有其实用功能并且还有视觉和听觉上的双重享受更因为它具有的趣味性它作为一种强大的动画制作软件在视觉表现上较普通的网页有很大的优势因此被广泛用于网络的制作中。最初用于网站片

9、头现在己经大量运用于宣传企业产品的网络广告。另外，电视台也开始播放Flash制作的短剧和广告。将动画加上音乐及歌词就成了MTV这也是Flash最擅长的一面。制作交互多媒体是Flash的优势所在：Flash制作的导航界面，随着鼠标的各种动作可以产生动画、声音。还能使网上游戏更具吸引力。随着动画在各个领域中的不断深入发展已经无法简单地估计动画的前景将会怎样，但我们坚信动画将会带给我们无限的惊喜和激动。现在国家对动画事业的高度重视，加入动画行业的人员也越来越多。我们期望着动画事业更加蓬勃地向前发展！Dreamweaver支持的flash格式 flash的文件类型有.fla、.swf 、.swt等，但

10、dw cs3只支持flash SWF（.swf）文件使用Flash文本按钮制作导航条效果。实例1-营养美食网页课堂练习1旅游资讯网【练习知识要点】使用“Flash”按钮制作网页导航条效果。使用“Flash”按钮为网页文档插入Flash动画效果，如图3-10所示。【效果所在位置】光盘/Ch03/效果/Travel/index.html图3-101 插入Flash按钮（1）选择“文件 打开”命令，在弹出的对话框中选择光盘“Ch03 clip Travel index.html”文件，单击“打开”按钮，效果如图3-11所示。（2）将光标置入到单元格中，在“属性”面板“水平”选项下拉列表中选择“居中对

11、齐”，“垂直”选下拉列表中选择“底部”，如图3-12所示。 图3-11 图3-12（3）在“插入 常用”面板中单击“Flash按钮” ，弹出“插入Flash按钮”对话框,在“样式”选项的下拉列表中选择样式“Translucent Tab(down)”，在“按钮文本”选项的文本框中输入“网站首页”，在“字体”选项下拉列表中选择“黑体”，在“大小”选项的数值框中输入20,单击“链接”选项右侧的“浏览”按钮，弹出“选择文件”对话框，选择光盘目录下“Ch03 clip Travel index.html”，如图3-13所示。图3-13（4）单击“确定”按钮，回到“插入Flash按钮”对话框，如图3-1

12、4所示，单击“确定”按钮完成Flash按钮的插入，效果如图3-15所示。 图3-14 图3-15（5）选中插入的Flash按钮，在“属性”面板中将“宽”、“高”选项分别设为65、25，如图3-16所示，文档窗口中效果如图3-17所示。 图3-16 图3-17（6）用相同的方法，插入其他Flash按钮，效果如图3-18所示。图3-182 插入Flash动画（1）将光标置入到左侧的单元格中，如图3-19所示。在“插入 常用”面板中单击“Flash”按钮，在弹出“选择文件”对话框中选择光盘目录下“Ch03 clip Travel images”文件夹中的“tupiandonghua.swf”，如图3

13、-20所示，单击“确定”按钮完成Flash影片的插入，效果如图3-21所示。 图3-19 图3-20 图3-21（2）保存文档，按键预览效果，如图3-22所示。图3-22课堂练习宝贝相册网页【习题知识要点】使用“Flash”按钮制作网页导航条效果。使用“Flash”按钮为网页文档插入Flash动画效果，使用“属性”面板改变图片的大小、调整图像的亮度和对比度并为图片添加文字说明。使用图像占位符命令代替网页中缺少的一张图片，如图3-23所示。【效果所在位置】光盘/Ch03/效果/baobeixiangce/index.html。图3-231 插入Flash按钮制作网页导航条（1）选择“文件 打开”

14、命令，在弹出的对话框中选择光盘“Ch03 clip baobeixiangce index.html”文件，单击“打开”按钮，效果如图3-24所示。（2）将光标置入到单元格中，如图3-25所示。在“插入 常用”面板中单击“Flash按钮”按钮，弹出“插入Flash按钮”对话框。 图3-24 图3-25（3）在“样式”选项的下拉列表中选择样式“Soft-Lime Green”，在“按钮文本”选项的文本框中输入“网站首页”，在“字体”选项下拉列表中选择“方正琥珀简体”，在“大小”选项的数值框中输入10，单击“链接”选项右侧的“浏览”按钮，弹出“选择文件”对话框，选择光盘目录下“Ch03 clip

15、baobeixiangce index.html”，如图3-26所示。（4）单击“确定”按钮，回到“插入Flash按钮”对话框，如图3-27所示，单击“确定”按钮完成Flash按钮的插入，效果如图3-28所示。 图3-26 图3-27图3-28（5）选中插入的Flash按钮，在“属性”面板中将“宽”、“高”选项分别设为80、20，文档窗口中效果如图3-29所示。用相同的方法，为其他单元格插入Flash按钮，制作出如图3-30所示的效果。 图3-29 图3-302 在网页中插入Flash动画（1）将光标置入到右侧的单元格中，如图3-31所示。在“插入 常用”面板中单击“Flash”按钮，在弹出“

16、选择文件”对话框中选择光盘目录下“Ch03 clip baobeixiangce images”文件夹中的“ina.swf”，单击“确定”按钮完成Flash影片的插入，效果如图3-32所示。 图3-31 图3-323 插入图像和图像占位符（1）将光标置入到单击格中，如图3-33所示。单击“插入 常用”面板中的“图像”按钮，在弹出的“选择图像源文件”对话框中选择光盘目录下“Ch03 clip baobeixiangce images”文件夹中的图片“img_07.jpg”文件，单击“确定”按钮完成图片的插入，效果如图3-34所示。 图3-33 图3-34（2）在“属性”面板中将“宽”、“高”选项

17、均设为96、61，并在“替换”选项右侧的文框中输入“悠悠三岁”为图片添加说明文字，如图3-35所示，效果如图3-36所示。 图3-35 图3-36（3）使用相同的方法，将“img_09.jpg”插入到其他单元格中，并设置其大小，为图片“img_09.jpg”添加说明文字，如图3-37所示，效果如图3-38所示。 图3-37 图3-38（4）选中图片“img_07.jpg”，单击“属性”面板中的“亮度对比度”按钮，在弹出的“亮度对比度”对话框中进行设置，如图3-39所示，单击“确定”按钮，图像效果如图3-40所示。 图3-39 图3-40（5）选中图片“img_09.jpg”，单击“属性”面板中的“亮度对比度”按钮，在弹出的“亮度对比