hn漂亮网页制作Flash网站制作实用方法下载西安虞美人婚庆公司.pptx

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