|
1.引言 Flash网站页面美观，互动性很强，利用Flash设计和制作学习网站，动画效果可以使整个页面更加具有活力，在Flash网站中加入合适的音乐背景以及一些动画特效的话，便是如虎添翼，可以让学习者在学习过程中不会感觉枯燥无味，相反还可以在学习中事半功倍。 内容来自www.paper51.com
以往的网页一般都是静态的，缺乏变化，用户容易产生审美疲劳。Flash网站具有设计精美，拥有更多声效、动画、流媒体剪辑、美术效果及兼顾互动性等特征，动画的特性，配合AS程序，打破了让人习惯了静止的网页页面的格局，让人眼前一亮，非常适合制作学习网站[1]。 内容来自论文无忧网 www.paper51.com
Flash网站基本以图形和动画为主，文字内容少，以平面、动画效果为主，因此制作出来的网站不但交互性好而且能呈现出很好的视觉效果，更能吸引用户的眼球。另外随着互联网发展，对于Flash互动需求也不断增加，用户没有简单的把Flash看做是一个单纯的动画设计软件，而更大意义上是将Flash技术应用于网站设计。 内容来自www.paper51.com 2.需求分析 paper51.com
2.1应用分析 copyright paper51.com
随着Flash技术的高速发展，在教学课件、广告、网站、电子商务等各个领域的应用也日益增多。在网站制作过程中，Flash可以通过swf、asp、access、组件、php等方式进行通信，设计过程中主要使用了swf、php两种方式。虽然Flash技术开发的网站在功能方面没有Dreamweaver等这类软件开发的强大，但是人们对艺术效果追求越来越强烈，因此把更多的Flash技术运用于网站开发中将会是一个不断努力的过程。 内容来自www.paper51.com 2.2用户分析 http://www.paper51.com 面对众多网站几乎雷同的页面模式已经不能满足用户的视觉需求，特别是年轻一族更喜欢动感、精美、炫目的效果。传统的学习网站更多的是给沉闷、单调的画面，不能很好的吸引学习者的眼球，自然学习效果也就不会太理想，用Flash开发的学习网站正好能够弥补这一缺陷。 paper51.com 3.开发平台介绍 paper51.com 运用的flash版本：MacromediaFlash Professional 8.0。Flash 8.0是一种创作工具，设计人员和开发人员可使用它来创建演示文稿、应用程序和其它允许用户交互的内容。Flash 可以包含简单的动画、视频内容、复杂演示文稿和应用程序以及介于它们之间的任何内容。Flash 8.0是该设计的主要软件，完成网站的制作和集成。 内容来自www.paper51.com 运用到的辅助软件主要有会声会影9.0、PhotoshopCS和Dreamweaver 8。会声会影9.0主要是编辑教学视频，Photoshop CS主要是对相关图片的处理， Dreamweaver 8主要是制作文件上传系统和留言板。 内容来自www.paper51.com
4.网站整体构架及设计思路 内容来自论文无忧网 www.paper51.com 网站开发思路主要包括以下几个方面： paper51.com ①模块设计划分主要包括：站点首页、课程简介、在线学习、自测习题、资源管理、给我留言、疑难解答、作品展示、友情链接等模块。站点首页：可以链接到本站首页。课程简介：对该学习网站的课程做一个简单介绍。在线学习：提供用户在线学习多媒体技术的理论知识和相应技术应用的平台，以学习者为中心的学习、主动式的学习。自测习题：提供用一部分习题，其中包括多媒体理论知识习题和实际操作练习。资源管理：用户对文件下载及上传，其中下载的资源有课件、教学视频以及多媒体技术相关软件。给我留言：通过留言板给在线留言，反馈信息。疑难解答：给用户提供学习过程中常遇到的一些典型疑难及解决的对策。作品展示：用户可以在线欣赏一些多媒体技术作品。友情链接：可以让用户链接到一些常用的网站。 copyright paper51.com ②结合php制作留言板和文件上传系统，增加网站交互性。 http://www.paper51.com ③确定每个模块的动画效果及其在页面中的位置，设计图片、文字及色彩的的搭配。框架结构如图4.1-1所示： copyright paper51.com paper51.com 图4.1-1 网站整体构架图 http://www.paper51.com 5.网站功能模块设计思路及制作过程 内容来自论文无忧网 www.paper51.com 基于需求分析和框架结构，将网站的制作过程大致分为片头制作、网站首页设计、Logo的制作、导航菜单的制作、外部文件（zp.swf）的制作、文件上传服务的制作、留言板的制作等[2]。具体制作如下： http://www.paper51.com 5.1片头制作 内容来自www.paper51.com
整个首页在一个场景中完成，运行首页(index.html)，开始会出现一个简短的片头，这个片头主要是一个loading条，它的作用是起到一个过渡的效果，另外可以使网站更加具有活力。具体制作过程：在图层1的第1帧上放置loading条，选中loading条，把它的alpha值改为0%，在第10帧插入关键帧，并且把loading条的alpha值改为100%，在第1帧和第10帧之间创建补间动画，在第15帧插入关键帧，在第10帧和第15帧之间创建补间动画，这样运行时loading条就就会从模糊逐渐变清晰，清晰后停留一下进入首页。 copyright paper51.com
|