广东气象部门团委门户系统设计与实现.pdfVIP

第36卷增刊I 气象研究与应用 V01．36S1 RESEARCHANDAPPLICATION Jun．2015 2015年6月 JOURNAL0FME7I匿OROLOGICAL 文章编号：1673—8411(2015)S1—0166-02 广东气象部门团委门户系统设计与实现 朱璇1，陈达成2 (1．广东省气象信息中心；2．广东省气象局机关服务中心，广州510080) 摘要：介绍广东省气象局团委门户系统前台页面设计思想理念，利用Flash动画技术中的引导线动画制作、逐帧动画 制作、遮罩动画制作来设计团委门户系统t叩图的循环播放动画的实现过程。 关键词：计算机系统设计；网页；设计；Flash动画 层团讯、青年书会、制度汇编、羊羊故事、公告栏、讨 1MacromediaFireworks和Macro- media 论区、下载区、QQ群等栏目。页面设计体现团员青 Flash技术介绍 年思想活跃的特点。 Fireworks是Macromedia公司推出的专门用来 将设计好的网页页面进行网页切片。Fireworks 设计和制作网络图形和动画设计的软件。它包括了 在网页切片制作方面有很强的优势，可以当做矢量 处理网络图形和视频图像的一揽子解决方案，简化 图像来任意修改切片区域的大小，并且可以导出网 了制作网络图形和荧屏图像的流程。它结合了众多 页上所需的任何图片格式。 的位图编辑工具和矢量编辑工具，从而使Fireworks 网页切片就是将一幅大图像分割为一些小的图 界面中的任何图形在任何时候都是可编辑的。 像切片，将美工效果图转换为页面效果图。然后输出 Flash是一款交互式矢量动画制作软件。Flash Web图像。在网页中通过没有间距和宽度的表格重 的按钮功能非常强大，是制作菜单的首选。通过鼠 新将这些小的图像没有缝隙的拼接起来，成为一幅 标的各种动作，可以实现动画、声音等多媒体效果， 完整的图像。这样做可以减低图像的大小，减少网页 在美化网页和网站的工作中效果显著。 的下载时间。并且能创造交互的效果，如翻转图像 2系统框架设计 等，还能将图像的一些区域用html来代替。 设定网页的页面宽度。在此页面宽度设计为 3系统top图设计与实现 998像素。 团委网页的top图，采用web动画技术，让整个 设计网页的主体色调。网页的色彩是树立网站 门户页面生动活跃起来。此处运用Macromedia 形象的关键因素，为表现共青团充满朝气和激情，在 网页配色设计中采用红橙黄暖色调。红色蕴含着无 的web动画制作步骤如下： 限的能量，它热情、奔放、活跃；橙色灿烂、有着太阳