《FLASH 动画制作第9章》-公开·课件设计.pptVIP

第9章 网站设计综合实例 9.1 网站规划 9.2 制作首页场景 9.3 制作装载（Loading）动画 9.4 制作二级页面动画 9.5 整合 相关知识 本章小结 思考与练习 学习目标 了解Flash网站和单个Flash作品的区别 掌握Loading的制作方法 掌握常用的Action Script控制代码 掌握文本导入的方法 引例 一家宠物商店因业务拓展，需要建设一个宠物介绍网站，该商店主要经营范围包括宠物猫和宠物狗。网站制作要求界面美观且具有动感效果，必须包括商店和主要经营品种的介绍网页，页面上显示用于联系的E-Mail和新到宠物信息。 9.1 网站规划 一个网站的成功与否与建站前的网站规划有着极为重要的关系。在建立网站前应明确建立网站的目的，确定网站的功能、规模等。只有详细的规划，才能避免在网站建设中出现的很多问题，使网站建立能顺利进行。 9.1.1 需求整理 网站规划的第一项任务就是对用户的需求进行整理，明确用户的建立目标。 任务1 确定一级栏目 任务要求 对用户提出的具体要求进行整理，确定一级栏目。 任务分析 一个网站由多级栏目构成，一级栏目是直接显示在主页上的链接，通过对用户的实际业务开展情况进行整理，可以确定网站的一级栏目。 边学边做 请分析个人网站的一级栏目应有哪些？ 任务2 确定二级页面风格 任务要求 根据“任务1”确定的一级栏目，确定二级页面的总体风格，并且保证整个网站风格统一，丰富多彩。 任务分析 二级页面是单击主页上一级栏目链接后，展示一级栏目详细内容的页面。二级页面的风格有多种，根据实际需求确定它的风格至关重要。如果显示的内容不是很多，可以选用图片为主风格的二级页面，否则需要选用以显示文字链接为主风格的二级页面。 边学边做 请分析个人网站的二级栏目应有哪些，采用何种风格较为妥当？ 9.1.2 结构规划 根据用户需求整理出网站建设过程中需要设计的一级栏目和二级页面风格后，需要对网站进行结构规划，大体确定需要多少个页面。 任务3 规划网站结构 任务要求 根据上一小节整理出的一级栏目，确定规划网站结构，绘制出结构规划图。 任务分析 网站结构规划的主要任务是确定网站需要多少个页面，以及页面之间的关系。Flash制作网站还需要确定主场景、次场景和按钮的个数。 网站栏目：关于我们（商店介绍）、宠物猫猫、宠物狗狗、新到宠物、联系我们 边学边做 请设计一个个人主页的网站结构。 9.2 制作首页场景 Flash网站由主场景、子场景、次子场景等构成，与制作html网站类似，一般先制作一个主场景“index.swf”，主要内容包括：长宽比例、背景、栏目导航按钮、网站名称等首页信息。最后发布成一个html文件，或者通过网页设计工具制作一个html页面，插入“index.swf”。 9.2.1 设置背景 利用Flash制作网站的第一步是布置好舞台，以保证整个网站简洁、实用风格统一。 任务4 设置舞台大小 任务要求 新建一个Flash文档，设置舞台大小为800×600像素，背景白色，保存文档，命名为Index.fla。 任务分析 常见的计算机的分辨率是800×600像素或1024×768像素，将舞台大小设置为800×600像素通用性较强。 任务5 背景过渡 任务要求 新建一个图形元件，并制作淡入背景动画。 任务分析 体现出背景过渡效果，可以新建一个图形元件。在元件中绘制一个填充色与背景颜色不同的图形，设置图形元件的透明度，生成“动画”补间，体现出背景过渡效果。 任务6 底部导航背景 任务要求 新建一个图形元件，并将其拖动到舞台底部，作为一级栏目导航按钮的背景。 任务分析 通过颜色可以体现出主页功能分区，与“任务5”类似。新建一个名称为“BG_Black”的图形元件，并在元件中绘制一个矩形，填充色黑色、无边框、边脚半径0点、宽度800像素、高度10像素，底部边与舞台重合。 在“场景1”中插入一个名称为“BG_Black”的图层，选中该图层的第1帧，将“BG_Black”图形元件拖拽至舞台底部，使其底边与舞台重合。 边学边做 请自己创意，设计配色方案填充舞台背景。 任务7 边框 任务要求 新建一个背景图形元件，在元件中绘制大小合适的边框，并在图形元件中添加版权信息和公司名称。 任务分析 与前面几个任务类似，新建一个名称为“BG_Border”的图形元件，并在元件中绘制一个矩形，无填充色、黑色边框、边脚半径15点，删除左、右边线，使其与舞台融为一体。 利用“文本工具”输入版权信息和公司名称，合理调整宽度使其位于舞台内部，并且具有恰当的边距，简洁美观。 边学边做 请用