资源描述
, , , , , ,*, ,L/O/G/O, , , , , , ,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,(中职)Flash CS6动画制作(第2版)3.4教学课件(工信版),项目三,Flash,网站设计与制作,任务,4,制作,Flash,网站,任务目标,1,2,掌握,Flash,网站设计,掌握,Flash,网站制作,任务训练,1,掌握,Flash,网站设计,好的网站设计是制作较好网站的首要条件,在Flash网站制作时,以下几个方面的设计尤其值得关注。,1导航菜单设计,2,个性化,LOGO,设计,3,色彩风格设计,4,网站首页设计,5,页间跳转设计,6,文件大小处理,案例,3-4-1,制作甜品网站,明媚的阳光照射下,蓝天、白云、草地构画出一副美丽的风景,在炎炎夏日里,想不想来点冰爽的冷饮或者品尝一块美味的蛋糕,让我们一起进入充满梦幻的甜品世界。,图,3-4-1,甜品网站首页,任务训练,2,掌握,Flash,网站制作,任务目标与分析,(,1,)制作,Flash,网站首先要确定主题,该网站是一个甜品网站,目标主题为展示该网站出售的每一款产品,引发浏览者的购买欲望,提高销售量。,(,2,)主题确定好后,考虑到该,Flash,网站针对年轻目标群体,所以把风格定位在清新时尚深风格。按照风格定位,网站的版式设计为满版型页面,以产品图像为主要诉求点,视觉传达效果直观突出,给人以生动有趣的感觉,导航自然的融入其中,蓝天、白云、草地等元素的添加,让整个画面更具立体空间感。,任务训练,2,掌握,Flash,网站制作,任务目标与分析,(,3,)根据主题、定位,设计网站整体结构,规划栏目和板块的编排,具体栏目结构图如图,3-4-2,所示。,图,3-4-2,栏目结构图,图,3-4-2,栏目结构图,图,3-4-2,栏目结构图,图,3-4-1,栏目结构图,任务训练,2,掌握,Flash,网站制作,任务目标与分析,(,4,)按照前期构思策划的内容,有针对性地收集网站所需要用到的图片素材,对于无法直接获取的素材,可以通过,Photoshop,等软件,对相关的素材进行相应的制作和修改来获取。,(,5,)资料收集后就可以对每个页面进行设计了,首页及四个分页要保持整体风格一致。,任务小结,本节主要通过案例为读者详细介绍了,Flash,网站策划、设计、制作全过程,通过元件、页面及页面之间的调用,学习掌握网站的基本制作方法。,模拟实训,一、实训目的,1,熟悉,Flash,网站的制作流程,2,能够制作简单的,Flash,网站,二、实训内容,根据本节学习的内容,制做学校,Flash,网站。如图所示,3-4-41,所示。(提示:标题横幅采用遮罩动画制作、,banner,设计发光动画效果、主页导航菜单使用按钮鼠标经过效果。),
展开阅读全文