- 828日
分享一个Flash网站实例教程
分类: 网页设计技术浏览:又有一段时间没来博客冒泡了,今天来冒一个,主要是分享一个关于Flash网站实例教程的例子:
设计思想:
在这里,我将详细的介绍另外一个FlashMX网站的制作,它是完全使用FlashMX构建的。从网站的前期规划到素材的准备,从素材的准备到网站的真正制作都紧紧的和前面(以前有些教程)的内容连结起来了。在网站制作的制作中,能使用到精确loading、声音的控制、各种动画特效的使用、使用loadMovie装载外部SWF文件、滚动新闻文本等等。
设计步骤:
一、前期规划
1.风格
在前面介绍过在网页制作之前,先要定义网站的风格,决定你的网站的主题。主题的选择对今后的发展方向有决定性的影响,考虑好做什么内容就尽量努力做出特色。很多朋友在建站初期总是喜欢在网页里堆积大量感兴趣的内容,但个人的精力总是有限的,因为无力维护而导致站点更新缓慢、内容匮乏,与其这样,不如选定一个主题做出自己的风格,不求大而全,但求小而精。事实上,很多的网站成功之处就在于此。
这里制作的这个实例,属于个人主页性质,仅仅用于学习,所以也没怎么特意的去准备,既然是用于学习FlashMX,我们就干脆定为一种学习Flash性质的网页好了。
网站的名称为“绿韵”(因为我喜欢绿色),以大自然的绿色为主题。网站的总体颜色这里选择为深绿色“#006633”,体现一种和平、宁静和回归自然的感觉。当然这是因为笔者自己所喜欢才这样定义的。您可以根据自己的喜好,再加上我们前面介绍过得一点色彩学以及多浏览网络上各种网站得出的经验来定义您自己的特色。
2.内容
定义完网站的风格,就应该按网站的风格来制做网站,网页的内容也要为这个风格服务。这个实例中,我们网站的内容全部围绕Flash,包含Flash动画欣赏、Flash源文件下载、Flash技术文章、Flash网站链接等等。
3.布局
网站的布局我们也选择最为大众化的“T”结构布局。在前面的内容中说过,所谓“T”结构,就是指页面顶部为横条网站标志加广告条,下方左面主菜单,右面显示内容的布局,由于菜单条背景较深,整体效果类似英文字母“T”,这样的布局页面结构清晰,主次分明,缺点是规矩呆板,没有特点。这里仅仅作示范用途,所以还是大众化一点。
二、素材准备
1. LOGO
前面介绍过,网站标志被称为LOGO。网站的LOGO就好像一个人的名片一样,一个成功的人士决不能容忍一个制作粗糙的名片,当然一个好的网站也需要一个设计精良的标志来在浩瀚的Internet中确立自己的形象。一个优秀的LOGO,特别是具有动态效果的LOGO比文字更能吸引人们的注意力。LOGO主要通过三个途径选择其内容:
a.代表性的人物,动物形象;
b.设计专业的代表性标志;
c.网站的名称,利用文字的变形组合,字体变换来形成。
这里,我最常见的第三种途径,通过文字的变化变形来设计。仅仅是很随意的把笔者自己的网络ID(woohey=野渡)给改成了一个标记,如图7-2-1所示。它是Flash制作出来的一个动态的标记。两只海鸟组成字母“W”,太阳及其光晕代表两个“O”字母,航海者和它小船组成“H”字母,船帆上加上了另外两个字母“EY”。整体代表一种在网络海洋冲浪的感觉。也许您会觉得这个LOGO没什么意思,不够精致,笔者并不是平面设计的高手,所以只是作一下示范而已,起抛砖引玉的作用。还有就是LOGO有一定的标准尺寸,我们可以根据要求制定如88×31px的等等。
。。。。。。看到这不知大家是否有所了解了其基本原理,要是看了这个Flash网站实例教程还不明白的,可以参考下百度文库的内容,如下:http://wenku.baidu.com/view/3f01138884868762caaed57d.html
本博均为原创作品,如转载请注明转自广州网页设计博客,本文地址:http://www.52webdesign.cn/post/134.html
1楼 风翼霜刀
Post:2010-12-29 13:39:01