FLASH MX网站建立教程.docVIP

Flash网站实例教程（原创－野渡） QQ Email：woohey@ Homepage：8/site/woohey2001/ 设计思想：????在这里，我将详细的介绍另外一个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的等等。 图7-2-1 2. 素材图片 网站制作中不可避免的要使用到图片。您可以从外面买素材光盘，然后找出适合自己风格的精美图片，加入网站中。当然也可以在网络上去找，下载精美的图片。笔者在这里提供两个素材网站： 素材屋：； 网页制作大宝库：。 这里我们找了几张与自然有关的绿色图片，以符合网站的风格和特色，使整体能保持一致。在后面的制作中我们会看到的，这里就不再贴出来了，节约空间。 准备图片时，要注意图片的格式和体积。当然您还可能要用到其它的工具来进行加工，如Fireworks、Photoshop等等。对于Flash来说图片的格式很重要，如果有矢量图片最好了，它和Flash的格式一致，放大缩小的时候不会变形，产生锯齿或模糊不清，不过矢量图片毕竟很少，效果没有其它格式的图片好。图片的体积也不宜过大，能减小体积就要尽量减小，使我们的网页适合于网络传播。 3. 音效素材 Flash网页的一个它的特点是它具有网络多媒体的效果，不仅有动画，而且还有很好的音效。它在声音的处理方面的功能也是相当的强。在Flash中加入声音不仅能很大的提高您的网页的效果也能提高网站吸引力，增大浏览量。因此，我们不能埋没的Flash的闪光点，决定