网页设计及制作报告.docVIP

PAGE2

互动媒体设计

PAGE7

工业设计专业互动媒体设计设计报告

我的个人网站设计

作者：张亮

班级：工设09-1班

导师：陈功

日期：2012年1月8号

前言

随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站建设者所注重。网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并

随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。

网页三剑客，是一套强大的网页编辑工具，Dreamweaver是一个“所见即所得”的可视化网站开发工具，主要用于动态网页的开发；Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局；Flash主要用来制作动画，现推出Flash平台，可预见有极好的前景。之所以称之为三剑客，很大一部分是因为这三种软件能相互无缝合作。现在，制作网页，通常由Fireworks导出切片、图片等，然后在Dreamweaver中绘制表格；较为流行的一种是在Firework中做好主要页面，然后导出，在Dreamweaver中加以修改，添加链接等，便做出一个非常好看的页面。

Flash是美国Macromedia公司所设计的二维动画软件，全称MacromediaFlash（被Adobe公司收购后称为AdobeFlash），主要用于设计和编辑Flash文档。附带的MacromediaFlashPlayer，用于播放Flash文档。被大量应用于互联网网页的矢量动画文件格式。使用向量运算﹙VectorGraphics﹚的方式，产生出来的影片占用存储空间较小。使用Flash创作出的影片有自己的特殊档案格式﹙swf﹚。该公司声称全世界97%的网络浏览器都内建Flash播放器﹙FlashPlayer﹚。是Macromedia/Adobe提出的“富因特网应用”（RIA）概念的实现平台。

AdobeFireworks可以加速Web设计与开发,是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具。Fireworks不仅具备编辑矢量图形与位图图像的灵活性,还提供了一个预先构建资源的公用库,并可与AdobePhotoshop、AdobeIllustrator、AdobeDreamweaver和AdobeFlash软件省时集成。在Fireworks中将设计迅速转变为模型,或利用来自Illustrator、Photoshop和Flash的其它资源。然后直接置入Dreamweaver中轻松地进行开发与部署。矢量编辑与位图编辑。创建和编辑矢量图像与位图图像，并导入和编辑本机Photoshop和Illustrator文件。

图像优化。采用预览、跨平台灰度系统预览、选择性JPEG压缩和大量导出控件,针对各种交付情况优化图像。

Dreamweaver、Flash以及在Dreamweaver之后推出的针对专业网页图像设计的Fireworks，三者被Macromedia公司称为DreamTeam（梦之队），足见市场的反响和Macromedia公司对它们的自信。说到Dreamweaver我们应该了解一下网页编辑器的发展过程，随着互联网(Internet)的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。

目录

和学习服务。由于WEB页面能把文本、图像、声音、动画、视像等多种媒体信息集于一体，不但使信息的显示更加生动，而且使信息的浏览更为方便,同时WEB页能实现网上交易平台、客户信息反馈方便了企业与客户之间信息交流，因此许多企业纷纷建设具有自己独特风格的网站以增强企业知名度。

与此同时，个人主页设计也日益盛行，一个好的个人主页不但可以推广自己，还可以拥有网民的点击率，直接关系到个人的知名度。

二、网站总体规划

运用所学的Flash、DreamWaver、FireWorks技术设计一个关于我的家乡徐州介绍的网站，在设计中充分运用fireworks中的蒙板、补间、切片、热区、图片优化等技术，flash中