泉州师范学院教育技术学专业毕业论文设计.docVIP

泉州师范学院毕业论文（设计） 毕业论文 题 目：基于Flash茶主题网站前台的设计与开发 姓 名： 学 号： 100402024 系 别： 教育技术系 专 业： 教育技术学 年 级： 10级 指导教师： 2014年 4月 20 日 基于Flash茶主题网站前台的设计与开发 教育科学学院 教育技术学专业 100402024 指导教师　郑深 讲师 【摘　要】本次设计通过Flash软件来实现茶主题网站前台的设计，其界面设计主要采用photoshop进行图像编辑和Flash进行动画制作。 【关键词】茶网站 Flash ActionScprint 1.前言 福建省茶叶生产历史悠久，得益于自身得天独厚的地理环境气候类型，茶的类型多种多样，乌龙茶、绿茶、红茶等已走入寻常百姓的家。泉州安溪的铁观音，武夷山的大红袍更是远近闻名。随着生活水平的逐步提高，茶文化渗透到生活中的各个方面，茶叶贸易日益渐盛，泡茶聊天，斟茶饮酒更是成为人们生活中不可缺少的一部分。本次设计利用Flash制作茶网站，网站内容包括常见茶种类及功效，茶的时事新闻，让用户对茶有较系统的认识，旨在传递丰富的信息，同时给人以美的艺术享受。 2.茶主题网站构思的整体设计 本次主要是关于茶主题网站的前台设计，该网站主要包括：开场动画、网站首页、产品展示、新闻动态、新品推荐、联系我们6个模块，每个模块内设置不同的内容表现形式，提供关于茶的不同信息，用户在此可了解关于茶的最新动态信息，通过网络联系。本次网站的设计理念如下： （1）明确设计内容：内容将决定形式，明确本次设计的内容是进行其他工作的基础。在明确了本次设计的内容后，开始调查、搜集处理资料，为接下来的工作做好准备。 (2)草图的设计及网站的规划：在调查准备好资料的基础上，进行网站的规 划，形成一个初步的设计草图，并根据构思在计算机上制作网站。 (3)把握色彩，突出设计模块：用户是否选择这个网站，第一印象很重要。为了更好吸引用户的眼球，同时突出“茶”主题，要把握好色彩的使用和搭配，首先在开场动画中以标志的绿色茶园做为整体界面，予人以清新鲜艳的视觉感受，并以此为主线贯穿始终，利用photoshop软件对图片进行颜色的加工，色差的调节，使整个网站的颜色搭配给人以舒服清新的感觉。 （4）网站优化美化设计：网站优化是在所有的工作的做好的基础上进行的，参考优秀网站，根据审美、本次的主题、用户的需求等对网站做出调整。 在首页当中有最新新闻、最新产品、联系方式等模块，方便用户在第一时间内看到最新动态和茶产品功效，内页针对不同的栏目，变现形式不同，同时详细页也很好的考虑到了用户体验。图2.1是本次设计流程图： 图2.1 3.茶主题网站功能模块的设计 俗话说“好的开始是成功的一半”,在制作过程中，材料的搜集准备处理是成功的基石。好的设计注重的不只是图像场景嵌合的整体感觉，更要在细节处多花心思，做到自然、和谐。在这个阶段不仅要花大量时间和精力在搜寻素材上，很多时候更要亲手制作成所需的样子，譬如利用Photoshop处理各种图片，添加滤镜效果，利用Flash制作各种元件等。 本网站中涉及的多种特效及动画效果，大部分都是利用元件做成的。Flash中元件类型包括图形、按钮、影片剪辑三种。元件置于“库”里，需要时只要将元件从“库”中拖放到场景上，一个元件可以多次使用。使用元件可以有效减小影片文件的所占容量大小，加快影片的播放速度，并且实例本身具备自己的个性，它的更改不会影响库中的元件本身。在本次设计中多次用到按钮元件，按钮元件是对鼠标事件作出响应的相互按钮，能够使观众与动画更贴近。 3.1 开场动画场景 Flash既为创作工具，可实现文稿演示、动画制作修改、网站规划设计等。利用Flash所制作的作品文件所占容量相较于其他软件较小，色彩鲜艳生动，且下载速度较快，将Flash作为网页动画设计的首选工具已成为潮流。同时在Flash中可以通过ActionScript添加脚本语言，实现交互性，实现真正意义上的面向对象，使Flash具有更大的设计自由度。 本次网站的设计包含开场动画和5个功能模块，由于所包含模块较多，为了更清晰地展示，设计了6个场景。所谓场景，是专门用来存放各种对象包括视音频图片等的场所，同时也是进行动画播放的场所。当动画使用对