2016第章利用设计界面.pptVIP

《网页设计与网站建设》 主讲人：杜永红 第3章 利用fireworks CS5设计网页界面 　本章详细介绍了如何利用Fireworks软件进行图像处理和网页界面的设计。 [本章学习目的] 通过学习，读者能够： 1.掌握Fireworks软件基本操作 2.掌握使用fireworks软件设计logo、导航栏、banner、网站平面效果图 3.掌握将图像切割、导出为网页的方法 案例导入：本章将带你亲身体验Fireworks在网页创作中的强大功能，通过一个网站界面的设计过程，详细介绍Fireworks在网页设计的不同阶段是如何处理各种不同任务的。 　　3.1 图像类型 （1）矢量图 　　矢量图形是用线条和填充色等数学信息来描述图形的，一般矢量格式的文件通常比较小，对矢量图进行操作，改变图形尺寸、形状等，不会改变图形的显示品质。制作矢量格式图形的软件有Freehand、CorelDraw、AutoCAD等。 （2）位图 　　位图图像是用像素点描述图像的。在位图中，图像的细节由每一个像素点的位置和色彩来决定。位图图像的品质与图像生成时采用的分辨率有关，即在一定面积的图像上包含有固定数量的像素。当图像放大显示时，图像变成马赛克状，因此放大图像的尺寸，会降低图像的显示品质，如图所示。制作位图图像的软件常有Photoshop、Fireworks、ImageReady等。 　　3.1.2 图像分