网页设计与网站建设课件2-1.pptVIP

2. Fireworks 图像处理 firework也是 Macromedia 公司的产品，是真正的网页作图软件。Fireworks 与 Dreamweaver 结合很紧密，只要将 Dreamweaver 的默认图像编辑器设为 Fireworks ，那么在 Fireworks 里修改的文件将立即在 Dreamweaver 里更新。 重点： Fireworks的操作使用 难点： Fireworks图片的优化及操作技巧 主要用于进行Web图形图像处理，可以图像进行绘制、编辑、处理、压缩等。 可以同时对矢量和位图进行编辑  矢量图：矢量图使用直线和曲线来描述图形，这些图形的元素是一些点、线、矩形、多边形、圆和弧线等等，它们都是通过数学公式计算获得的。例如一幅花的矢量图形实际上是由线段形成外框轮廓，由外框的颜色以及外框所封闭的颜色决定花显示出的颜色。由于矢量图形可通过公式计算获得，所以矢量图形文件体积一般较小。 位图 位图图形由排列成网格的称为像素的点组成。例如，在一个位图的叶子图形中，图像由网格中每个像素的位置和颜色值决定；每个点被指定一种颜色；在以正确的分辨率查看时，这些点就像马赛克那样拼合在一起形成图像，如下图所示： 矢量图与位图最大的区别是,它不受分辨率的影响。因此在印刷时,可以任意放大或缩小图形而不会影响出图的清晰度 矢量图形最大的优点是无论放大、缩小或旋转等不会失真；最大的缺点是难以表现色彩层次丰富的逼真图像效果。Illustrator、CorelDRAW是众多矢量图形设计软件中的佼佼者。Flash MX制作的动画也是矢量图形动画。  位图是以有限个色彩点组成的图案，当你无限放大时你会看到一块一块的像素色块，效果会失真。 2.1 Fireworks 的工作环境 Fireworks的用户界面由标题栏、菜单栏、工具面板、文档窗口、属性窗口、画布、状态栏及面板组组成。 2.1.1 工具面板 1）工具面板包括：选择、位图、矢量、网页、颜色和视图。 2）属性面板 用于显示当前选区的属性、当前工具选项或文档属性 2.1.2 操作图像 1）视域控制栏 2）查看图像 当图像放大到超出画布显示的范围时，用 形状来进行移动图像。 在视图栏中双击 可以使图像恢复到原来的初始状态。 单击可以实现放大功能，按下Alt键可以变成缩小键 3)多窗口显示 在同一窗体可以浏览相同或者不同的文档。 4）全图及草图 在视图菜单中选择“完整显示”，可以详细显示所有的可用色彩，如果不选择“完整显示”就会变成草图， 5）操作多个对象 同时控制多个对象的最好办法是进行组合。 固定他们的位置和相对叠放顺序。 6）设置图像的大小 默认情况下显示的是文档的当前大小。 打印尺寸： 分辨率： 约束比例： 图像重新取样： * 网页设计与网站建设 * * 菜单栏 标题栏 文档窗口 工具面板 属性面板 面板组 状态栏 画布 状态栏 显示比例 * * * 网页设计与网站建设 *