第十课切片热点及优化导出.pptVIP

第十课 切片、热点及优化导出 实现图像切割 切割的好处 合理的布局切割图片，能够减少图片在网页上的下载时间 可以用于超链接的设置 工具的使用 切片工具：分割后的每一部分都被透明的绿色所覆盖 如果部分区域未分割为切片，输出图片时仍然会被输出 多边形切片工具 切出复杂形状的切片 方法类似于钢笔工具 锚点可以使用指针工具和部分选定工具来移动 改变切片的颜色和隐藏切片 改变切片的颜色：属性面板 显示和隐藏切片 为切片设置超链接 链接 ALT 目标 设置超链接热点区块 使用热点工具直接绘制 矩形 圆形 多边形 给文字部分直接添加热点 选中文本对象，编辑－插入－热点CTRL+SHIFT+U 指定热点所在链接的URL地址,设置热点区域的颜色 绘制热点后，层面板会包含一个预设的网页层，存放的是热点链接区域 预览：文件－在浏览器中预览 图像的优化 优化：网页图形设计的最终目标创优美的图像，同时还要能够快地下载，为了达到这们的目的，必须在最大限度地保持图像品质的同时，选择压缩质量最高的文件格式。这种平衡行为就是优化。优化即是寻找颜色、压缩和品质的适当组合 优化面板：设置导出文件的格式，针对不同的文件类型同图像进行优化 预览：优化的同时，单击预览即可在窗口的左下角看到该优化设置下导出文件的大小，以及在WEB上下载该图形时所需要的时间 2-UP：同时显示原始图像效果和优化后的图像效果 4-UP：可以同时设置3种优化方案，很方便与原图像的比较 文件-导出预览 对gif格式图像的优化 窗口优化,打开优化面板 选择“gif接近网页128”代表将图像处理为只包含128种网页安全色的gif格式文件 为了获得更小的文件可在“颜色”下拉列表中选择想要的颜色数或设置“失真” “抖动”可通过替换颜色相近的像素模拟当前调色板中没有的颜色 设gif透明-索引，设png透明-alpha透明 对jpg格式图像进行优化 打开一张图，设“JPEG-较小文件”图片压缩品质被设在60% 改变“品质” “平滑” 如果对图片文件尺寸要求很高，单击右上角选择“优化到指定大小” 文件导出格式的选择 互联网上最为常见的图像格式 JPG GIF PNG 图像的导出 文件-导出向导 文件-导出预览 文件-导出 导出的类型 如果只想导出图片，选择仅图像 如果原文件中含有按钮等网页元素，保存类型应设为HTML和图像。使用DREAMWEAVER制作网页时可以直接将导出的HTML文件插入 层到文件或帧到文件会分别保各个层或帧单独保存成一张图片。导出的图片数目由层或帧的数目决定 切片的优化和导出 切片的优化 优化时，可以选择每块切片，分别在优化面板进行优化设置 切片的导出 分割后的图片应用于网页时要求每一部分都能按照原来的位置衔接起来。导出类型要设为HTML和图像，以便在Dreamweaver中进行后期处理。选择导出切片（只导出选中的切片或包括无切片区域）可将图像放入子文件夹（方便科学管理） 快速导出 快速导出按钮位于文档窗口的右上角，可以将FIREWORKS文件快速导出到其他应用程序中 DREAMEAVER FLASH 可以在浏览器中预览图像的效果 使用快速导出按钮启动 DREAMEAVER FLASH * * 隐藏 显示 热点区域：是用来在图形上方设置热区，添加链接或相关的命令切片：用来对图片做输出进行切割操作而生成的 WINDOWS中的BMP格式的位图，由于体积太大（没有对数据进行压缩），占用的空间较多，因此几乎不在网格中使用 优化到指定大小向导 启动导出向导 更改导出区域的大小