动漫网站的设计和开发

摘要：本文在分析了国内外动漫网站的发展现状之后，从动漫的网络品牌建设着手，主要阐述了在现今的网站界面设计技术发展下，如何进行FLASH交互式网站的建设做出了探讨。

关键词：动漫；网站；开发；设计

中图分类号：TP311.1 文献标识码：A文章编号：1007-9599(2011)07-0000-01

Design and Development of the Animation Site

Li Huan

(The College of Science and Technology of Guizhou University,Guiyang550018,China)

Abstract：This paper analyzes the current situation of the development of the domestic and international animation platform station after the network brand construction from anime hand,mainly elaborated in today's web interface design and technology development,how to make FLASH interactive website construction is discussed.

Keywords:Animation;Site;Development;Design

一、技术概述

（一）Flash技术概述。Flash被称为是“最为灵活的前台”，由于其独特的时间片段分割(TimeLine)和重组(MC嵌套)技术，结合ActionScript的对象和流程控制，使得在灵活的界面设计和交互式动画设计成为可能，同时它也是最为小巧的前台。Flash具有跨平台的特性(这点和Java一样)，所以无论你处于何种平台，只要你安装了支持的Flash Player，就可以保证它们的最终显示效果的一致，而不必像在以前的网页设计中那样为IE或Netspace各设计一个版本。

（二）ASP技术概述。ASP Microsoft Active Server Pages (ASP)实际上是将标准的HTML文件拓展了一些附加特征，ASP像标准的HTML文件一样包含HTML语句并且在一个浏览器上解释并显示。但它为HTML编写人员提供了在服务器端运行脚本的环境，使HTML编写人员可以利用VBScript和JScript或其他第三方脚本语言来创建ASP，实现过去需要编写复杂的CGI程序才能实现的有动态内容的网页，如计数器等。

（三）Dreamweaver。Dreamweaver是美国ADOBE公司旗下MACROMEDIA开发的集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

二、动漫网站需求分析

（一）功能性需求。在Internet飞速发展的今天，互联网成为人们快速获取、和传递信息的重要渠道，它在人们政治、经济、生活等各个方面发挥着重要的作用。由于看到网络动漫蕴含的无限发展潜力，门户、综合类、游戏、娱乐等各类网站，纷纷建设动漫、动画、卡通等相关频道，极力发展的主要是动漫作品、动漫图集等资源。这些网站起步早、技术强，综合实力都远超动漫网站，最重要的是已经有了较好的赢利模式，能够有资金和人力来发展动漫板块。

（二）非功能性需求。用户在使用时可以有愉快、满意的感觉。满意度的实现是在其他几点实现的基础上更高的要求。要想在众多的网站中脱颖而出，首先就要发挥网页设计的外观魅力。在浏览时能否产生进一步的心理活动的关键是视觉这第一印象，因为人类所有对周围世界的认知都是经视觉继而感觉再到达大脑的。

三、动漫网站页面的架构与视觉设计

（一）动漫网站的架构设计。从引导页进入首页面以后，由于背景音乐播放的需要，则需要将网站设计为上下框架式结构，下方框架固定，高度为80px。主内容区为上方的框架，命名为mainframe，下方框架命名为bottomframe。简介，留言板，作品展示，及展览动态等内容放置到mainframeo Mainframe里放置一个主场景swf文件，分页内容采用LoadmovieNum调用，层级设定为1。

（二）作品展示。使用PHP＋XML＋FLASH上传及展示；图片通过PHP文件的上传到与SWF文件同一文件夹内，同时生成缩略图，PHP再通过XML把上传的图片文件信息传递给SWF文件，在SWF里的影片剪辑(MC)中加载出来，加载及图片的进入效果由FLASH完成。

四、动漫网站设计实现

（一）FLASH与PHP文章调用的实现。FLASH与PHP的结合也就是通过FLASH调用PHP脚本实现显示数据库数据。在调用的过程中最重要的AS代码是loadVariables()与1oadvars()，我将调用方法分为两个实例来叙述，第一个实例是采用loadVariables()来设计实现。由于文章内容的长度一般都会超出文件的高度，那么浏览部分必须使用Actionscript模拟Iframe实现拖动条进行浏览。在场景中建立2个MC，其中一个命名为Content_me，将加载PHP信息的动态文本放置入Content_me之中，并为Content me制作一个遮色动画。另外一个为ScrollbarGutter_me。

（二）作品展示部分的设计实现。动漫作品展示部分主要是图片通过FLASH＋PHP上传并生成略缩图，并记录作品的名称及简介，然后通过PHP至XML到SWF中调用图片的MC显示略缩图及作品信息。在FLASH中制作对作品调用的MC进入动画及Loading动画。这样设计的好处在于不但在功能上实现了维护与更新的需求，在前台的展示上面更可以非常自由的在FLASH设计进入及离开动画。而FLASH里的工作也相当方便，无须为每个作品都繁琐的去制作同样动画，一个一个去添加动作。只需要在FLASH里规划好图片是载入的影片剪辑(MC)，作品名称和作品简介载入的动态文本框等内容，并对这些内容设计动画和添加AS代码。

五、结论

本文阐述了在现今的网站界面设计技术发展下，如何进行FLASH交互式网站的建设做出了探讨。并对于一个典型的艺术展示性网站，根据网站的功能需求，从艺术角度出发，从前期的创意与元素的创作，到后期运用FLASH技术构架整个网站的进行了设计实现。

参考文献：

[1]张丽.水墨动画的意境及其语言局限性[J].北京电影学院学报,2006

[2]王琦.Maya火星课堂[M].人民邮电出版社,2007

[3]于鹏,陈欣,朱明光.After Effeets7.0[M].海洋出版社,2008