DW的flash教程.pdf

《DW的flash教程.pdf》由会员分享，可在线阅读，更多相关《DW的flash教程.pdf（24页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

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动画设计知识体系中最重要、也是最基础的，包括：绘图和编辑图形、补间动画和遮罩。这是三个紧密相连的逻辑功能，并且这三个功能自 Fla

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

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

5、无限的商业机会。Flash动画在网站中的运用杂的交互式 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动画的发展 无论是国外还是国内，近几年的动画都在蓬勃地发展。信息网络技术开启了人类新的入了千家万户。现在有许多专门的如“Flashempire闪客帝国Flash动画供爱好者在线观看还是 Flash爱好者们的一个专门交流的空间。的确 Flash作为现代一种新的设计方式和娱乐方式经大量运用于宣传企业产品的网络广告。另外，电视台也开始播放 Flash制作的短剧和广告。将动画加上音乐及歌词就成了 MTV这也是

8、Flash最擅长的一面。制作交互多媒体是 Flash的优势所在：Flash制作的导航界面，随着鼠标的各种动作可以产生动画、声音。还能使网上游戏更具吸引力。随着动画在各个领域中的不断深入发展已经无法简单地估计动画的前景将会怎样，但我们坚信动画将会带给我们无限的惊喜和激动。现在国家对动画事业的高度重视，加入动画行业的人员也越来越多。我们期望着动画事业更加蓬勃地向前发展！Dreamweaver支持的 flash格式 flash的文件类型有.fla、.swf、.swt等，但 dw cs3只支持 flash SWF（.swf）文件 使用 Flash文本按钮制作导航条效果。实例 1-营养美食网页 课堂练习

9、 1旅游资讯网【练习知识要点】使用“Flash”按钮制作网页导航条效果。使用“Flash”按钮为网页文档插入 Flash 动画效果，如图 3-10 所示。【效果所在位置】光盘/Ch03/效果/Travel/index.html 图 3-10 1 插入 Flash 按钮（1）选择“文件 打开”命令，在弹出的对话框中选择光盘“Ch03 clip Travel index.html”文件，单击“打开”按钮，效果如图 3-11 所示。（2）将光标置入到单元格中，在“属性”面板“水平”选项下拉列表中选择“居中对齐”，“垂直”选下拉列表中选择“底部”，如图 3-12 所示。图3-11 图 3-12（3）在

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

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

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

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

14、对话框，选择光盘目录下“Ch03 clip 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-30 2 在网页中插入 Flash 动画（1）将光标置入到右

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

16、成图片的插入，效果如图3-34所示。图3-33 图 3-34（2）在“属性”面板中将“宽”、“高”选项均设为 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 所示，单

17、击“确定”按钮，图像效果如图 3-40 所示。图3-39 图 3-40（5）选中图片“img_09.jpg”，单击“属性”面板中的“亮度对比度”按钮，在弹出的“亮度对比度”对话框中进行设置，如图 3-41 所示，单击“确定”按钮，图像效果如图 3-42 所示。图3-41 图 3-42（6）将光标置到空白单元格中，如图 3-43 所示。选择“插入记录 图像对象 图像占位符”命令，弹出“图像占位符”对话框。（7）在“名称”选项的文本框中输入“images”，将“宽度”选项设为 99，“高度”选项设为 61，“颜色”选项设为紫色（#E5FDBB），如图 3-44 所示，单击“确定”按钮，完成图像占位符的插入，效果如图 3-45 所示。图3-43 图 3-44 图 3-45（8）保存文档，按键预览效果，如图 3-46所示。图 3-46