基于flash的网页设计
内容摘要：Flash动画已经成为越来越多的人们所关注的一种动画发展的趋势。可以说，通过进行网页设计并建设网站，开创了多媒体效果的网页或整个多媒体网站的新潮流，本文对Flash动画在网页制作中的应用及发展做了探讨。
关键词：Flash，网页设计
Flash based website design
Abstract：Flash has become a trend of more and more people animation concern development. It can be said, by website design and build the site, creating a new wave of multimedia effects or entire multimedia web site, the paper making Flash animations in web application development done and discussed.
Key Words：Flash,website design.
目录
导语 (1)
一、网页制作与Flash (1)
二、Flash 动画应用于网页制作 (2)
（一）、在网页中启动Flash动画 (2)
1、插入Flash 动画 (3)
2、插入Flash按钮 (3)
3、插入Flash文本 (4)
（二）、Flash动画对网站页面的优化 (5)
1、网站中的动画声音 (5)
2、网站中的动画色彩 (6)
3、网站中的鼠标动画 (6)
4、网站中的动画导航系统 (7)
（三）、Flash动画在网络广告中的设计应用 (9)
1、主题的确定 (9)
2、字体的选择 (9)
3、排版的设计 (9)
4、交互按钮的设计 (10)
5、运动轨迹的设计 (10)
三、Flash应用于网页制作的优点 (10)
四、 FLASH在网页制作中的延伸发展 (12)
结语 (12)
[参考文献] (13)
1导语
计算机在国内推广初期，大部分企业已开始根据经营实况设计网页，但基本上都是集中于“静态”模式。静态网页在市场上推广一段时间之后，用户开始发现其存在的诸多弊端，如：页面重点不突出、产品信息不明显、视觉效果不鲜明、流量数量不充足等等。这些都是由于静态页面固有的模式让消费者及客户失去了关注的兴趣，无法带动消费者参与购买的兴趣。新时期Flash 技术逐渐推广，在此基础上设计的网页具有多方面的优势。
1网页制作与Flash
网络的呈现方式———网页，就必须要足够地体现互动特征。但要以如何的面目呈现给浏览者呢? 不但网页的实用性要好，而且艺术设计也成为吸引和留住浏览者的一把钥匙，而构成这一设计的关键因素就是Flash 动画，它是在艺术形态上的互动，内容上的交流。[1]因此，网站中Flash动画设计的形式，可以是全部的静态页面，也可以是在静态页面中嵌入部分动画设计或是全部的动画设计。
Flash 是美国的MACROMEDIA 公司于1999 年6月推出的优秀网页动画设计软件。它是一种交互式动画设计工具, 用它可以将音乐、声效、动画以及富有新意的界面融合在一起, 以制作出高品质的网页动态效果。它采用了矢量图形编辑制作, 使得Flash 输出的电影动画具有文件小、效果好、图像细腻、对网络带宽要求低以及可无损放大等诸多优点, 这一优秀的矢量动画编辑工具给我们带来了强有力的视觉冲击, 使我们能够轻易地将丰富的想象力可视化。
现如今, Flash 动画以小巧、动感、富有交互性而风靡网络。在制作网页时, 将Flash 动画应用到网页中, 作出的网页模板也是栩栩如生, 更能吸引浏览者的
眼球, 而且与浏览者的互动性也比较强。Flash 图片不会出现放大图片后出现马赛克的失真现象, 同时Flash 动画作出的视频其体积小便于在线观看, 也赢得了浏览者的关注。Flash 的发展离不开网页, 而Flash 的网络富媒体在网页上处理数据和制作网页游戏上也独具优势。[2]网页的生动性同样离不开Flash 动画, Flash 动画可以使浏览者摆脱枯燥的网页固定文字, Flash 动画制作的动态广告也可以抓住浏览者的眼球。作为网页三剑客之首的Flash 在网页设计中起着至关重要的作用, 网页的发展离不开Flash 动画, Flash 动画的发展也离不开网页这一当今潮流平台。
2 Flash 动画应用于网页制作
Flash 动画在网页应用中随处可见, 从简单的流动式动画到复杂交互式Web 动画, 都体现了Flash 动画的优势。[3]我们在大部分的网页中看到的Flash 只占网页一小部分内容, 通常只是起引导或宣传广告的作用, 此时如果用Flash 动画来完成网页制作, 整个设计过程就太繁琐, 而且占用的网页空间也大。所以在实际制作过程中会在Dreamw eaver 调用和控制Flash 动画, 将Flash 动画作为一个模块嵌入到网页中, 二者的结合既能让网页的制作过程更加便捷又能为网页增加动感。
2.1在网页中启动Flash动画
下面就介绍如何在网页中添加、控制Flash 动画以及如何通过网页来启动Flash 动画。在网页添加、控制Flash 动画首先在网页中插入Flash 交互对象, 可插入的对象包括: Flash 动画, Flash 按钮及Flash 文本。
2.1.1 插入Flash 动画
插入flash动画前必须存在已作好的Flash 动画文件( 文件格式: . sw f ) 。通过点击网页制作软件中“插入Flash 动画”的按钮, 弹出对话框, 填写所需插入动画的名称和路径, 选择事先设计好的. sw f 格式的Flash 动画, 点击确定即可完成网页中插入Flash 动画。如图1所示：
2.1.2 插入Flash按钮
通过打开插入Flash 按钮对话框可插入Flash按钮对象, Flash 按钮对象让您可以自定义并插入一套预先设计好的Flash 按钮。在插入Flash 按钮或文本对象之前必须保存文档。在对话框中可选择按钮类型, 可输入按钮上的文本、设置按钮上文字的字体、指定链接的地址或文档、指定下一个目标框架或者目标窗口、
为此Flash 动画命名等。
2.1.3 插入Flash文本
使用Flash 文本对象可以创建和插入一个Flash 电影, ( 包含文本动画效果) 。允许创建一个体积小、基于矢量图形的动画, 而且在动画中可以设置字体和文字的内容。其用法与Flash 按钮类似。然后，设置Flash 对象属性选中插入的Flash 对象,可以在属性面板中对该动画的属性进行设置。通过属性窗口可设置属性有: 动画的高度和宽带、保存路径、对齐方式、背景颜色、是否自动播放、是否循环播放、设置四周空白间距、播放的品质、比例等等。
另外，在网页中控制Flash 动画可利用Dreamw eaver 中的行为“Co nt ro l Shockw ave orFlash”来控制动画的播放、停止或转向某帧。在网页中启动Flash 动画网页。方法一: 只要浏览器内置了Flash 插件, 网页内容链接了有关Flash 动画, 打开网页时便可播放Flash 动画。方法二: 采用“打开浏览窗口”来实现启动网页点击链接时自动调用有Flash 动画的HT ML 网页。若设置行为时直接添加“打开浏览器窗口”行为, Flash 窗口便会随着主网页窗口的打开而打开。然后，用Flash 中的Action 脚本语言来控制网页。Act ionScript 是Flash 动画制作软件内置的脚本语言, 程序员通过编写Flash 脚本语言, 可以使f lash 影片以非线性的方式播放, 实现各种精彩的特效动画。Flash 动画的插入使网页充满活力, Flash 动画与HT ML 网页交互实现方式如图2 所示。
2.2 Flash动画对网站页面的优化
2.2.1 网站中的动画声音
如果能在五彩缤纷的网页动画中再加上美妙的声音，则会有锦上添花的效果。在网页中，声音部分有：鼠标点击的链接转入声、背景音乐、网页插入视频或网络电视声音、音乐、广播电台的现场播音等，网上流行的声音格式有：MIDI、WAV、MP3、RealAudio。MIDI 格式音乐的特点是占用空间小，但颜色单调；WAV 是无压缩声音文件，在所有带有声卡的电脑中都可以播放；MP3 压缩音乐文件，占用空间小得多，但是要先下载后收听；RealAudio，比WAV 和MP3音质稍差，但占用空间却小许多。可以一边下载一边播放。网页设计中的鼠标点击的链接转入声和背景音乐，在鼠标点击后，应该发出清脆的声音，来反映出转入链接的快速感，以给予浏览者充分得到回应后的心理满足感，以便充分调动起浏览者再继续浏览其他内容的积极性；而在背景音乐的设计上，可以按照网站的
性质来选择音乐风格，选择时要用悦耳的音乐，要考虑到众多种爱好浏览者的接
受程度。同时，最好把声音的控制按钮放于页面的一个位置，可以由浏览者来调节是开或者关，尊重浏览者的个人爱好，还有一点要注意，有很多浏览者会是在安静或办公、又或公共场合下浏览网页，会不希望一打开网页，就马上传出声音，而给其他人造成不便。因此，不能专注于光考虑网页和动画的效果，还得充分尊重到浏览者，背景音乐可以设置为默认关闭，但有可以由访问者亲自调节为“开”的声音控制按钮。
2.2.2 网站中的动画色彩
运用不同的色彩，网站的外观风格有所不同，网站给人的感觉也不同。也就是说，色彩作为传达网站形象的首位视觉要素，会在访问过网站的使用者脑海中留下长久的印象。即使使用者无法清楚地记住自己访问过的网站的外形特征，至少能够容易地想起网站的色彩。也就是说，色彩作为最直接的视觉语言，色彩也一定要遵守一些规范。一般情况下，一个网站的形象展示动画，如同网站的LOGO 一般，色彩在设计时应遵循企业的CI 规范，按照标准色和辅助色来设计，或者采用网页主色。主要是要在浏览者面前形成统一的形象记忆。其他搭配色则可以依情况采用其他色，或直接插入企业形象产品等。除此以外，色彩的搭配上，要尽量醒目，与整个页面协调。
2.2.3 网站中的鼠标动画
在鼠标做动画效果时，需要注意的色彩搭配，其实就是指鼠标移动轨迹的图案和色彩。这种色彩首先应该区别于页面色彩，使浏览者可以清晰的找到鼠标的位置，以利于用户更方便地浏览页面信息。而鼠标移动的轨迹不可以阻挡下边的页面信息，所以图形尽量要小，色彩除了脱出于页面外，可以设计为稍透明的感觉，并且鼠标的移动轨迹不宜太长。当然，鼠标动画的设计相对其他难度性大些，
需要语言编程。
2.2.4 网站中的动画导航系统
如今，丰富多样的动态效果逐渐出现。新媒体具有的网络双向互动特点极大地支持了新环境下的交互式设计环境。使用者虽然仍然是通过单纯的鼠标点击和键盘操作来浏览网页，但是使用者选择菜单的导航方式却已经丰富多样。交互式导航不仅仅是单纯的鼠标移上效果，它能够带给人新鲜感和愉快感，但更优越于其使用性的交互式导航功能，使用者的参与是交互式导航的必需条件，在这种情况下，必须要有诱导使用者互动的设计。交互式导航栏的设计必须是在实现其功能性的前提下来进行动画交互和视觉设计的。在功能性上，导航栏有着引导用户浏览信息的作用，设计时通常需要分出几个级别的导航栏，并在这几个级别的醒目程度上做出区分，特别是一级导航栏一般要突出其立体感和鲜明感。在色彩的运用上，可以选用亮丽、透明、清爽的色彩搭配，引导浏览者去点击、甚至享受这一过程的喜悦。同时，导航链接最好是设置成“打开新的页面”，这样有利于浏览者分别条理性地浏览每一个导航菜单下的内容。在具备以上条件的基础上，通过动画设计的导航栏，不但从视觉上达到美观特别，还充分体现出浏览者的点击快感，甚至可以配以清脆的声音。而在导航栏造型和动画效果的设计上，可以充分发挥想象力，充满特别的乐趣，使浏览者很欣喜地参与进去。除此以外，诸如网页中的“按钮”，按钮是网页的重要组成元素之一，在网页中发挥着十分重要的作用。要达到信息良好的交互传达，导航系统的设计十分重要，每一级导航都要有清晰明了的导航设置，并在其醒目的位置设置下一级页面信息的链接。尽量以明确而有条理的设计使浏览者按网页中设置的浏览主线访问每一个页面。动画导航系统不但可以获得浏览者的青睐，而且其交互性的设计使网页以强有力的信息
交互作用留住大量的用户群。Flash 动画导航系统交互性的设计，通常需要调动它的脚本语言：Action script。它的基本语法接近于VBScript，中文可以直接译为“动作脚本”，它是Flash专用的一种程序语言，采用面向对象编程的思想，采用Flash 中的事件对程序进行驱动，以动画中的关键帧、按钮或电影片断作为对象来对脚本语言ActionScript 进了二定义和编写。例如，在Flash 软件中“舞台”上选定一个图形或按钮作为对象，然后通过关键帧里的脚本程序代码、电影剪辑符实例内的脚本代码或某个按钮内的脚本程序代码来对这个已选定的对象的各种属性进行控制，如位置、颜色、形状等。
另外，也可以通过一个按钮所产生的事件来控制某个对象，例如鼠标指针经过按钮事件、鼠标单击事件等。在浏览者松开鼠标和将鼠标移上按钮，甚至用鼠标点击时的反应都可以是不一样的，可以是按钮的颜色发生变化，也可以是其上显示的文字的变化，更可以是其形状大小的变化。这一个个动画效果，可以跟浏览者达成互动，让浏览者看到他的动作是有回应的，同时更能调动起浏览者的积极性。设计中，每个按钮甚至都可以设置出动画效果，只要我们在设计其显示效果时，尽量注意同时实施一种或两种左右的设计方案，以避免因动画设计的不统一使浏览者感到烦乱。
Flash 动画作为网页设计元素中的重要组成部分，已经得到网站设计者的重视和应用。因此，要想更好地发挥网页设计中Flash 动画的特性，必须从各个方面来了解和分析，这是一个值得关注的问题。希望本研究在今后可以得到完善和运用，以启示我国网页设计及Flash 动画交互设计的爱好者们能够注意到这个问题，研究并设计出更杰出的作品来，同时来带动我国网页动画设计的整体水平，形成真正的交流传播平台。
2.3 Flash动画在网络广告中的设计应用
网络广告的各种各样的表现形式其实总的归纳起来就分为两种：一种是静态的广告，另外一种是动态的广告。Flash以它本身所具有的动画制作优势，在网络广告众多的表现形式中很多的制作都由Flash来完成。[4]比如按钮和旗帜类的广告，游动式广告和弹出广告等一般都是利用Flash软件来制作。关于Flash动画广告的制作设计有以下几点思考和建议：
2.3.1 主题的确定
投放在网络的广告动画需要在最短的时间内给用户传递出最关键的信息，这就要求我们在设计之前一定要和需求方充分沟通，明确活动主题、重点、一定要求对方提交宣传文案、商品图。一般情况下，产品的价格信号、打折标签都是需要重点突出的，所以要对数字进行强化处理。
2.3.2 字体的选择
在动画广告的设计中文字扮演着相当重要的角色，正确的选择字体是一个良好的开端。[5]首先要根据主题选择适合氛围的字体，例如轻松氛围的可以选择卡通、活泼一点的字体，中国传统节日可以选择书法字体等。建议最好不要选用过细的字体；选用小字体时要适当的扩大字体间距，方便用户快速浏览；选用大字体时要适当的减小字体间距。但是并非要求小字体的间距一定要大于大字体间距，只是相对而言。
2.3.3 排版的设计
浏览者的视线一般是从左到右、从上到下,要让广告动画里的文字、图片排序符合用户的浏览顺序。[6]如果你没有更好的排放方式，把产品图放在动画的左侧
一般不会出错，如果是人物图，尽量使人物的视线方向对着主题或关键词。
2.3.4 交互按钮的设计
如果添加“立刻购买”、“查看详情”等按钮，尽量放在最右侧或者下面。
2.3.5 运动轨迹的设计
Flash动画中，良好的排版是动画成功的一半，另一半就是流畅的动画节奏，这需要后期不断的调节。这里简单说一下在图片或文字的运动轨迹中需要注意的一些问题。一般情况下，物体在进入和离开场景时，要尽量选择较短的路线。特别是物体离开场景时，不要占用太多时间和空间，要干净迅速。另外物体进入和退出场景的运动方式应该采取同样的风格，例如物体以滑行方式进入场景，最好也以滑行方式退出场景。交互设计中有个对称性交互原则，说的大致就是这个意思。
3 Flash应用于网页制作的优点
Flash 动画之所以被广泛应用于网页制作, 与其自身的特点密不可分。[7]
3.1 存储容量小，不影响画面。
从动画组成来看: Flash 动画主要由矢量图形组成, 矢量图形具有储存容量小, 并且在缩放时不会失真的优点。这就使得Flash 动画具有储存容量小, 而且在缩放播放窗口时不会影响画面清晰度的特点。
3.2 便于网络传输
从动画发布来看: 在导出Flash 动画的过程中,程序会压缩、优化动画组成元素( 例如位图图像、音乐和视频等) , 这就进一步减少了动画的储存容量, 使其更加方便在网上传输。
3.3 便捷的播放模式
从动画播放来看: 发布后的. sw f 动画影片具有“流”媒体的特点, 在网上可以边下载边播放, 而不像GIF 动画那样要把整个文件下载完了才能播放。
3.4 交互性的运用
从交互性来看: 可以通过为Flash 动画添加动作脚本使其具有交互性, 从而让观众成为动画的一部分。[8]这一点是传统动画无法比拟的。
3.5 制作手法简单易学
从制作手法来看。Flash 动画的制作简单易学,容易上手, 一个爱好者通过自学也能制作出很不错的Flash 动画作品。
3.6 制作成本低
从制作成本来看: 用Flash 软件制作动画可以大幅度降低制作成本。同时, 在制作时间上也比传统动画大大缩短。
3.7 图形绘制功能强大
图形绘制。Flash 是一款极为优秀的网页设计软件，用其绘制各种图形可发挥出不同的视觉效果。如：企业在网页上设计logo 时，可利用Flash 动画技术绘制符合企业特色的商标。该技术可在原始图形编制阶段自动生成动态画面，塑造了不同的图形画面效果，吸引了大量用户的浏览。
3.8 可用于图形编辑
除了对原始图形加工处理外，Flash 动画技术也能对现有的图形自动化编辑，达到改善图像视觉效果的目的。如：为了提高网页的宣传效果，企业会定期投资网页的更新制作，采用Flash 动画技术即可对原始图像综合处理，经过程序代码编辑后设计出具有动态效果的多元化页面。
3.9 支持图形动画
Flash 动画技术的核心功能是“动态画面”，鉴于现有的计算机技术条件，动画图形不再局限于其运动的“状态”，而是把声音、视频、图形等三大元素整合到页面中。[9]一般情况下，企业会剪辑相关的视频、图像，再配备声音信息，从多方位对产品详细地介绍，让消费者有全面的了解。
4 FLASH在网页制作中的延伸发展
目前随着人们精神文化水平的提高，人对艺术的追求也提升了一个高度，人们开始对交互式、影像化和视觉交流方式进行探索，更多的人则沉迷于虚拟空间寻找和塑造自我理想的角色和形象，我们已经不能再把设计理解为一个狭隘的概念，视觉设计也渐渐地超越了其原先的范畴，走向越来越广阔的领域。从FLASH 在网页制作的流行现象中透析视觉传达设计的发展趋势。从FLASH 的艺术特征我们可以看出FLASH 将对网页设计的发展起到一定的延伸作用。FLASH 动画的发展也使广告艺术设计由以往形态上的平面化、静态化开始逐渐向动态化、综合化方向转变。[10]在网络时代前一成不变的单调艺术设计方式受到了人们多元化需求的冲击。求新、求变的新生代人群从思想上为这一时期的设计发展提供了未曾有过的选择，造成了在传统设计基础上的各种新设计的萌发，提出了新的设计方向。总而言之，FLASH 动画技术的出现，不仅引领了网站建设和网络广告设计的理念，更对整个艺术设计界产生较大影响，它让广告媒体更加丰富多彩，推动了网络艺术媒体的普及和发展，FLASH 动画今后的发展也会逐渐渗透到广告、影视、文化、经济各个领域。
结语
随着互联网的发展，Flash 动画以它绚丽的视觉效果、小巧的文件及不用安
装插件等优势迅速占领网络媒体的主导地位，处理好Flash在网页中的应用技术，则能够大大加大网页的吸引力及交互性，更加为Flash 动画添加了灵活的动态效果，为网页设计提供更多的创意空间。
[参考文献]
[1]王文军.浅谈Flash动画的应用与前景[J].机械管理开发.2011(2).P203-P204.
[2]成彪.浅谈Flash动画艺术特性及延伸发展[J].艺术传媒.2009(2).P255.
[3]冯丽苹.探讨Flash动画在网页制作中的应用及发展[J].教研.2012(1).P74-75.
[4]毛耀.基于Flash的动态网站新方案[J].西南民族学院（自然科学版）.2001(8).P348.
[5]刘斌.基于Flash的课件制作与应用[J].科技广场.2012(7).P102-P103.
[6]孙英.浅谈Flash动画广告设计[J].电脑知识与技术.2015(5).P3711-3715.
[7]莫仲心.浅谈Flash动画在网页设计中的应用[J].信息通信.2012(1).P135-P136.
[8]王海燕.浅谈Flash动画的制作[J].赤峰学院学报（自然科学版）.2009(5).P31-P32.
[9]袁宁.Flash动画在网页中的应用[J].电脑学习.2005(6).P13-P14.
[10]吴传学.Flash动画制作的优化研究[J].学术探讨.P68-P70.
《网页制作》实验指导书 安徽科技学院 贾丙静编写 2013年5月
实验一 Flash CS4界面及使用文本 一、实验目的 1.了解FLASH CS4窗口组成 2.掌握工具箱中各种工具的使用方法，能够使用各种工具制作简单的图形 3.掌握浮动面板的显示与隐藏方法 4.了解在Flash中对文字的操作 5.了解Flash中文本的类型 6.学会安装文字类型 7.熟悉文本特效的制作过程 二、实验内容 1.验证FLASH CS4启动和退出的各种方法 2.查看并确认FLASH CS4的各个组成部分 3.利用工具制作简单图形 4.制作立体文字 5.制作波纹文字 6.制作五彩字 7.制作镂空字 8.制作浮雕字 9.制作霓虹灯文字 10.制作洋葱皮文字 三、实验过程和步骤 1．验证FLASH CS4启动和退出的各种方法。 （1）启动： 1）利用开始菜单中的“程序” 2）利用桌面上的“快捷图标” 3）利用文档菜单中的FLASH文档 4）利用“我的电脑”或“资源管理器”中的FLASH 文档 （2）退出 1）利用标题栏中的“退出”按钮
2）利用双击标题栏的应用程序图标 3）利用控制菜单中的关闭 4）利用文件菜单中的“退出”命令 5）利用ALT+F4。 2．查看并确认FLASH CS4的各个组成部分。 (1)菜单栏中有哪些菜单？ (2)怎样显示与隐藏面板？怎样添加浮动面板？怎样可以恢复面板的原始设置？ (3)怎样设置工作区属性？怎样调整它的显示比例？ (4)工具箱中有哪几种工具？怎样使用每种工具？ 3．利用工具箱中的工具，完成下题目： （1）利用套索工具选取位图中的图形 第一步建立新文件：通过“文件/新建”或主工具栏中的按钮，新建一个FLASH 文档； 第二步执行“文件/导入/导入到舞台”，将“卡通.bmp文件导入到舞台”， 图1-1 选中位图，按右键选中分离将之“矢量化”或者直接用Ctrl+B进行分散 第三步点击工具栏中的套索工具，在选项中选中“魔术棒属性”按钮，在弹出的对话框中将阈值改为50。 第四步在选项中选中“魔术棒”按钮，点击图中的白颜色处，然后按Delete键，将大块空白处删除。 第五步使用缩放工具将图放大，在没有完全去除的粉色处，使用橡皮擦按钮擦除。 第六步保存文件：选择合适的路径保存文件为“位图.fla”。
浅析F l a s h动画网站设计的思路、布局、技巧及文件处理随着网络的普及，电子商务越来越广泛的深入到现代人的日常生活中，人们希望能在互联网上获取各种各样的信息。一个新颖、动感、漂亮的网页内容能有效提升企业形象及突出产品特征。虽然使用各种语言建立网站，能使网站功能完整，但是网站界面效果无法完美地实现。Flash则是一个可以实现功能完整、界面美观并且动感效果十足的网站设计工具。 与传统方式的网页平面制作相比，flash给网站带来的好处非常明显。结合Flash动画在网络应用中的实际表现，可将其特点归纳为以下5点： 1.适合网络应用：动画文件是Flash动画的基本特点，根据其内容的不同，使用矢量技术使得产生的网页文件非常小。Flash动画网页以“流”的方式边下载边播放，打破了带宽的局限。即使是在网络状况很差的时候也无需长时间等待。 2.表现形式多样：Flash动画网页的表现形式多样，可以包含文字、图片、声音以及动画等内容，如果不考虑文件的大小因素，还可在网页中插入视频片断。丰富的表现形式使Flash网页可以更好地表现了网站的主题。 3.内容针对性强：Flash动画网页可根据网站的特点，对网站进行针对性的宣传和表现，如促销广告可直接着手于促销手段的表现，而产品演示广告则着重与产品的功能和特点表现。这就使得Flash动画网页的表现能够更为直观，使浏览者更好地理解网站的意图。 4.具有交互功能：Flash可以通过Actionscript语句来实现交互功能。如浏览者可以通过单击网页导航条选项来获取自己感兴趣的内容，或通过单击Flash动画按钮连接到相关页面，以了解更加详细的信息。 5.布局灵活：由于Flash其灵活性，可以多层次地建立显示区域，实现在同一个区域中显示不同栏目内容的功能;可以随意排列网页原始内容;可以在同一个网站中出现不同的布局，并且布局之间的过渡非常自然。 动画网页的设计与传统网页设计一样，在设计前必须先对整个网站进行整体的规划，设计好网页的结构。 利用Flash制作网站时，可按照如下基本流程来进行： 1.确认网站主题：根据网站建立的目的，确认网站建立的主题，以及在该主题下需要表现的内容等。设计整体结构，策划好栏目和板块的编排问题。 2.前期构思：在确认主题后，就需要在该主题的结构内进行前期构思，要确定网站的制作风格以及表现方式等。 3.收集素材：根据前期构思策划的内容，有针对性地收集网站设计需要用到的文字、图片以及声音等素材。对于无法直接获取的素材，可以通过其他制作软件对相关的素材进行相应的制作和修改来获取。
《多媒体网页设计》实验报告
一、实验目的 通过本实验了解网页常见多媒体动画元素的制作方法， Flash 动画目前已成为网络动画的标准，是目前动画素材制作的主要软件。 通过本实验的练习掌握flash基本动画的制作。用于网页动态banner 等有关设计。 二、实验设备及环境 操作系统：Windows 8 编辑运行环境：Flash 2004 三、实验内容 1) 用逐帧动画制作flash短片 2）音视频的加入及编辑处理 3）制作形状补间动画 4）制作动作补间动画 5）遮罩层动画的制作 6）引导层动画的制作。 四、实验流程 一：逐帧动画的制作 1.新建flash文档，下载FTP骏马飞奔动画序列，将其中的图 片7-1.Gif~7.7.gif使用”文件”-“导入”-“导入到库”中，点击窗口菜单-工具栏-将主工具栏选中
2.在图层1的第二帧，点击右键选择插入空白关键帧，将库里的7-2.gif拖入到舞台，点击主工具栏最右端对齐按钮：依次点击“相对于舞台”、对齐下的第二个“水平中齐”、分布下的第二个“垂直中齐”， 3.重复以上步骤，建立7个关键帧，导入7幅图像； 4.按ctrl+enter进行测试
二、flash短片的制作 1、新建flash文档，将kaiyuan.gif等五幅图像导入到库中， 将kaiyuan.gif从库里拖动到舞台。利用工具箱的任意变形工具，将图像调整和舞台同样大小。 2、点击时间轴图层1的第30帧，右键选择“插入空白关键帧”， 将lvyin.jpg拖动到舞台，调整大小与舞台相当，调整大小时，可以只显示图像轮廓，并按住“alt”进行调整。 3、重复步骤2，依次将jiao9lou.jpg、jiao11lou.jpg、chunse.jpg 拖动到第60、90、120帧。右键点击第150帧“插入帧”。 4.按ctrl+enter导出动画。 三、形状补间动画 （1）1.新建flash文档，设立背景为浅蓝色，在图层1的第一帧画一不带边框的有填充色的圆，在图层1的第40帧点击右键插入空白关键帧，在舞台的中央画一矩形，在第70帧点右键插入空白关键帧，在舞台的右下画一三角形。
（1）在电脑磁盘新建一个web文件夹→点击进入在新建image、sound、vadio、web1、web2、web3、web4、web5文件夹。 （2）打开Adobe Flash Professional CS5.5命令→新建Flash文件“ActionScript2.0”→新建图层→文件→导入→【准备好了的素材】导入到库→按“Ctrl+L”打开库面板并把素材拖到舞台、调整，命名为“背景”、如图： （3）按Ctrl+F8新建一个影片剪辑元件舞台→工具栏→矩形工具→文件→导入→【把需要的素材】导入到库→按“Ctrl+L”打开库面板，把第一张拖到影片剪辑元件舞台→第一帧把图片放在矩形的右边，到第60帧移动打左边→创建补间如左图→再把第二张拖到影片剪辑元件舞台→第一帧把图片放在矩形的左边，到第60帧移动打右边→创建补间，后面的几张用相同的方法即完成→新建图层→工具栏→矩形工具→在原有的矩形上再画一矩形并将其转换为遮罩层→回到舞台→新建图层→按“Ctrl+L”打开库面板并把它拖到指定图层、调整，命名为“标题”、如右图。 （4）新建图层→矩形工具→画矩形→按“Ctrl+K”打开对齐面板→调整其对齐方式→命名为“导航”。 （5）新建图层→工具栏→文字工具→【首页】→按住“Shift+Alt”在拖动三个→把它们全部选中→按住“ctrl+K”打开对齐面板，把它们的间隔调整好→文字工具，他们分别改为【经典苗寨】【县城景观】【天下西江】→在将他们依次分别转换成“图形元件”和“按钮元件”。
(6)按Ctrl+F8新建一个影片剪辑元件舞台→工具栏→文字工具→输入【中国十大最好玩的地方，雷山欢迎您！】文字→把第一帧的“A”值改为零并将文字缩小→到第60帧按F6将文字调大并移动→再新建图层→文件→导入→【素材】导入到库→将素材拖到次图层的上面并转换为遮罩层→回到舞台→新建图层→将它拖到指定的图层上→按“Ctrl+K”打开对齐面板→调整其对齐方式→命名为“WZ”→新建图层→把已经导入好的素材从库拖到标题的左边→调整→命名为“标题头”→文件→发布（inde.fla、inde.html、inde.swf）→将（inde.fla）复制并分别放到web1web2,web3,web4,web5中，如图： (7)打开【web1】→web1.fla调整导航的颜色→文件→新建→新建‘影片剪辑元件’→新建图层1→按住“Ctrl+L”打开库面板，把需要的素材拖到里面→新建图层2→按住“Ctrl+L”打开库面板，把需要的素材拖到里面→将素材转换成影片剪辑元件→在第一帧按住“F9”打开脚本窗口→时间轴控制→“stop()”→在60帧按住“F6”键插入关键帧→按住“F9”打开脚本窗口→时间轴控制→“stop()”→将其‘A’值修改为零→再到120帧按住“F6”键插入关键帧→新建图层3→将图层1复制到图层3并转换为“按钮”→将按钮的第一帧拖到’‘按下’帧上，如图：
网页设计-Flash 8.0 试题班级____________ 姓名 __________ 成绩__________ 单选题 1:Flash视图菜单中，工作区命令是？( 2 分) A:将作品编辑区域以“工作区”方式显示 B:在编辑区域中显示标尺 C:在编辑区域中显示底格辅助线 D:设置“磁铁”功能 2:下面关于FLASH术语和电影术语的对照中，哪些是不对的？( 2 分) A:时间轴相当于电影导演使用的剧本。 B:场景相当于实际表演中的舞台 C:活跃在电影舞台上的人叫作角色，而出现在FLASH场景中的对象则称为实例 D:元件就好像影片中的角色 3:要对场景中的物品进行复制，可在场景中选中物品按（）快捷键。( 2 分) A:〈Ctrl〉+〈V〉 B:〈Ctrl〉+〈C〉 C:〈Ctrl〉+〈Z〉 D:〈Ctrl〉+〈X〉 4:元件和它相应的实例之间的关系是( 2 分) A:改变元件则相应的实例一定会改变 B:改变元件则相应的实例不一定会改变 C:改变实例对相应的元件不一定有影响 D:改变实例对相应的元件有影响 5:快捷键〈CTRL〉+〈ALT〉+〈Shift〉+〈C〉可以实现什么功能？( 2 分) A:减少用于定义这些元素的曲线数量来改进曲线和填充轮廓 B:对象将相对于舞台的水平中心对齐 C:将组合的对象分开并返回到组合之前的状态 D:将当前文档设置为不同的文件格式，实现对SWF文件发布的控制 6:时间轴绿色的帧表示：( 2 分) A:形变 B:静止 C:运动 D:空关键帧
7:打开“属性”面板的快捷方式是( 2 分) A:〈Ctrl〉+〈F1〉 B:〈Ctrl〉+〈F3〉 C:〈Ctrl〉+〈F2〉 D:〈Ctrl〉+〈F4〉 8:快捷键〈CTRL〉+〈D〉可以实现什么功能？( 2 分) A:将所选内容复制到剪贴板 B:将剪贴板的内容粘贴到被剪切或被复制的内容的相同位置 C:不需要执行拷贝命令，直接将选定对象再复制一个 D:将剪贴板的内容粘贴到当前舞台的中心位置 9:Flash中如何查看特定场景？( 2 分) A:选择菜单“窗口 /设计面版 /场景” ，然后选择场景名字 B:选择菜单窗口 /其他面板 /场景，然后选择场景名字 C:选择菜单插入 /场景 D:点击场景面版中的按钮 10:下列对象可制作形状补间动画的是（）。( 2 分) A:图形元件 B:按钮 C:文字 D:打散图形 11:使舞台中选中的元件进入元件编辑模式，可以用下面哪个选项实现？( 2 分) A:〈CTRL〉+〈D〉 B:〈CTRL〉+〈F〉 C:〈Ctrl〉+〈V〉 D:〈CTRL〉+〈E〉 12:在视图中显示当前帧的内容，可以用下面哪个选项实现？( 2 分) A:〈CTRL〉+〈2〉 B:〈CTRL〉+〈3〉 C:〈CTRL〉+〈1〉 D:〈CTRL〉+〈4〉 13:全等（===）运算符和相同运算符基本相似，但是它们有一个很重要的区别：( 2 分) A:全等（===）运算符执行数据类型的转换 B:全等（===）运算符不执行数据类型的转换 C:全等（===）运算符永远返回真 D:以上都不对 14:设置常规应用程序操作、编辑操作和剪贴板操作的参数，可以用下面哪个选项实现？( 2 分)
网页设计-Flash MX 样题 单选题 1:如下图是导入Fireworks的PNG格式文件设置对话框的一部分，下面说法错误的是： ( 2 分) A:导入为电影剪辑，并保留原有层表示将PNG文件导入为电影剪辑，它所包含的所有帧和层都将出现在电影剪辑元件内 B:导入到当前场景的新层表示将PNG文档导入到当前Flash文档单个的新层中，该层将位于所有层的下面 C:如果要将Fireworks的 PNG 文件导入为单个的图像，则可以选中作为单个扁平化的位图导入复选框 D:如果选中可单个扁平化的位图导入复选框，所有其他选项都不可用 答案:B 2:下图所示，下面关于使用填充变形工具调整渐变填充的说法错误的是： ( 2 分) A:要重新定位渐变填充的中心点，直接拖动其中心点即可 B:要改变渐变填充的宽度和高度，拖动外框上的正方形编辑手柄即可 C:不能使填充对象发生旋转 D:要使填充对象发生偏移，可以拖动中间的手柄 答案:C
3:在只对信息化中的信息两字进行设置如下图所示的文字效果是通过： ( 2 分) A:是通过字符间距设置的 B:是通过字符字号大小设置的 C:是通过成对字距设置的 D:是通过字符位置设置的 答案:D 4:以下关于电影资源管理器的叙述，错误的是：( 2 分) A:在电影资源管理器中可以查看到元件的定义 B:在电影资源管理器中可以查看当前电影中的所有元素（包括实例、元件、图形对象等）C:在电影资源管理器中可以查看当前电影中的所有元件和实例 D:使用电影资源管理器，可以很容易跳转到包含选定元件的实例的场景 答案:B 5:如下图所示，拖动简易值旁边的箭头或输入一个值可以调整渐变过渡帧的的改变速度，下 面描述正确的是：( 2 分) A:滑杆离上端越近，则动画的加速越明显 B:滑杆离下端越近，则动画的减速越明显 C:滑杆离两端越近，则动画的加速或减速也越明显 D:以上说法都为错 答案:C 6:下面关于声音编辑控件说法错误的是：( 2 分) A:Flash 可以改变声音开始播放的点 B:Flash 不可以改变停止播放的点 C:控制声音在播放时的音量 D:Flash 可以改变声音播放的点，这对于删除无用的声音段，使声音文件保持更小是非常有益的 答案:B 7:在Flash MX中，要绘制精确的直线或曲线路径，可以使用：( 2 分) A:钢笔工具 B:铅笔工具 C:刷子工具
开发应用 1Flash动画的发展历史背景 Flash英文本意为“闪光”,这类喜欢flash的用户有了一个特殊的名称“闪客”。是全球流行的电脑动画设计软件。flash的前身是future Wave公司的Future Splash,是世界上第一个商用的二维矢量动画软件,用于设计和编辑Flash文档。1996年11月,美国Macromedia公司收购了Future Wave,并将其改名为Flash。在出到Flash8以后, Macromedia又被Adobe公司收购,最新版本为:Adobe Flash CS5。 2Flash动画的发展前景 IE5.0版本以上的浏览器自带了Flash播放插件,大力推动了Flash的普及,Flash 已经慢慢的渗入到网络的各个角落。网络、动漫和多媒体技术的发展,使音乐、动漫和文学互相穿插为一种发展的趋势,Flash就是这几种技术的一个接口。现在Flash的应用领域很广泛,贺卡、MTV、动画短片、交互游戏、网站片头、网络广告都有Flash的身影,甚至在电子商务中也应用了Flash的技术。一个大型的Flash动画,可以应用Html、JavaScript、Php、Asp、CGI等技术,结合图像处理的3DMAX、CorelDraw、FreeHand、Photoshop等技术共同完成的。无论美工、程序员都能在Flash中找到自己的位置。 3现代网页设计的目的和要求 信息网络技术开启了人类新的生活、新的实践,更多人对网站设计有了一定了解。网页设计的任务是要实现设计者的意图,既能使网站充分利用其生动活泼的优势,又不会因其一些限制因素,而使浏览者产生不好的心理感受,以至于影响到网页和浏览者的互动。为了提高网站的美观性,和一些广告厂商的利益获取性,我们经常会看到好多内嵌式或漂浮式的广告,吸引我们的注意。在提倡个性化创作的今天,网络动画更加适合现代动画制作者的口味,并随之进入千家万户,网络技术的出现,给动画艺术提供了一个崭新的演示平台,无论是国外还是国内,近几年的动画都在蓬勃地发展。互联网要给企业带来利润,网页设计者需从以下方面着手:
网络动画设计Flash（专业篇） 1 【单选题】关于Flash软件说法正确的是 A、它是一个专做位图的软件 B、Flash软件只能制作动画 C、它是一个矢量图软件，可以制作动画，网页 D、Flash是一个矢量图软件，但不能做网页 正确答案：C 2 【单选题】对于在网络上播放的动画，最合适的帧频率是多少? A、24fps B、12fps C、25fps D、16fps 正确答案：B 3 【单选题】下面哪个面板可以设置舞台背景？ A、对齐面板 B、颜色面板 C、动作面板 D、属性面板 正确答案：D 4 【单选题】属性面板不显示时，应在哪个菜单中找命令让它显示？ A、视图 B、窗口 C、编辑 D、帮助 正确答案：B 5 【单选题】不修改时间轴，对下列哪个参数进行改动可以让动画播放的速度更快些？ A、alpha值 B、帧频 C、填充色 D、边框色 正确答案：B 6 【单选题】仅进行下边两个操作：在第一帧画一个月亮，第10帧处按下F6键，则第5帧上显示的内容是？ A、一个月亮 B、空白没啥东西 C、不能确定 D、有图形，但不是月亮 正确答案：A
7 【单选题】下边哪个面板可以设置文本的大小？ A、对齐面板 B、库面板 C、属性面板 D、动作面板 正确答案：C 8 【单选题】fla文件不能转换为下列哪一类型的文件？提示：发布设置 A、gif B、swf C、html D、psd 正确答案：D 9 【单选题】Flash动画中插入空白关键帧的快捷键是_______。 A、F5 B、F6 C、F7 D、F8 正确答案：C 10 【单选题】Flash是一款什么软件? A、文字编辑排版 B、交互式矢量动画编辑软件 C、三维动画创作 D、平面图像处理 正确答案：B 11 【单选题】在Flash中，帧频率表示: A、每秒钟显示的帧数 B、每帧显示的秒数 C、每分钟显示的帧数 D、动画的总时长 正确答案：A 12 【单选题】关于Flash动画的特点，以下说法正确的是 A、Flash动画受网络资源的制约一般比较大，利用Flash制作的动画是矢量的 B、鲜明，有趣的动画效果更能吸引观众的视野 C、具有文件大，传输速度慢，播放采用流式技术的特点 D、Flash动画已经没有崭新的视觉效果，比不上传统动画轻易与灵巧 正确答案：B
网页设计Flash的使用论述 随着网络的普及和电脑技术的发展，使网页动画迅速发展起来，网页 动画的设计在网页设计中起到了重要的作用，网页动画逐渐成为人们 所关注的一种动画发展的趋势。可以说，在网页设计及建站上应用Flash，使网页设计开始呈现出了多媒体效果，并使之逐渐发展成为了 网页设计的重心。在此，本文重在探讨Flash动画在网页设计中的应用，以供同行参考。 1Flash的概述 1.1Flash的简介MacromediaFlash是一种交互式矢量图编辑和多媒体创作软件，被大量应用于因特网网页的矢量动画文件格式，具有存储 空间较小、效果好、交互性能强大、跨媒体性强、成本低廉、勾线和 上色方便、视频流方便强等特点。目前，Flash已经广泛地运用于网页设计、广告设计、游戏开发等基于Web的各个领域，并逐步向多媒体、影视视频、产品展示、远程教育等各种传统领域渗透。 1.2Flash的特点 (1)Flash是以矢量图形为基础，本身导出的文件小，可以对图形进行任意缩放而不会影响图形的质量，适合网络传输。 (2)Flash的AS代码非常强大，应用Flash制作出来的动画，交互性强，并能与读者产生互动。 (3)Flash动画在工作时是采用插件，用户如想观看动画，只须安装一次插件，即可实现快速观看且无需重复安装。且因为Flash生成的动 画很小，则调用的速度很快。 (4)在Flash中既可加入按钮控制页面的跳动和链接，也可使用鼠标 或键盘来控制动画中对象的运动。同时，在应用时，可用Flash对人 们常使用的文字和按钮添加超级链接，使其在应用时只要点击链接即 可跳转到所需的页面中去。
Flash网站的制作 实训目的： 1、学习Flash网站的制作思路，掌握大场景的控制。 2、学习动画的综合制作技术。 3、进一步学习动态按钮的制作。 4、理解图层文件夹在管理图层方面的便捷性。 5、学习使用文本建立超链接。 6、使用组件构建表单页面。 7、通过编写ActionScript动作脚本控制网站栏目的跳转。 8、掌握如何发布Flash网站。 操作步骤： 一、网站外观的制作 1、设置舞台背景大小为644×500，背景颜色为黑色，帧频为24。 2、将图层1重命名为“背景”，导入素材文件夹中的“网站底.jpg”图像文件，并调整其大 小及位置与舞台完全重合。 3、在“背景”图层的第60帧插入普通帧，设置动画的播放时间为60帧。 4、在“背景”图层的上方创建一个新图层，命名为“标题文字”层，在舞台中绘制一个白 色图标，输入标题文字，将它们放置在舞台中红色区域的左侧，如下图： 5、在“标题文字”图层的上方新建一名为“按钮层”的新图层。在该图层新建一名为“摄 影园地”的按钮元件，然后使用文本工具在舞台中输入白色文字“摄影园地”，并调整好其字体和字号为宋体12号。 6、在“图层1”的“指针经过”帧和“按下”帧处插入关键帧。 7、在舞台中选择“指针经过”帧处的白色文字，在属性面板中修改文字的颜色为黄色。 8、在“图层1”的上方新建一个图层，并在该层“指针经过”帧处插入关键帧，使用“矩 形工具”在舞台中绘制一个白色且没有轮廓线的矩形，其大小以能够遮住其下的文字为准。 9、选择绘制的白色矩形，将其转换为名为“小白条”的影片剪辑元件。
10、在库面板中双击“小白条”元件，进入该元件编辑窗口中，在“图层1”的第6帧、 第8帧和第9帧处插入关键帧。 11、分别选择第1帧、第6帧和第8帧中的白色矩形，使用“任意变形工具”水平拖动 鼠标，调整矩形的形态如下图所示：
Internet风行世界，作为展现Internet风采的重要载体，Web页受到了愈来愈多人的重视。好的Web页能够吸引用户频频光顾我们的站点，从而达到宣传我们的目的。因此，制作玄妙的Web页成为众多公司和个人的要求，制作和公布Web页技术和理论也随之迅速进展了起来。Web页是由HTML（Hypertext Markup Language，超级文本标记语言）组织起来的，由扫瞄器解释显示的一种文件。最初的HTML语言功能极其有限，仅仅能够实现静态文本的显示，人们远远不满足于如此死板的类似纯文本式的Web页，后来增强的HTML语言扩展了对图片、声音、视频影像的支持，这些改进使得人们能够在Web页加入动画，比如gif动画。然而，这些动画仅仅是独立的Web页元素，通常是自己完成自己的那一套差不多规定好的动作，机械呆板。为了获得交互功能， Web页设计者开始在Web页中加入J avascript、VBScript 如此的脚本语言以及J ava小程序来同意用户的信息并给出具体响应，比如讲，当用户把鼠标拖到一个地点，Web页中将给出友好的动画文本提示。这种效果令人兴奋，它大大区不于往常的Web页，具有了人性化的交互功能。然而，组织制作这么一个Web 页将是十分困难的，您必须掌握J ava、J avascript如此的编程语言，这种要求使得许多Web动画设计者望而却步。即使能
够熟练的使用这些语言，为了获得类似的效果将要耗费大量的时刻和精力，使得Web页制作周期大为加长。而利用Flash 制作的shockwave网页却能让这一切变得轻松简单。 Flash是制作网络交互动画的优秀工具，它支持动画，声音以及交互，具有强大的多媒体编辑功能，能够直接生成主页代码。它的前身是FutureSplash，是用于完善Macromedia的拳头产品Director。然而由于Director并非针对互联网而设计的，因占用带宽过大而阻碍了其在互联网中的传输和应用。针对目前网络传输速度的问题，Flash通过使用矢量图形和流式播放技术克服了这一缺点。基于矢量图形的Flash动画在尺寸能够随意调整缩放，而可不能阻碍图形文件的大小和质量，流式技术同意用户在动画文件全部下载完之前播放已下载的部分，而在不知不觉中下载完剩余的动画；Flash提供的透明技术和物体变形技术使创建复杂的功画更容易，给Web动画设计者丰富想象提供了实现手段；交互设计能够让您为所欲为操纵功画，给予用户更多主动权；优化界面设计和强大的工具使Flash 简单有用。同时，Flash还具有导出独立运行程序的能力，其优化下载的配置功能更令人为之赞美。能够讲，Flash为制作适合网络传输的Web动画开发了新的道路。值得强调的是，由于Flash 记录的只是关键帧和操纵功作，所生成的编辑文件（*。fla）尤其是播放文件（*。swf）特不小巧，这些正是许多Web页设计者所孜孜以求的。
flash网页设计模板 篇一：基于flash的网页设计 基于flash的网页设计 内容摘要：Fl(转载于: 小龙文档网:flash网页设计模板)ash动画已经成为越来越多的人们所关注的一种动画发展的趋势。可以说，通过进行网页设计并建设网站，开创了多媒体效果的网页或整个多媒体网站的新潮流，本文对Flash动画在网页制作中的应用及发展做了探讨。 关键词：Flash，网页设计 Flash based website design Abstract：Flash has become a trend of more and more people animation concern development. It can be said, by website design and build the site, creating a new wave of multimedia effects or entire multimedia web site, the paper making Flash animations in web application development done and discussed. Key Words：Flash,website design. 目录 导
(1) 一、网页制作与Flash ............................................... 1 二、Flash 动画应用于网页制作 (2) （一）、在网页中启动Flash动画 ................................................ (2) 1、插入Flash 动画 ................................................ .. (3) 2、插入Flash按钮 ................................................ (3) 3、插入Flash文本 ................................................ (4) （二）、Flash动画对网站页面的优
目录 一、设计题目 0 二、设计性质、目的和任务 0 1、设计性质 0 2、设计目的和任务 (1) 三、设计内容 (2) 四、设计说明 (3) （一）、网站标题的创意和设计 (3) （二）、站标的创意和设计 (4) （三）、栏目的创意和设计 (4) 1、二级页 (5) 2、三级页 (13) 五、设计总结 (16) 一、设计题目 杰然不同 二、设计性质、目的和任务 1、设计性质 本课程设计是学生在学习网页设计软件Dreaweaver和Flash动画设计
课程后的实践性很强的专业课课程设计，是对所学Dreaweaver和Flash知识的综合运用，为培养职业核心能力与素质奠定基础，在专业人才培养方案中起重要作用。 2、设计目的和任务 (一)内容： 综合利用Dreamweaver和Flash设计制作一个网站。 设计题目：在线购物网站或个人网站，任选其一（具体名称和栏目自定）。 (二)要求： 1、网站和素材制作要有自己的创意。 2、通过设计熟练掌握网页设计和Flash素材制作的基本流程和各种常用工具的使用方法和技巧。 3、Dreamweaver的内容要求： ⑴、有图文的混合排版,要有自己设计的图像素材 (可是静态或Flash 动画)。 ⑵、要有自己设计的站标（静态或Flash动画任选）。 ⑶、网页要求体现不同布局（表格布局、层布局、框架布局）。 ⑷、要有CSS样式、模板和库的使用。 ⑸、要有鼠标经过图像。 ⑹、制作弹出信息对话框。 ⑺、随主页弹出的广告窗口。 ⑻、要有项目列表或编号列表。 ⑼、多种超链接的设臵。 ⑽、有插入的声音文件或背景音乐。 4、Flash的内容要求： ⑴、熟练掌握Flash的基本操作方法。 ⑵、设计网站的Flash标题文字动画（或Flash的TOP文件），做到动画新颖且与主题风格一致。 ⑶、根据网站风格、内容的需要制作相应的动画广告或其它动画素材，