电子商务网站建设与网页设计3

使用Flash制作网页广告动画CHAPTERTHREEFlash动画因其操作性强、占用空间小、可创造性强等优势，能够满足网页设计的审美多元化需求，使其在网页设计中得到了广泛的应用。在电子商务网站中，随处可见应用Flash技术制作的商品展示、网站广告、Banner及交互动画，甚至可以使用Flash进行视频交流，这些都极大地提升了用户的浏览兴趣。通过本项目的学习，读者可以熟悉Flash的基本操作，并能利用Flash制作电子商务网站的导航菜单和横幅广告。本书将以FlashCS6版本为操作平台进行学习。能够利用Flash制作电子商务网站导航菜单。能够利用Flash制作电子商务网站横幅广告。学习目标Contents目录认识Flash工作界面1Flash工具的应用2使用Flash制作导航菜单3使用Flash制作横幅广告4一、认识Flash工作界面基本功能区菜单栏编辑栏面板工具箱时间轴面板舞台窗口选项卡一、认识Flash工作界面菜单栏舞台“时间轴”面板“属性”面板工具栏基本功能区一、认识Flash工作界面1菜单栏编辑：用于对帧的复制与粘贴、编辑时的参数设置，以及自定义工具面板、字体映射等。视图：用于快速设置屏幕上显示的内容，如浮动面板、时间轴和网格标尺等。插入：该菜单中的命令利用率非常高，如转换元件和新建元件等。农业众筹、预售成为农业电商的重大业态。修改：用于修改文档的属性和对象的形状等。一、认识Flash工作界面2基本功能区一、认识Flash工作界面3舞台舞台是场景白色区域中的内容，即放置动画内容的区域。在编辑动画时，可以在整个场景中绘制或编辑图形，内容包括矢量插图、文本框、按钮和导入的位图图形或视频剪辑等，也可根据需要改变舞台的属性和形式。一、认识Flash工作界面4“时间轴”面板时间轴标题播放头帧播放按钮“帧居中”按钮循环按钮“绘图纸”按钮帧频指示器运行时间指示器一、认识Flash工作界面5“属性”面板一、认识Flash工作界面6工具栏Contents目录认识Flash工作界面1Flash工具的应用2使用Flash制作导航菜单3使用Flash制作横幅广告4一、Flash工具的应用文本工具填充工具绘图工具一、Flash工具的应用1文本工具01静态文本02动态文本03输入文本一、Flash工具的应用1文本工具一、Flash工具的应用2绘图工具01线条工具绘制线条设置绘制对象属性一、Flash工具的应用2绘图工具01线条工具“实线”样式“虚线”样式一、Flash工具的应用2绘图工具01线条工具“点状线”样式“锯齿状”样式一、Flash工具的应用2绘图工具01线条工具“点描”样式“斑马线”样式一、Flash工具的应用2绘图工具02铅笔工具铅笔工具“属性”面板铅笔模式一、Flash工具的应用2绘图工具03钢笔工具设置钢笔工具参数一、Flash工具的应用2绘图工具03钢笔工具使用钢笔工具绘制直线段设置笔触参数确定锚点一、Flash工具的应用2绘图工具03钢笔工具使用钢笔工具绘制直线段绘制图形一、Flash工具的应用2绘图工具03钢笔工具使用钢笔工具绘制曲线绘制曲线绘制直线一、Flash工具的应用2绘图工具03钢笔工具使用钢笔工具添加和删除锚点添加锚点删除锚点一、Flash工具的应用2绘图工具03钢笔工具使用添加锚点工具和删除锚点工具转换为“转换锚点工具”转换为“部分选择工具”钢笔工具的交互一、Flash工具的应用2绘图工具04多边形工具一、Flash工具的应用3填充工具01颜料桶工具颜料桶工具“属性”面板“空隙大小”选项一、Flash工具的应用3填充工具02墨水瓶工具墨水瓶工具可以用于改变线条的颜色、宽度和类型，还可为只有填充的图形添加边缘线条。03滴管工具一、Flash工具的应用3填充工具04刷子工具Contents目录认识Flash工作界面1Flash工具的应用2使用Flash制作导航菜单3使用Flash制作横幅广告4三、使用Flash制作导航菜单认识导航菜单导航菜单设计三、使用Flash制作导航菜单1认识导航菜单顶部导航1侧边栏导航2底部导航3汉堡包式导航4滚动式导航5三、使用Flash制作导航菜单1认识导航菜单顶部导航1优点缺点可以一目了然地让用户迅速找到自己所需的信息。当首页内容过多需要滚屏时，用户需要滚动到顶部再去切换导航内容。三、使用Flash制作导航菜单1认识导航菜单优点缺点设计形式比较多样，也可以有多种表现形式，比较个性化。效果不是很好，特别是侧边栏导航宽度较大时，会影响整个网页的宽度。侧边栏导航2三、使用Flash制作导航菜单1认识导航菜单底部导航3底部导航应用性不是很广，经常出现在一些活动或个性化的网站当中。一般底部导航被广泛使用的并不是在PC端网页中，而是在移动端页面中。三、使用Flash制作导航菜单1认识导航菜单优点缺点比较节约空间，相当于将导航设计成隐藏或弹出的形式，比较具有设计感。对于一部分用户而言，汉堡包式导航其实并不是那么直观。汉堡包式导航4三、使用Flash制作导航菜单1认识导航菜单水平式滚动导航垂直式滚动导航导航内容在左右水平方向滚动，当用户首次遇到这类网站导航时体验感会比较差。垂直式滚动导航在网页中运用得较为广泛。滚动式导航5三、使用Flash制作导航菜单2导航菜单设计Contents目录认识Flash工作界面1Flash工具的应用2使用Flash制作导航菜单3使用Flash制作横幅广告4四、使用Flash制作横幅广告认识横幅广告横幅广告设计四、使用Flash制作横幅广告1认识横幅广告02030401定义作为提示性广告，浏览者可以点击进入以了解更多的信息，是互联网广告中最常见的一种形式。特点展示方式灵活多变。尺寸720像素×90像素、480像素×60像素或233像素×30像素。图片格式GIF、RichMediaBanner。05表现形式静态横幅、动画横幅与互动式横幅。四、使用Flash制作横幅广告2横幅广告设计项目习题根据以下提示制作文字转变效果，即由一个文字逐渐转化为另一个文字。（1）新建动画文件，设置文档大小为600×400像素、帧频为12fps。（2）在第1帧中添加文字“数码之家网上商城”，按两次【Ctrl+B】组合键将文字转换为形状；在第12帧添加文字“购物新体验”，并将其转换为形状。（3）在第1帧和第12帧之间创建补间形状动画。0102某电商企业根据消费者调查，重新设置网站的导航菜单，内容包括：商品分类、会员中心、购物车、积分兑换、帮助中心、活动专区和留言板等。利用“素材文件\项目三\习题二”中提供的素材，为该公司设计导航菜单，效果如图所示。项目习题03森马服饰股份有限公司是一家以虚拟经营为特色、以系列成人