《Flash CS6动画制作（第3版）》课件 项目3 Flash网站的设计与制作.pptx

FlashCS6动画制作;;任务1熟识Flash网站的架构与应用领域

Flash网站，顾名思义，就是通过Flash技术制作的网站，网页内容基本上以图形和动画为主，比较适合制作以文字内容为辅，以平面、动画视觉效果呈现为主的网站，如企业品牌推广、特定网络广告、网络游戏、个性网站等。本任务主要介绍Flash网站的架构与应用领域等。

任务目标

（1）掌握Flash网站的架构。

（2）了解Flash网站的应用领域。;掌握Flash网站的架构

与网站的主体框架类似，网站的架构具有支撑网站的作用，就像人是由骨骼和血肉组成的，网站的架构正如人的骨架一样，由此可见，网站的架构对于网站来说非常重要。

1．网站的开发流程

为了加快建设网站的速度和降低项目失败的风险，应该采用一定的流程来策划、设计、制作和发布网站。网站的开发流程如图所示。;掌握Flash网站的架构

2．客户需求分析

客户需求分析的主要任务就是把客户的需求信息有机地表现出来，把网站的目标信息有效地传达给浏览者或潜在用户，从而达到最佳的网站营销效果。

3．网站策划设计

（1）确定网站的目标。

建立网站的第一步就是确定目标。由于网站的分类不同，目标受众也不同，因此在建立网站之前需要考虑网站所面对的对象。不同的网站有不同的目标，所以获得的收益不同。

（2）确定网站的主题。

网站的主题就是网站所要表达的主要内容，是对网站的一个准确定位。在选择主题和内容时，主题定位要小，内容要精。不要试图做一个包罗万象的网站，这样往往会使网站失去特色。

（3）确定网站的界面。

界面是网站给浏览者的第一印象，建立网站就像写论文，要先列大纲，才能主题明确、层次清晰。不仅要仔细考虑每个栏目和板块的组织编排，把架构规划好，还要考虑到以后的可扩充性，避免制作过程中多次修改整个网站的架构。;掌握Flash网站的架构

（4）确定网站的内容。

网站的内容和网站的建设目标及类型有很大的关系。个人网站的内容依赖个人的兴趣、爱好及其愿意为浏览者提供的特殊信息。企业网站一般用于展示其组织结构、业务范围、产品类型等。商业网站要根据网站提供的服务、实现的功??、达到的目标来确定内容。

（5）确定网站的风格。

风格是指网站带给浏览者的综合感受，包括网站的形象设计、版面布局、浏览方式、交互性等因素，不管是哪个因素，都要能够突出网站的独特性。

（6）确定网站的功能。

个人、企业做网站首先要知道自己想要的功能。网站的功能可以从系统、布局或交互的角度等多个方面进行描述。;掌握Flash网站的架构

4．网站整体设计

1）栏目结构的划分

网站结构是网站设计的基础，网站结构划分就是将网站的架构通过图表的形式表现出来。合理的结构设计对于网站的规划是非常重要的，下面介绍3种常用的结构类型。

（1）层状结构：类似于目录系统的树形结构。层状结构是按照网页之间的包含关系组织而成的，结构简单且直观，条理清晰，能将所有的内容划分得非常清晰且便于理解。层状结构如图所示。;掌握Flash网站的架构

（2）线性结构：类似于数据结构中的线性表，如网络服务器的链接，各页面之间都建立了链接，可以引导浏览者按部就班地浏览整个网站的文件。线性结构常用于制作需要按步骤进行的栏目，如用户注册、建立订单等。线性结构如图所示。;掌握Flash网站的架构

（3）Web结构：类似于Internet的组成结构，各网页之间形成网状连接，允许用户随意浏览。Web结构如图所示。;掌握Flash网站的架构

2）网站版式布局的设计

和传统的报刊类似，网站页面也需要进行排版布局。在设计时要把文字、图片、空白当作一个整体来看待，采用划分平面的方式，在传达信息的同时使浏览者产生感观与精神上美的享受。网站版式布局是一种不同于传统媒体的具有独特风格和艺术特色的视听表现方式，下面探讨网站版式布局的设计。

（1）对齐式布局。这种版式布局可分为上下对齐和左右对齐两种，使文字、图像等元素按比例合理布局。如图所示，页面采用的是左右对齐式布局，满载文字信息，一点儿都不浪费空间，是特别适合传递商业性信息的版式。;掌握Flash网站的架构

（2）全景式布局。这种版式布局可以分散排列多张图片，看起来就像在浏览电子画册一样，可以自由、轻松地细细品味，如图所示。;掌握Flash网站的架构

（3）包围式布局。这种版式布局的基本构思是在页面四周用纯色或图案包围起来，以便产生一个被界定的区域，如图所示。;掌握Flash网站的架构

（4）对称式布局。这种版式布局以中心线为基准，且左右对称。这种版式是最常见的，是一种格调高雅的稳定型版式，给人以严谨、理性的感觉。如图所示，黑白两色将页面分为左右对称的形式，不但背景对称，图像也对称，充分体现了页面主题。;掌握Flash网站的架构

（5）满版式布局。这种版式布局以图像充满屏幕，主要以图像为诉求