基于Flash技术的动态博客设计——Flash博客框架设计---毕业论文

本 科 毕 业 论 文 基于Flash技术的动态博客设计Flash博客框架设计The design of dynamic blog base on flash technologyThe framework design of flash blog 姓 名： 学 号：学院：软件学院系：软件工程专 业：软件工程年 级：指导教师： 年 月摘 要 网页作为一种信息载体，为设计者提供了新的设计领域与设计课题。随着网络技术的日益成熟和使用者的数量越来越多，人们使用网络的目的也开始多元化。其中，“博客”不知不觉成为人们日常生活中浏览的热门网页种类之一。其极具个性化的特点深受广大使用者的喜爱，本文通过对广泛流行的个人博客网站的分析与改进，打破以往博客的传统页面设计布局，从美观，动态，新颖的角度出发，设计基于日历直接展示形式的Flash博客整站，替换传统的静态HTML博客网页布局。以一个新的博客设计理念，通过运用Flash等设计软件，设计出具有丰富动态交互效果和视觉艺术呈现效果的博客网页。文章的基本框架如下：第一部分Flash博客创意概述部分，通过对博客网页的应用及其特点的分析，总体介绍Flash博客设计的灵感来源和意义。第二部分结合设计中需求的功能和视觉效果，对选用的软件Adobe Flash CS3 和脚本语言Action Script 3.0的特点和优势进行概述。第三部分为文章的主体部分，该部分详细的介绍了Flash博客中主框架及部分子页面的动作部件效果的实现过程。最后结合这一阶段的学习与设计，总结了设计Flash网站过程中的所得所体。关键字：博客；Flash；日历AbstractWebsite , as an information carrier, providing designers with a new design and design issues. With the increasing maturity of network technology and the increasing number of users, it is the purpose of the use of the network also began to diversify. Among them, the blog has become one of the most popular types of web pages in peoples daily lives. Its features of personal functions are popular in users , this article on the widespread adoption of personal blog site analysis and improvement, breaking the previous blog page layout and design of the traditional, from the beautiful, dynamic, innovative point of view, design is based on calendar directly form of Flash blog to display the entire station, to replace the traditional static HTML blog page layout. Blog with a new design concept, through the use of Flash and other design software, design a dynamic interaction with rich effects and the effect of a visual arts blog page. The basic framework of the article is as follows: The first part, through the application of blog page and characteristics of the analysis, introducing the idea of designing a flash blog . The second part, combined with the design of the demand function and visual effects of software, introducing the features and advantages selection of Adobe Flash CS3 and Action Script 3.0 scripting language. The third part is the main body of this article. Introducing the detail design of the web frame and web actions and make a summary by combined with the process of designing a flash blog. Keywords: blog; flash; calendar.目录第一章 概述Flash博客创意11.1什么是博客11.2 Flash博客的界面特点与优势21.3详述UI界面设计3第二章 网页效果实现选用软件和脚本语言的特点62.1 Adobe Flash Cs3的特点62.1.1 版本介绍62.1.2 更好地与Photoshop和Illustrator集成。62.1.3 动画与代码的转换和标准工作界面62.2 Action Script 3.0脚本语言的优势和特点72.2.1 Action Script 介绍72.2.2 Action Script 3.0 简介72.2.3 Action Script 3.0 的特性和优点82.2.4 关于两者的运行效果分析9第三章 页面动作部件效果的实现过程103.1 主页面Home框架设计103.1.1 进度条页面和Contact页面设计103.1.2 顶部菜单影片剪辑动作功能实现过程123.1.3 底部功能按钮影片剪辑动作功能实现过程133.1.4 中间影片加载剪辑143.1.5 主页面运行和操作流程153.2 News标签页设计163.3 相册页面设计17第四章 总结204.1 团队设计介绍204.2 预期目标与实现204.3 Flash博客的应用前景21参考文献22致谢23附录24Contents Chapter I The idea of flash blog11.1 What is a flash blog11.2 Features and advantages of the flash blog interface21.3 Detailed design of UI3Chapter II The features of the software and scripting language which is used to achieve the actions of blog page62.1 The features of Adobe Flash Cs362.1.1 Introduction of Adobe Flash Cs362.1.2 Better integrated with Photoshop and Illustrator62.1.3 Standard interface for user and Transform between animation and code62.2 The features and advantages of the scripting language Action Script 3.072.2.1 Introduction of Action Script72.2.2 About Action Script 3.072.2.3 The features and advantages of Action Script 3.082.2.4 关于两者的运行效果分析9Chapter III Process of designing the page actions103.1 Framework Design of Home page103.1.1 The design of progress bar and contact page103.1.2 The design of the top movie clips123.1.3 The design of the Bottom movie clips133.1.4 The design of the middle movie clips143.1.5 主页面运行和操作流程153.2 Design of the news page163.3 Design of the image page17Chapter IV Summary204.1 Introduce of team work204.2 Expected gorl and achieved204.3 The develop of flash blog21References22Thanks23Appendix24厦门大学本科毕业论文 概述Flash博客创意第一章 概述Flash博客创意1.1什么是博客博客（Blog）是一个网页，通常由简短且经常更新的帖子（Post，作为动词，表示张贴的意思，作为名字，指张贴的文章）构成，这些帖子一般是按照年份和日期倒序排列的。而作为博客的内容，它可以是你纯粹个人的想法和心得，包括你对时事新闻、国家大事的个人看法，或者你对一日三餐、服饰打扮的精心料理等，也可以是在基于某一主题的情况下或是在某一共同 领域内由一群人集体创作的内容。它并不等同于“网络日记”。作为网络日记是带有很明显的私人性质的，而Blog则是私人性和公共性的有效结合，它绝不仅仅是纯粹个人思想的表达和日常琐事的记录，它所提供的内容可以用来进行交流和为他人提供帮助，是可以包容整个互联网的，具有极高的共享精神和价值。撰写这些Weblog或Blog的人就叫做Blogger或Blog writer。简言之，Blog就是以网络作为载体，简易迅速便捷地发布自己的心得，及时有效轻松地与他人进行交流，再集丰富多彩的个性化展示于一体的综合性平台。 在网络上发表Blog的构想始于1998年，但到了2000年才开始真正流行。而2000年博客开始进入中国，并迅速发展，但都业绩平平。直到2004年木子美事件，才让中国民众了解到了博客，并运用博客。2005年，国内各门户网站，如新浪、搜狐，原不看好博客业务，也加入博客阵营，开始进入博客春秋战国时代。起初，Bloggers将其每天浏览网站的心得和意见记录下来，并予以公开，来给其他人参考和遵循。但随着Blogging快速扩张，它的目的与最初已相去甚远。目前网络上数以千计的Bloggers发表和张贴Blog的目的有很大的差异。不过，由于沟通方式比电子邮件、讨论群组更简单和容易，Blog已成为家庭、公司、部门和团队之间越来越盛行的沟通工具，因为它也逐渐被应用在企业内部网络（Intranet）。目前，BSP商家风起云涌，已有数十家大型博客站点。目前，国内优秀的中文博客网有：新浪博客，中国博客网，腾讯博客，博客中国等。1.2 Flash博客的界面特点与优势在人和机器的互动过程中，有一个层面，即我们所说的界面。从心理学意义来分，界面可分为感觉（视觉、触觉、听觉等）和情感两个层次。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。UI(User Interface,用户界面): UI的意思是用户界面，是英文User Interface的缩写。既浏览者在浏览网页时，通过视觉所能观察到的一切事物，这些都是需要设计的部分，在互联网行业，做界面设计的人被贬义的称为“美工”。其实我们一开始接触电脑时就应该对UI有很深的认识，从最早的DOS操作系统到Windows 1.0，再到Windows XP。我们开机所看到的就叫用户界面，DOS操作系统黑底白字的文本界面，Windows XP的经典蓝色界面，这些都是用户界面的发展历程。从简单到复杂，从庸俗到华丽，也证明了用户界面设计越发成熟。用户界面设计是屏幕产品的重要组成部分。界面设计是一个复杂的有不同学科参与的工程，认知心理学、设计学、语言学等在此都扮演着重要的角色。用户界面设计的三大原则是：置界面于用户的控制之下；减少用户的记忆负担；保持界面的一致性。非物质设计的兴起诞生UI设计 。 界面设计其实不是单纯的美术绘画，他需要定位使用者、使用环境、使用方式并且为最终用户而设计，是纯粹的科学性的艺术设计。检验一个界面的标准即不是某个项目开发组领导的意见也不是项目成员投票的结果，而是最终用户的感受。所以界面设计要和用户研究紧密结合，是一个不断为最终用户设计满意视觉效果的过程。 目前网络上多数广泛流行的博客样式通常都是由顶部标签栏和标签栏以下的一些文字区域构成，偶尔穿插一些图片，日历和音乐播放器。如新浪，网易，腾讯等的博客网站皆为此类别。而Flash网站的特点就在于打破传统博客布局，用显示事件的日历作为博客展示的主界面，再加上丰富视觉性的子页面和留言板来构成整个纯Flash博客。在视觉感官，表现力，操作感上都是传统博客所无法比拟的。同时网络上已经存在大量的对Flash产品感兴趣的用户，例如博客中的Flash模块及Flash小游戏等等。纯Flash博客网站通过自身Action Script语言的支持控制窗口的移动和加载外部Xml文档完成动态显示功能，整个网站动画视觉冲击力较强，整体感强，用户与博客的交互多，并且弥补了传统博客排版单调的缺点。一些图文混排，叠排形式都可以通过Flash来实现，这是传统博客做不到的。1.3详述UI界面设计 网页浏览是一个平面视觉浏览过程。好的视觉流程设计不仅是充分利用了视觉流程法则，还能够充分引导观者的视线按照设计者的意图，以合理的顺序，快捷的途径，有效的感知方式去获得最佳视觉效果。 心理学家葛斯泰在研究版面规律时指出：“版面左侧的视觉诉求力要强于版面右侧。”3在版面上下部分，也存在着细微的差异。上部分与下部分通常都会形成一种高低落差感，这种感觉是离不开自然界的万有引力定律的影响的。根据并利用这些视觉流程设计的法则，设计了博客主页面的浏览框架。主页面浏览效果如图1-1： 顶部菜单影片剪辑 图1-1：Flash博客UI界面效果图 中间影片加载剪辑底部功能按钮影片剪辑第一部分：顶部菜单影片剪辑，根据平面视觉流程的页面上部分给人的轻松的感觉设计了用于实现加载博客标签页菜单和博客网页LOGO功能，用于用户自由浏览页面。加上自身剪辑至上而下的加载过程形成用户对高低的落差感，首先形成观者的操作习惯。第二部分：底部功能按钮影片剪辑。在平面视觉流程中，下半部分往往给予观者稳重的浏览感觉。所以，在设计中选择在底部设计一些直接，硬性的功能按钮。剪辑自身由下至上的加载过程再次形成高低落差感，并与顶部剪辑形成双重落差，浏览视觉效果更强。第三部分：在平面视觉流程中，人们的阅读习惯通常是从左至右并对左边视觉诉求力要求较右边强。所以在主界面设计中，让中间影片加载剪辑至右向左移入观者视线中并让日历部分出现在剪辑左侧，配合观者的视觉浏览需求。诱导用户按照设计意图得到最佳的视觉信息。37厦门大学本科毕业论文 网页效果实现选用软件和脚本语言的特点第二章 网页效果实现选用软件和脚本语言的特点2.1 Adobe Flash Cs3的特点2.1.1 版本介绍 Flash 由但现已被Adob公司推出的交互式矢量图和 Web 动画的标准。网页设计者使用 Flash 创作出既漂亮又可改变尺寸的导航界面以及其他奇特的效果。Adobe Flash Cs3 是用该公司于2007年3月发布的新成员，其功能和运行状态都要比最新版本Cs4稳定，丰富的教程信息更适合初学者学习掌握。故本次设计选用的是Cs3而非Cs4。2.1.2 更好地与Photoshop和Illustrator集成。 在Flash Cs3中，用户可以导入Photoshopp的PSD文件，并保留图层等信息。Photoshop中的文本文件在Flash Cs3中仍然可以编辑，甚至可以指定发布时的设置。同时，Flash Cs3 还能和Illustrator完美地协同工作。通过综合的控制和设置，在Flash Cs3中可以决定导入Illustrator文件中的哪些层或者对象，以及如何导入它们。2.1.3 动画与代码的转换和标准工作界面 以可视化的方式制作动画，然后将动画转换为可以重用，易于编辑的ActionScript代码。在Flash Cs3中，时间轴补间动画可以即时转换为Action Script 3.0代码，并应用于其他的元件，可以节约大量时间的新功能以支持很多属性。不仅如此，还为那些对ActionScript不是十分熟悉的用户提供了一个非常好的途径，以掌握这种流行的语言。 Cs3套装中具有相同的工作界面。相似的工具，熟悉的图标，以及相同的快捷键，可以让用户顺畅的在各种软件间互相切换。方便的面板组织方式可以使用户灵活地优化自己的工作界面，节省大量的操作时间。 2.2 Action Script 3.0脚本语言的优势和特点2.2.1 Action Script 介绍Action Script是Flash的脚本语言。正是由于Flash中增加、完善了Action Script，才能创作出来的动画具有很强的交互性。有了Action Script，就可以通过设置动作来创建交互动画,其和其他编程语言一样拥有语法、变量、函数等，而且与JavaScript类似，它也由许多行语句代码组成，每行语句又是一些命令、运算符、分号 等组成。它的结构与C/C+或者Java等高级编程语言相似，所以它的编程要容易得多，每一行的代码都可以简单地从Action Script面板中直接调用。在任何时候，对输入的Action Script代码，Flash都会检查语法是否正确，并提示如何修改。完成一个动画的Action Script编程以后，可以直接在Action Script的调试过程中，检查每一个变量的赋值过程，设置检查带宽的使用情况。Action Script更容易使编程学习者理解面向对象编程中难以理解的对象、属性、方法等名词。2.2.2 Action Script 3.0 简介Action Script是能为Flash服务的脚本语言。 Action Script 的老版本（Action Script 1.0 和 2.0）提供了创建效果丰富的 Web 应用程序所需的功能和灵活性。Action Script 3 现在为基于 Web 的应用程序提供了更多的可能性。它进一步增强了这种语言，提供了出色的性能，简化了开发的过程，因此更适合高度复杂的 Web 应用程序和大数据集。Action Script 3 可以为以 Flash Player 为目标的内容和应用程序提供高性能和开发效率。Action Script 3.0 符合 ECMA Script Language Specification 第三版。它还包含基于 ECMA Script Edition 4 的功能，比如类、包和名称空间；可选的静态类型；生成器和迭代器等。随着 Web 应用程序项目需求的增长，也要求 Action Script 引擎有重大的突破。Action Script 3.0 引入了一个新的高度优化的 Action Script Virtual Machine（AVM2），与 AVM1 相比，AVM2 的性能有了显著的提高。这使 Action Script 3 代码的执行速度几乎比以前的 Action Script 代码快了 10 倍。Flash Player 9 中包含 AVM2（Action Script 3.0 的脚本语言引擎），设计它的目的是提供互联网应用程序开发人员所需的性能和特性。为了向后兼容现有的内容，Flash Player 将继续支持 AVM1。 2.2.3 Action Script 3.0 的特性和优点Action Script 3.0 有两类特性：语言特性和 Flash Player API 特性。语言特性基本上是在 Action Script 2.0 之上构建的，但是还有一些性能和功能方面的改进，包括：第一，许多运行时异常，用来改进常见的错误处理和调试。这些运行时异常会显示堆栈跟踪，可以帮助开发人员轻松地找到错误的根源。以前的 Action Script 版本会悄悄地掩盖错误，以避免在 Flash 中出现错误消息对话框。这在开发期间会造成困难，因为开发人员不了解可能出现的错误，就无法开发出好产品。 第二，在运行时存储类型细节，用来进行检查并保护系统，因此 Action Script 3.0 是强类型的。这还有助于减少内存使用量，因为类型信息以本机机器表示法表示变量。 第三，Action Script 3 完全符合 ECMA Script 第四版规范，这可以简化 XML 解析。 Action Script 3 的 Flash Player API 特性包括：第一，DOM3 事件模型提供了生成和处理事件消息的标准方法，这有助于在对象之间进行更好的通信和交互。 第二，新的 Loader 类提供了装载 Shockwave Flash 和图像的单一机制，并提供访问关于被装载内容的详细信息的方法。URLLoader 类提供了在数据驱动应用程序中装载文本和二进制数据的单独机制。 第三，Socket 类提供了以任何格式对服务器套接字读写二进制数据的方法。 Action Script 3.0 包含一个 flash.text 包，它提供与文本相关的所有 API。 Action Script 3.0 优点：第一，这种语言支持类型安全性，使代码维护更轻松。 第二，与其他语言相比，这种语言相当简单，很容易编写。 第三，开发人员可以编写具有高性能的响应性代码。 第四，这种语言向后兼容 Action Script 2.0 并向前兼容 ECMA Script for XML（E4X）。2.2.4 关于两者的运行效果分析 Flash Cs3 对于网页设计而言是一个功能强大的软件，用于设计交互式媒体页面，或与主题相关的专业开发多媒体内容，它强调在对多种媒体的导入和控制上，针对高级的网页设计需求和开发，Flash Cs3是不同于其他任何应用程序的组合式应用程序。从表面上看，它是介于面向Web的位图处理程序和矢量图绘制程序之间的简单组合体。但它的功能却比简单的组合强大得多，它是一种交互式的多媒体创作程序，适用于各种各样的动画制作。另外，它对Action Script 3.0的完整支持，使得其与XML，HTML和其他内容都能够以多种方式联合使用，完成更为复杂的动画和动作效果。Action Script 3.0是众多面向对象编程语言中的一种。是并且在学习过程中通过以往对面向对象语言的学习使我在理解其结构，函数，设计方式等方面事半功倍。Action Script 3.0 包含上百个类库，这些类覆盖了图形，算法，矩阵，XML，网络传输等诸多范围，为开发者提供了一个丰富的开发环境基础。在设计过程中，秉持着需要什么功能用什么样的代码结构的思路，在遇到相应的问题的时候查阅相应的资料节省了很大一部分时间。这样的应用方式不仅很特别，还大大提高了开发速度。通过Action Script3.0脚本语言不仅能很好的控制Flash剪辑中的动作效果，还能够进行各种运算，甚至由各种法师获取用户的动作并且即时地做出回应，有效地响应用户事件，触发响应脚本来控制动画，大大增加了Flash动画的交互性，配合与XML文档等其他类型的文档的交互机制还能实现设计需要的相应特殊功能。Action Script 3.0 是一种简单而高效的交互动画制作工具。厦门大学本科毕业论文 页面动作部件效果的实现过程第三章 页面动作部件效果的实现过程3.1 主页面Home框架设计3.1.1 进度条页面和Contact页面设计Home页面是本次设计中的主体框架，其他页面都是在这个页面中的剪辑加载完成。页面分为2帧。第一帧为影片载入进度条百分比，第二帧为影片剪辑页面框架Contact页面 。 第一帧进度条设计图如图3-1： 图3-1：第一帧设计图第二帧设计图如图3-2： 图3-2：第二帧设计图第一帧进度加载条中，数字和框里矩形的填充都会随着载入的百分比而相应的变化，显示加载进度。Contact页面由几个文本框构成，主要展示的是一些相关联系信息和方法。通过Flash按钮部件响应鼠标事件，完成判断浏览者发送邮件选项中的必填项目是否为空以及跳转到留言板页面的相应功能。页面功能函数和作用如表3-1所示：表3-1：进度条和Contact页面函数功能表函数名实现的功能function Position()进度条位置的控制function fadeout()影片第一帧的淡出效果function onEnterFrame()进度条进度显示function checkForm()检查Contact必填选项表格是否为空function submit()传送用户填写的选项表格相应的参数function giveThanks()用户发送成功后的信息返回3.1.2 顶部菜单影片剪辑动作功能实现过程第二帧主要包含了主要的3个影片剪辑。 其中顶部菜单影片剪辑完成对网站Logo的调用和子页面标签的加载以及自身由上至下的动作功能。通过Action Script 3.0以及其自身和XML文档的交互机制，将存有网站LOGO，子页面标签名称信息的路径以结点的形式存入XML文档并通过脚本语言在影片剪辑运行时加载相应的文件或信息，同时也通过脚本语言完成影片剪辑自身由上至下的加载动作。 相应的脚本语言功能函数和XML结点信息如表3-2和表3-3：表3-2：顶部影片剪辑功能函数表函数名实现的功能function intro()控制剪辑和剪辑里的LOGO，标签页的位置function showsubmenu()子标签页的名称显示function loadsubmenu()子标签页的名称加载 表3-3：顶部影片剪辑XML结点信息表结点名结点存放的信息Logo和背景图，背景音乐，部分颜色信息子标签页的名称 剪辑运行成功后效果图如图3-3：图3-3：顶部影片剪辑效果图3.1.3 底部功能按钮影片剪辑动作功能实现过程底部功能按钮影片剪辑的作用是通过脚本语言完成初始化博客界面时的自下而上的加载动作和一些功能键的加载，并对鼠标点击事件的响应完成相应位置的功能键的作用，如背景音乐的开关，是否全屏幕播放等。底部影片剪辑功能函数和作用如表3-4所示：表3-4：底部影片剪辑功能函数表函数名实现的功能function toggleFullScreen影片全屏播放function musicControls()背景音乐开关功能function mulitpleBGs()更换背景图片功能function footermctext()网站信息显示功能底部影片剪辑运行效果如图3-4：图3-4：底部影片剪辑效果图3.1.4 中间影片加载剪辑 中间影片加载剪辑，该剪辑主要完成的就是通过脚本语言的控制，加载与标签栏名称对应的页面影片剪辑，且完成每更换一次标签，该剪辑都会完成从右至左载入页面中间供用户浏览的流程。 中间影片剪辑功能函数和作用如表3-5所示：表3-5：中间影片剪辑功能函数表函数名实现的功能function loadAsset()加载标签页对应的影片剪辑并完成相应动作function resetAll()初始化中间影片剪辑运行效果如图3-5所示：图3-5：中间影片剪辑效果图3.1.5 主页面运行和操作流程 以上是主页面的设计主要过程，页面的显示和操作过程如图3-6所示：底部影片剪辑显示顶部影片剪辑显示用户打开博客中间影片剪辑初始化并显示相应页面用户选中并打开子标签页中间影片剪辑显示页面反应按钮动作事件并完成相应功能用户激活底部功能按钮图3-6：主页面显示操作流程图3.2 News标签页设计 日志页面是博客中不可或缺的页面之一，因为无论是从私人性的日志，或与生活相关的事件还是到公共性的文章都是博客中展示并提供给浏览者观看的，这点也是博客的特点所在。 设计中通过脚本语言和XML文档的交互，读取存放在结点中的信息。反馈给News标签页中的剪辑并显示相应的日期，标题，正文。 相应的脚本语言功能函数和XML结点信息如表3-6和表3-7：表3-6：News页面影片剪辑功能函数表函数名实现的功能function fadein()news页面的淡入功能function resetbody()切换文章时正文框架的初始化function resetlist()更换年份时标题框架的初始化function scrollist()正文内容大于正文框架时的拖动显示功能function news()读取XML文档并显示相应的日志信息 表3-7：News页面XML结点信息表结点名结点存放的信息日志的年份信息日志的月日信息日志的标题日志的正文内容 News页面的运行效果如图3-7： 图3-7：News标签页效果图3.3 相册页面设计相册是每个博客所不可或缺的标签页面之一。设计中通过读取存放图片位置的XML文档信息。将图片按序列排放在中间影片剪辑中。并实现点击缩放图能放大图片，恢复图片原尺寸浏览功能。其实现方法是通过在排列缩略图的影片剪辑上方放一层遮罩图层。通过鼠标点击事件更改图层的透明度来实现完整图片浏览功能及退回相册功能。实现算法原理是通过脚本与存放图片路径的XML文档交互。遍历XML文档里的节点数据并存入相应的数组。用函数按顺序显示在影片剪辑输出并显示相应的脚本语言功能函数和XML结点信息如表3-8和表3-9： 表3-8：相册页面影片剪辑功能函数表函数名实现的功能function smoothImageLoad()加载并显示图片缩略图function resetlist()更换年份时标题框架的初始化function scrollist()正文内容大于正文框架时的拖动显示功能function news()读取XML文档并显示相应的日志信息 表3-9：相册页面XML结点信息表结点名结点存放的信息日志的年份信息日志的月日信息日志的标题日志的正文内容 浏览者打开相册页面后首先会看到相册中所有图片的缩略图，然后按照浏览者的意图用鼠标点击欲浏览的图片，影片剪辑相应鼠标事件呈现完整图片给浏览者。相册页面运行效果如图3-8，3-9： 图3-8：相册页面缩略显示效果图图3-9：相册页面完整浏览效果图 厦门大学本科毕业论文 总结第四章 总结4.1 团队设计介绍 这次Flash博客网页设计中，小组中各个成员互相都有相应的工作和应该完成的部分。我主要负责的主页面的框架设计。在设计的最后阶段将各部分进行整合从而完成整个设计。分工图如图4-1： Flash博客 主页面框架 日历展示页面框架 特色图文展示页面 留言板页面图4-1：设计分工图 在长达半个学期之久的设计博客网站过程中，我深深的体会到了团队合作的重要性。从确定命题方向到现在作品完成，我们小组在一个又一个难关中，互相支持，及时给予成员帮助并提出自己的想法和意见，积极的进行交流。在小组成员的共同合作下，解决了很多设计过程中遇见的难点。每个人在团队中都扮演着不同的角色，在努力的做好自己角色应做的工作同时，还要信任和理解团队中的其他成员，合作讲究的是放弃，信任，和整合。通过这次我学会了很多，也在其中锻炼了我们自己，好的团队合作是现在需要的，也是以后的生活工作中必须的。4.2 预期目标与实现一个完整的Flash博客设计过程不仅增加我对Flash动画的相关知识了解程度，还体会到了面向对象编程语言的独特魅力。收获更多的是遇见问题时，如何分析和解决问题的经验。无论是通过加强自己对相关知识的学习，还是通过与小组成员之间的互相交流，都让自己获得了提升。在设计中，有的功能的实现和视觉效果上与预期的有所出入。设计中通过Action Script 3.0和XML交互实现了许多内容的展示和数据的读取，同时也因为这个技术在更新网页时XML中的文档信息都是需要用户手动进行节点添加，相对更新这个应用角度上是比较繁琐和费时的，而且当存储的资料越来越多，占用的空间越来越大，没有利用数据库而仅仅是依靠和XML的交互机制实现存储信息的读取动作，将会使整个博客网页的运行速率大大降低，这是相对视觉效果出众的Flash博客来说不完美和需要完善的一个方面。4.3 Flash博客的应用前景 随着互联网以及网页设计的发展，人们除了对实用性的满足，还对富于精神层次特征的形式美的有着不一般的要求。博客，虽然只是网页中的一个小成员，但其庞大的使用群体和频率是具有相当影响力的。传统博客的排版，样式，和界面已经渐渐满足不了人们的要求。有通过CSS代码更改博客的背景和界面的，有腾讯公司QQ空间商城提供有价更改界面的。新形式的博客是以后的发展趋势， Flash整站博客就是其中的一个方向。在本次设计过程中，我介绍的不仅仅是知识和技术，还有是应该对现有的事物提出更高要求，不应满足于现状的思想。纽约时报最著名的专栏作家之一托马斯弗里曼说“地球是平的，在这个因信息技术而紧密，方便的互联世界中，全球所有的市场，劳动力，和产品都可以被共享。全球化无可阻挡。”12地球每分每秒都在运动，世界在不停的进步，竞争也只会愈演愈烈。Flash博客作为一个从较崭新的出发点设计而来的博客新形势，在其应用领域有着传统博客无法比拟的优势和潜在的使用群体。本文通过设计Flash博客整站，不仅仅是从视觉审美的角度出发，同时也结合了人的生理结构和心理机制相关方面的信息，最后，提出Flash博客的应用前景。参考文献1 金明花，于慧. Flash CS3 从入门到精通M. 北京：中国青年出版社，2008.2 马世旭. 艺术殿堂Photoshop CS3经典广告设计精解M. 北京：科学出版社,2008.3 李方园. 人机界面设计与应用 M. 北京:化学工业出版社 2008.4 黄艳群,黎旭,李荣丽. 设计人机界面M. 北京:北京理工大学出版社 2007.5 蒋国强. Action Script 3.0完全自学手册M. 北京:机械工业出版社 2009.6 何召锋. 视觉流程法则在平面排版设计中的原理与运用N.南京工业职业技术学院学报，2004年9月（3）.7 张国文,林超. Flash CS3全程指南M. 北京:电子工业出版社 2008.8 杨东昱. Action Script 3.0精彩范例词典M. 北京:机械工业出版社 2008.9 覃明揆,高山泉. Flash CS3 Action Script特效设计120例 M. 北京:人民邮电出版社 2008.10 陈琳, 潘晓青. Flash CS3中文版视觉艺术完美表现M. 北京:中国水利水电出版社 2008.11 刘欢, Cages, 戴建明. 网页动画Flash CS3M. 北京:电子工业出版社 2007.12 托马斯弗里曼. 地球是平的M. 湖南科学技术出版社 2006.致谢 在这次长达半个学期的毕业创作时间里，首先我想感谢的是我们小组的指导老师刘老师，从命题的确定，到中期的设计问题的指导，到最后论文的修改刘老师都给予了我们很多很宝贵的意见和建议。在老师业余时间还带领我们小组参观了知名的网页设计工作室，让我们对网页设计有了更进一步的了解。在最后，我要谢谢在本次设计中和我一起讨论，学习的组员。因为他们的帮助，和积极的合作，交流，在这次创作过程我学到很多。附录页面框架主要函数代码：function loadSubmenu(mySubmenu) /顶部影片剪辑加载标签页函数 showSubmenu();System.useCodepage = true; var _loc6 = new XML(); /创建XML文档实例。如果能成功载入标签，就 _loc6.ignoreWhite = true; 解析出名称并存入数组 var submenuTypes = new Array(); var subMenu = new Array(); var submenuAssets = new Array(); submenuStartPosition = 0;