第17章 Flash网站制作实战――企业

第17章Flash网站制作实战——企业Flash网站使用Flash制作网站，是对Flash软件功能的一种综合应用。在前面的各章节中，讲解了Flash在网站制作及网页设计中的各种应用。掌握了这些知识，可以说已经为制作一个全Flash的网站打下了良好的基础。但是，如果要制作一个结构严谨，风格独特、统一的Flash网站，仅仅掌握这些知识是远远不够的。可以说，一个Flash网站能够在很大程度上体现该网站制作者的综合技能素养。本章将通过制作一个结构相对简单的Flash网站，来向读者展示制作一个网站需要的基础知识和基本技巧。通过对这个网站实例的学习，读者可以初步掌握制作Flash网站的基本思路。17.1Flash网站概述在学习制作Flash网站之前，首先需要对Flash网站的一些基本知识有所了解。这些知识包括Flash网站的应用范围及常见类型，Flash网站的基本制作流程等等。了解了这些知识可以在制作Flash网站时更有针对性地进行工作，并更有效地达到制作网站的目的。17.1.1Flash网站的应用及分类总体来说，使用Flash制作的网站基本以动画和图形为主，文字内容并不是很多。从这个意义上来说，使用Flash制作网站的方法比较适合使用在以展示动画和图片内容为主要目的的网站上。这类网站一般包括企业品牌推广网站、动画游戏网站、艺术和产品展示网站以及个人网站等。1．企业品牌推广网站顾名思义，这类网站的目的以推广企业品牌为主。2．动画游戏网站这类网站主要以发布Flash动画和提供Flash在线游戏等内容为主。17.1.1Flash网站的应用及分类3．艺术和产品展示网站这类网站往往需要展示大量的图片信息，而文字信息相对要少一些。因此，在构建网站时，如何能更方便地更新各种图片信息是需要首先解决的问题。并且，由于图片内容较多，应当建立一种清晰明确的调用并显示图片的方法，使浏览者不会在对大量图片的浏览过程中迷失方向。对于艺术性的展示网站来说，由于其内容本身的艺术性比较高，要求网站在整体设计上也要保持较高的艺术品位。4．个人网站对于个人网站来说，由于网站中的内容不会太多，结构也不太复杂，非常适合使用Flash来制作。这类网站的制作一般没有特定的章法可循，主要是根据个人喜好或工作业务需求来表达一些个性化的东西。网站中通常也需要加入一些可以与浏览者进行简单交流的功能，诸如留言板、发送邮件、在线涂鸦等。17.1.2Flash网站的制作流程对许多读者来说已经熟悉并掌握了Flash软件的功能和操作方法，但一提到用Flash制作网站就感觉无从下手。这主要是由于对网站的制作流程不了解，对网站的组成结构没有明确的认识所致。下面就来简单介绍一下使用Flash制作网站的基本流程：1．确定网站的主题和风格2．网站结构规划3．网页布局设计4．准备页面元素5．制作各页面影片6．整合与发布17.2首页的制作从本节开始，将制作一个关于服装公司的网站，如图所示。该网站的结构非常简单，没有多余的动画效果，并且省略了一些附加功能。17.2首页的制作网站页面一网站页面二17.2.1网站前期规划由于该网站是以服装为主的企业网站，根据该企业的服装风格——大众化、休闲、时尚，应当为网站选择一种能够反映服装特点、体现时尚元素的风格。风格确定后，需要规划网站的结构和整体布局。17.2.1网站前期规划网站结构图页面布局图17.2.1网站前期规划网站的文件夹目录17.2.2制作首页首页是一个Flash网站的核心，所有对下级页面的调用都将在首页中完成。可以说，制作出一个好的首页就完成了整个网站的一半。下面将开始制作这个服装企业网站的首页。17.2.2制作首页绘制圆角矩形放置导航菜单“公司简介”项17.2.2制作首页放置导航菜单的其他三项17.3下级子页面的制作本范例网站的下级子页面包括4个页面，即“公司简介”、“最新动态”、“产品信息”和“联系方式”页面。这4个下级子页面将分别制作，并发布为单独的SWF文件about.swf、news.swf、product.swf和contact.swf。17.3.1制作“公司简介”页面在制作各下级子页面时，需要将各页面的Flash影片的舞台大小设置为与首页相同，然后在指定的区域内添加页面内容。下面将通过制作“公司简介”页面，来讲解下级子页面的制作方法：17.3.1制作“公司简介”页面粘贴bg图形实例测试“公司简介”页面17.3.2制作“最新动态”页面“最新动态”页面的制作方法与“公司简介”页面的制作方法大同小异，都是在一个特定的舞台区域内添置各种页面元素。因此，开始制作该页面前，需要先将about.fla中的bg图形实例复制到系统剪贴板上以备使用。另外，由于该页面的内容更新比较频繁，故也应在该页面中实现对外部文本的读取，以便随时更新新闻内容及其对应的网页链接。17.3.2制作“最新动态”页面添加动态文本框测试“最新动态”页面17.3.3制作“产品信息”页面在“产品信息”页面中，需要展示一些公司产品的图片。由于这些图片需要经常更新，因此也应该将其以外部文件的形式保存，并在Flash影片中进行读取。这样，实现对外部图片文件的调入就成为本页面制作的关键。17.3.3制作“产品信息”页面products文件夹中的图片测试“产品信息”页面17.3.4制作“联系方式”页面“联系方式”页面的制作比较简单，只需要在页面中加入公司的联系方式就可以了。其具体制作步骤如下：17.3.4制作“联系方式”页面添加静态文本添加人物图形17.4网站的整合与发布首页和全部下级子页面制作完成后，就可以将其整合成一个完整的网站，并进行发布。整合的过程主要是通过在首页文件中添加相应的ActionScript代码来实现。最后，将首页影片发布为HTML格式的网页文件，实现了首页在网页中的显示。17.4.1网站的整合在整合网站之前，首先需要确保首页文件index.swf、4个子页面文件（about.swf、news.swf、product.swf、contact.swf）以及所有需要调用的外部文件都位于同一文件夹目录下。接下来，将通过修改index.fla文件并发布一个新的SWF文件来实现网站的整合。17.4.1网站的整合测试首页效果17.4.2网站的发布首页影片文件制作完成后，就可以发布网站了。发布网站的过程实际上就是将首页发布为HTML文件和SWF文件的过程。其具体发布过程如下：17.4.2网站的发布“发布设置”对话框Flash格式参数设置HTML格式参数设置17.4.2网站的发布在浏览器中测试Flash网站