计算机信息管理毕业论文计算机信息管理班级展示平台的设计与实现

计算机信息管理毕业论文计算机信息管理班级展示平台的设计与实现内容摘要：

广告创意，图像输入与输出于一体。 Photoshop 的应用领域很广泛，在图像、图形、文字、视频、出版各方面都有涉及。 所用技术 本网站实现除了大量应用了 Flash 对其主要框架以及效果的构造制作，以及 Photoshop对网站图片的制作修改外，还使用了 XML 在 Flash 中的载入、读取和解析。 当使用 HTML 显示数据时，数据将被存储在 HTML 中。 通过 XML，数据可以被单独储存在 XML 文件中。 通过这种方法，你就可以一心一意地使用 HTML 对数据进行排版和显示， 对基本数据的改变并不需要对 HTML 做出任何改变。 通过使用 XML，可以使用普通的文本文件储存数据。 XML 可以在文件或数据 库中储存数据。 应用软件可以从已存储的数据中储存、获取信息。 一般的应用软件可以用于显示数据。 苏州大学本科生毕业论文（设计） 5 第三章 网站规划 网站结构图 Flash 网站区别的普通的静态网站，所以在结构上小有所区别。 但在在外观上，区别于大多数静态网站的规则布局。 以独特的样式显示，这样可以使每一个游览者可以更好的去感受网站 所要表达的信息。 本网站的结构图如图 31 所示： 图 31 Flash 网站的基本结构 网站内容 本 Flash 网站共有 3 个 Flash 界面，主要内容有：关于我们、照片、联系我们这 3 个模块，整个网站的内容结构如图 32 所示 图 32 内容规划结构图 网站 效果图 主页（照片展示） 关于我们 照片 联系我们 引导页 加载数据 主页显示 导航条 照片显示 音乐控制 苏州大学本科生毕业论文（设计） 6 图 33为引导页面，游览者在欣赏完一段小动画后自动进入网站。 该动画模仿鼠标点击的样式，从一开始就给浏览者了一种视觉 的冲击，这样可以使浏览者对接下浏览产生很强的兴趣。 图 33 引导页面 图 34 为主页面。 该页面以一个相册的形式呈现在浏览者的面前，不同于以往普通的静态网站的格调布局，这种新鲜感的创新，不仅 呈现了网站所要表达的主题，也将 Flash网站的视觉冲击展露无遗。 而且，此时再配以背景音乐的渲染，使得效果更加完美。 图 34 主页面 图 35 关于我们页面， 照片固然直观，但是，却比不上文字的细腻，所以，在介绍班 苏州大学本科生毕业论文（设计） 7 级同学的这一块，作者选择了使用文字来进行表达，浏览者在浏览的时候，可以拖动文字旁边的滚动条来 浏览相关的内容。 图 35 关于我们页面 图 36 为相册页面， 前面也说到了，照片总是给人以最直观的感受，所以 ，除了主页面上的照片的外，这里是一个照片的详细查看。 浏览者不仅可以点击主页面上的照片进入到相应的照片内容，也可以进入相册模块，来进行照片的浏览。 图 36 照片页面 图 37 为联系我们页面， 一个网站，必须要有一个联系的方式，这样既有利于网站今后的维护与发展，也有利于了解浏览者的建议以及意见。 本 Flash 网站的联系模块是让浏 苏州大学本科生毕业论文（设计） 8 览者输入浏览者的相关联系方式和对网站的建议意见，或其他留言，然后通 过发送到作者的邮箱来实现的。 图 37 联系我们页面 苏州大学本科生毕业论文（设计） 9 第四章 网站程序实现 整体设计 本 Flash 网站的主题是对班级的回忆以及展示，介于 Flash 网站它不受限于传统静态网站的 布局格式。 本网站采取了一个以晾晒照片为主要背景的一种方式。 设计新颖，浏览者可以在初次进入网站就有种眼前一亮的感觉。 而照片总是可以给人以最直观的感受，再辅以背景音乐，可以使浏览者切身体会到作者班级的氛围，仿佛置身于当年的学生时代。 这种设计将本网站所要表达的信息可以很好的表达出来。 当然了，在直观的照片给予浏览者一定的 了解后，文字部分可以让浏览者了解更多有关作者班级的信息。 最后的一个联系途径，可以让浏览者留下自己的联系发与作者的邮箱，便于今后的交流。 网站 设计 引导页 设计 引导页的作用： Flash 动画 能带来视觉的冲击。 本网站的引导动画实为一个逐帧动 画 ，模仿鼠标点击，打开网页的效果。 大致的设计 步骤如下： Flash 文档，命名为。 766 750 的背景，将背景图片（ ）导入到库中，将图片放与舞台中央。 ，命名为 mouse，制作一个鼠 标的样子和鼠标经过的时候残影的图样，在第 28 帧和第 87 帧 间每一帧定义为关键帧，在此区间定义鼠标从背景右下角移动至中间的每一个位置。 在每一帧做相应的设计即可。 导航的 设计 导航的作用：一个网站必须需要一个导航条，这样才能方便浏览者去查看想查看的内容， Flash 网站虽然在外观形式上不拘一格，但是， 依旧需要一个 导航条。 本 Flash 网站的导航条 为 一个 逐帧动画，三个导航按钮，依次出来。 每个 按钮 分配有 苏州大学本科生毕业论文（设计） 10 鼠标交互功能，即点击，并放开鼠标后，出现的交互动画。 点击后，要 进入相应的页面，大致的设计 步骤如下 ： 1 制作一个菜单的元件（ menu2），里面分别添加三个按钮的图层（ item item item3），制作后如图 41 所示： 图 41 添加图层 2 给这三个按钮分别写入相应的代码，这里以关于我们为例（图 42）： (s1)。 // 主时间轴跳转到 s1 分别给三个参数（在主时间轴第一帧已经定于并且赋值） = pages1。 // 传递参数，对应库里的标志符为 pages1的电影剪辑（ MC），即主时间轴attachMovie 电影剪辑 pages1到主舞台。 = 140。 = 200。 //此两变量，当 pages赋值到 舞台后（ _root），设置其 x和 y坐标 图 42 关于我们按钮的代码 滚动条的 设计 滚动条的作用：关于我们的页面中，在对班级同学进行介绍的时候，一个小小的页面加载那么多字数的文本后，难以查阅，这对浏览者来说是一个不方便地方。 所以，一个文本的滚动条在这里就显得尤为重要。 滚动条的 设计 过程如下： 1. 创建动态文本框，命名为 abouttxt.（图 43） 苏州大学本科生毕业论文（设计） 11 图 43 动态文本框 abouttxt xml 文件命名为 ，并在 影片剪辑 关于我们 2 的图层 2 帧 1 上写 下如下 代码： activity = new XML ()。 ()。 = true。 = function (success) { if (success){ var news:XMLNode =。 =[0]。 =1000。 } } 3． 打开 ，并设置动态文本框 abouttxt的 html里面的 Text内容为 文件中第一个节点的内容。 abouttxt，然后打开组件面板，将 窗口 — 组件 — Interface 里面的UIScrollBar 组件 （图 45） 拖动到动态文本框 abouttxt 上，然后调整 UIScrollBar 的位置 即可。 图 45 UIScrollBar 组件 XML 外部载 入实现 XML 外部导入的作用：对于一个网站，里面肯定有着许多的信息， 无论图片还是文字， 而 对于 ，最好的数据处理就是 xml，本 Flash 网站，也是利用 xml 数据格式。 为 苏州大学本科生毕业论文（设计） 12 了 便于修改，用了 txt 文本装载。 大致的 设计步骤 如下： 1． 先编辑好 xml 树结构， 如下所示： ?xml version= encoding=UTF8? gallery images url=images//images images url=images//images images url=images//images images url=images//images images url=images//images images url=images//images images url=images//images images url=images//images about url1=images/ url2=images/ url3=images//about contact url1=images//contact /gallery 2 数据处理 部分 （ 1） 建立一个 xml 对象，并且忽视空白（即不将 xml 里的空格键当成数据加载） ， 下载帧 1 动作里面，具体代码如下所示： var photoxml = new XML()。 = true。 ()。 = function(done) { if (done) { dataset()。 = true。 } else { trace(lost)。 } }。 （ 2） 通过自定义 dataset()函数处理数据，本 Flash 网站的 xml 只采取一个层级，所以，只需用到一个 for 循环，即可将所有数据读取并且装载到相应的数组 ，相关代码如下： function dataset() { var list =。 listlen。