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