教学课件 Flash项目实践教程第三版--肖玉.ppt

* 相关知识 　　网站的引导页面通常是起到画龙点睛的作用，绚丽的动画效果能够为网站的设计锦上添花，要设计好的片头动画，要在充分了解客户想要表达的概念或者价值观念的基础上，制作出具有出色的创意，同时符合网络的要求的效果，制作流程如下： 　　1.明确设计思路：明确引导页面的设计思路、动画的设计脚本，方便于素材的准备和任务的分解。 　　2.材料准备：将FLASH引导页面动画的内容素材收集在一起，图片，声音，音效，动画主题，文字内容，布局，颜色定位 这七项元素都确定下来。 　　3.制作动画：根据动画的设计思路，将构成引导页面中的每一个元素都用时间轴让它动起来。制作过程中注意每个元素“动”起来的时间先后顺序。 　　4.多幅平面设计图的拼接：制作片头动画一个场景就够了，其他的多幅平面设计图都集中放在一个“剪辑MC”中即可。 拓展训练 9.4 * 制作珠宝首饰网站flash引导页面。 项目说明 项目名称 网站引导页面以模特图片为背景，突出首饰的优美造型，体现首饰的风采。 设计提示 　　（1）收集动画设计的背景及首饰等素材，制作背景及文字逐渐显示的动画效果； 　　（2）绘制矩形的首饰图片展示框，通过遮罩效果显示首饰图片； 　　（3）设置其他背景及首饰图片的显示效果； 效果展示 * P art 10 第10章 网站Flash导航条制作 * 目标概述 案例效果 学习目标 　　网站导航条一般分为图像式导航条和动画式导航条两种，图像式导航条指利用图像设置链接而成，这种导航条用户可以直接在Dreamweaver中制作；动画式导航条指使用具有交互功能的动画作为导航对象，这种导航条就需要在Flash中制作。动画式导航条因效果绚丽应用的越来越多，本项目就是为常州工程职业技术学院学院网站制作导航条。 项目完成的效果如图 设 计 思 路 10.1 * 　　本项目将利用Flash软件，制作用于常州工程职业技术学院网站上的导航条动画。该导航条的制作思路如下： 　　1.动画的初始状态显示一级菜单，如图所示效果； 　　2.当浏览者将光标移到一级导航条按钮上，该按钮会有黄色矩形背景闪烁，并从按钮下方弹出该按钮的二级菜单，如图所示； 　　3.当光标移到其他按钮上，那么原来按钮的二级菜单就会消失，而光标所在按钮的二级菜单将从下方弹出，如图所示。 导航条初始状态 * 光标移到按钮的状态 光标移到其他按钮的状态 项 目 实 施 10.2 * 任务说明 　　制作导航条按钮，实现导航条初始效果 　　（1）制作导航条按钮 　　（2）制作按钮动画影片剪辑，实现背景闪烁效果 效果展示 任务1 制作导航条按钮初始动画效果 * 任务2 制作光标移到按钮状态的动画效果 任务说明 实现光标移到按钮上的动画效果。 （1）制作按钮的二级菜单； （2）制作二级菜单向上移动动画； 效果展示 * 任务3 制作鼠标移到其他按钮的动画效果 任务说明 　　实现鼠标移到其他按钮的动画效果。 　　（1）为按钮添加行为； 　　（2）设置二级菜单的链接。 效果展示 经 验 指 导 10.3 * 相关知识 1.导航菜单制作说明 　　导航菜单是网页元素中非常重要的部分，其主要作用就好像是网站内容的目录，通过导航菜单可以让用户在浏览网页时很容易地到达不同的页面。其次导航栏还提供了链接的关键字。通过导航栏可以让用户清晰地找到要浏览的网站内容。 * 相关知识 2. 导航菜单设计技术概述 　　 根据不同的需要，可以使用多种技术来进行导航菜单的制作。 　　 1.使用HTML制作简单的图片和文字链接式导航菜单 简单的文字获图片导航，只使用HTML代码就可以了。这种导航菜单只是网站主要页面的文字或图片链接的堆积，实用性较强，下载速度快，但视觉效果差。 　　　 图片和文字导航菜单 * 2. 导航菜单设计技术概述 2.使用脚本和样式表制作的导航菜单 在HTML网页中，使用脚本代码（如JavaScript）和样式表（CSS）可以做出不错的导航菜单效果。菜单项不再只是堆积在一起的链接，而是将其分类，当鼠标移动到相应位置，会显示该栏目的子类，菜单的互动效果也较好。 使用脚本和样式表制作的动态导航菜单 相关知识 * 拓展训练 　　 3.使用Flash制作的动感导航菜单 　　 Flash由于具有独特的多媒体交互方式。可以制作出视觉与互动效果极佳的导航菜单，这是其他方法无法做到的。