江苏畜牧兽医职业技术学院毕业论文（设计）
制作Flash网页
校全购大学生自己的购物网www.xiaoquangou.com
aohangouwu.taobao.com
【摘 要】 本Flash制作静态网页是利用的 Dreamweaver、Flash、Photosh op等工具制作的网页，制作网站的基本步骤：要具备制作网站的工具，确定网页的基本版块，制作或下载一些必要的小动画链接到网站中，最后要维护好网站。目前网页设计越来越接近于一门艺术而不仅仅是一项技术。对于现在的我们要对网页设计抱着追求艺术的理想去制作好这个Flash网页， 我们要很好的融入现代具有听设计的Flash，能更好的说明我们都是新世纪的大学生。本设计的开发过程从本人长时间的的需求分析，模块分析和详细设计等步骤到最后的维护实现，从而遵守了网页设计的标准过程。 【关键词】Dreamweaver,Photoshop CS,Flash. 1 绪论
随着时代的发展，网页设计越来越接近于一门艺术而不仅仅是一项技术。网页设计，日益被网站建设者所注重。在目前国内对此领域研究甚少的情况下，作者将网页设计与其他艺术设计形式进行比较，尝试从网页设计的内容、原则和特点等三个方面，对这个新的艺术设计领域进行初步的归纳总结和理论探讨。作者认为网页设计是艺术与技术的高度统一，指出网页设计包含视听元素与版式设计两项内容；以主题鲜明、形式与内容相统一、强调整体为设计原则；具有交互性与持续性、多维性、综合性、版式的不可控性、艺术与技术结合的紧密性等五个特点。在明确了网页设计与网站主题的关系的基础上，提出了“美”和“功能”都是为了更好地表达网站主题这一观点。网页设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更 是艺术
1
Flash网页
与技术的高度统一。 2 设计任务及准备工作 2.1设计的主要任务 2.1.1设计的目的
Flash静态网页的设计目的是要更好的掌握和使用网页设计工具和技术，以便更深层的了解和提高对网页知识的认识。使我们的在书上学到的东西不仅仅层次上的，而是把它们更深层的都运用在这次设计中。以达到老师要求的效果和学以致用。 2.1.2设计的要求
利用Flash、Dreamweaver、Photoshop等工具做一个个人静态网页，要求 让别人能够直观的欣赏我的作品，要求简洁漂亮，网页内容健康积极向上。 2.1.3设计的思想
由于只是设计个人网页，为了节省资源，便于维护，采用了静态网页，而没有采取对页面要求较高的动态程序。同时因为内容比较简单，特意添加了一写文章、小贴图、Flash等。使我的网页显得更加的生动形象有吸引力，让更多的网络朋友能多多支持我的个人网页。 2.2网页设计考虑的问题 (1) 定位网页主题和名称 (2) 确定栏目和板块
(3) 网页的整体风格创意设计 (4) 网页的层次结构和链接结构 (5) 版面布局的窍门 (6) 色彩风格的搭配 (7) 效果与速度 (8) 交互性与亲和度 (9) 语句文字风格 3 开发工具 3.1开发工具
3.1.1 Dreamweaver简介
Dreamweaver是美国MACROMEDIA公司开发的，是最受专业设计者欢迎的网页制作工具之一。目前Dreamweaver处于网页设计软件市场的绝对优势位置。
2
江苏畜牧兽医职业技术学院毕业论文（设计）
Macromedia是一个可视化的网页编辑器，支持最新的XHTML和CSS标准，采用多种先进技术，能够快速高效地创建极具有表现力和动感效果的网页，使网页创作过程变得非常简单。值得称道的是，Dreamweaver不仅提供了强大的网页编辑功能，而且提供了完善的站点管理机制，可以说，它是一个集网页制作和管理网站于一身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。 3.1.2 Flash简介
Flash MX 是用于 Web 站点的图形、文本、动画和应用程序。它们主要由矢量图形组成，但是还可以包含导入的视频、位图图形和声音。Flash 影片可以结合交互性，从而允许观看者进行输入，您也可以创建与其它 Web 应用程序交互的非线性影片。Web 设计人员可以使用 Flash 创建导航控件、动画徽标以及带有同步声音的长篇动画，甚至可以创建完整的丰富多彩的 Web 站点。Flash 影片使用的是压缩的矢量图形，这使它们可以快速下载，并可以根据观看者的屏幕进行缩放。
Flash 文档是具有 .fla 文件扩展名的文件，它包含开发、设计和测试交互式内容所需的所有信息。Flash 文档并不是在 Flash Player 显示的影片。这需要将FLA文档发布为 Flash 影片，而后者的文件扩展名为 .swf，其中只包含显示影片所需的信息。FLASH MX 也是一种软件，是专门用来设计动画的。Flash的前身是FutureSplash，是早期网上流行的矢量动画插件。后来由于Macromedia公司收购了FutureSplash以后便将其改名为Flash2。它是针对矢量图形编辑和动画创作的专业软件，目前，它已经升级到Flash MX版本，功能十分强大。正是因为它采用了矢量图形编辑制作，使得Flash输出的电影动画（*.swf）具有文件小、效果好、图像细腻、对网络带宽要求低以及可无损放大等诸多优点，从而，深受广大电脑动画设计者和网页设计者的喜爱。可以说，Flash已经渐渐成为交互式矢量的标准，未来网页的一大主流。 3.1.3 Photoshop简介
Photoshop是ADOBE公司推出的功能强大的最为出名的图像处理软件之一，也是迄今为止世界上最畅销的图像编辑软件。Adobe Photoshop CS2是目前Photoshop的最新版本，无论从性能的优越还是使用的方便等方面，运行Macintosh和Windows平台上, 应用范围：图像、图形、视频、出版等方面。
3
Flash网页
随着版本提高，功能更多，使用更简单。从功能上看，Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。Photoshop 是优秀的图象处理软件，一直占据着图像处理软件的领袖地位，是平面设计、建筑装修设计三维动画制作及网页设计的必用软件。它的惊人的功能也引起广大业余图像处理爱好者的强烈兴趣。
从功能上看，Photoshop可分为图像编辑、图像合成、校色调色及特效制作部分。
图像编辑是图像处理的基础，可以对图像做各种变换如放大、缩小、旋转、倾斜、镜象、透视等；也可进行复制、去除斑点、修补、修饰图像的残损等。
图像合成则是将几幅图像通过图层操作、工具应用合成完整的，传送明确意义的图像，这是美术设计的必经之路。Photoshop提供的绘图工具让外来图像与创意很好地融合，成为可能使图像的合成无衣无缝。
校色调色是Photoshop中深具威力的功能之一，可方便快捷地对图像的颜色进行明暗、色编的调整和校正，也可在不同颜色进行切换以满足图像在不同领域如网页设计、印刷、多媒体等方面应用。
在Photoshop中主要由滤镜、通道及工具综合应用完成。包括图像的特效创意和特效字的制作，如油画、浮雕、石膏画、素描等常用的传统美术技巧都可藉由Photoshop特访完成。而各种特效字的制作更是很多美术设计师热衷于Photoshop的研究的原因。 3.1.4 Html简介
HTML（Hyper Text Markup Language 超文本标记语言）是一种用来制作超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台（如UNIX， WINDOWS等）。自1990年以来HTML就一直被用作World Wide Web上的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage的连结信息。
HTML文档（即Homepage的源文件）是一个放置了标记的ASCII文本文件，通常它带有.html或 .htm的文件扩展名。生成一个HTML文档主要有以下三种途径：
(1).手工直接编写（例如用你所喜爱的ASCII文本编辑器或其它HTML的编辑工具）。
4
江苏畜牧兽医职业技术学院毕业论文（设计）
(2).通过某些格式转换工具将现有的其它格式文档（如WORD文档）转换成HTML文档。
(3).由Web服务器（或称HTTP 服务器）一方实时动态地生成。 HTML语言是通过利用各种标记（tags）来标识文档的结构以及标识超链（Hyperlink）的信息。虽然HTML语言描述了文档的结构格式，但并不能精确地定义文档信息必须如何显示和排列 ，而只是建议Web浏览器（如Mosiac，Netscape等）应该如何显示和排列这些信息，最终在用户面前的显示结果取决于Web浏览器本身的显示风格及其对标记的解释能力。这就是为什么同一文档在不同的浏览器中展示的效果会不一样。 4 设计步骤
4.1Flash网页设计步骤 4.1.1Flash 画面制作
通过使用Flash 制作出书页由上往下掉的意境，如图1所示：
图1
4.1.2Flash 文字
在设计网页的过程中，我用了字体滚动的效果，就是把一段文字设置成从左到右翻滚的格式，代码：
输入要写的字
这是一个可以字样变换的Flash图片 4.2Dreamweaver网页设计步骤
首先设计网站的结构，根据要求，只需要做一个页面就可以了。为了便于管理，决定在部分内容页中采用框架。本网页首先采用Dreamweaver进行网页的编辑和排版。整体网页采用表格方式进行定位，表格边框宽度值为0，这
5