《网页设计及制作报告.docVIP

我的个人网站设计 作者： 张 亮 班级： 工设09-1班 导师： 陈功 日期：2012年1月8号 前言 随着时代的发展，网站建设越来越接近于一门艺术而不仅仅是一项技术。网页的艺术设计，日益被网站建设者所注重。网页艺术设计是伴随着计算机互联网络的产生而形成的视听设计新课题，是网页设计者以所处时代所能获取的技术和艺术经验为基础，依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动，必然要成为设计艺术的重要组成部分，并 随着网络技术的发展而发展。表面上看，它不过是关于网页版式编排的技巧与方法，而实际上，它不仅是一种技能，更是艺术与技术的高度统一。 网页三剑客，是一套强大的网页编辑工具， Dreamweaver 是一个“所见即所得”的可视化网站开发工具，主要用于动态网页的开发；Fireworks主要是用于对网页上常用的jpg、gif的制作和处理，也可用于制作网页布局；Flash主要用来制作动画，现推出Flash平台，可预见有极好的前景。之所以称之为三剑客， 很大一部分是因为这三种软件能相互无缝合作。现在，制作网页，通常由Fireworks导出切片、图片等，然后在Dreamweaver中绘制表格；较为流行的一种是在Firework中做好主要页面，然后导出，在Dreamweaver中加以修改，添加链接等，便做出一个非常好看的页面。 　　Flash是美国Macromedia公司所设计的二维动画软件，全称Macromedia Flash（被Adobe公司收购后称为Adobe Flash），主要用于设计和编辑Flash文档。附带的Macromedia Flash Player，用于播放Flash文档。 被大量应用于互联网网页的矢量动画文件格式。 使用向量运算﹙Vector Graphics﹚的方式，产生出来的影片占用存储空间较小。 使用Flash创作出的影片有自己的特殊档案格式﹙swf﹚。该公司声称全世界97%的网络浏览器都内建Flash播放器﹙Flash Player﹚。是Macromedia/Adobe提出的“富因特网应用”（RIA）概念的实现平台。 　　Adobe Fireworks可以加速 Web 设计与开发, 是一款创建与优化 Web 图像和快速构建网站与 Web 界面原型的理想工具。Fireworks不仅具备编辑矢量图形与位图图像的灵活性, 还提供了一个预先构建资源的公用库, 并可与 Adobe Photoshop、Adobe Illustrator、Adobe Dreamweaver和Adobe Flash软件省时集成。 在Fireworks 中将设计迅速转变为模型, 或利用来自 Illustrator、Photoshop 和 Flash 的其它资源。 然后直接置入Dreamweaver 中轻松地进行开发与部署。矢量编辑与位图编辑。创建和编辑矢量图像与位图图像，并导入和编辑本机 Photoshop 和 Illustrator 文件。 　　图像优化。采用预览、跨平台灰度系统预览、选择性 JPEG 压缩和大量导出控件, 针对各种交付情况优化图像。 　　Dreamweaver、Flash以及在Dreamweaver之后推出的针对专业网页图像设计的Fireworks，三者被Macromedia公司称为DreamTeam（梦之队），足见市场的反响和Macromedia公司对它们的自信。说到Dreamweaver我们应该了解一下网页编辑器的发展过程，随着互联网(Internet) 的家喻户晓，HTML技术的不断发展和完善，随之而产生了众多网页编辑器，从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器（则原始代码编辑器），两者各有千秋。所见则所得网页编辑器的优点就是直观性，使用方便，容易上手，您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别，但它同时也存在着致命的弱点。 　　 目 录 前言 2 一、设计任务的提出 5 二、网站总体规划 5 三、网站的设计创意及设计风格 6 四、主页设计 6 五、分页面设计 7 六、各类素材制作的主要过程及技术 8 （一）Fireworks素材制作 8 （二）Flash素材制作 10 （三）Dreamweaver素材制作 14 七、站点整合 16 （一）站点建立 16 （二）网页框架构建 17 八、总结 18 参考文献 19 我的个人网站设计 作者：张亮 指导：陈功 （中国矿业大学艺术与设计学院工业设计09-1班 摘要: 网页三剑客网页三剑客，顾名思义，是一套强大的网页编辑工具，最