网页设计与制作教程第6章.docx
- 文档编号:11407645
- 上传时间:2023-02-28
- 格式:DOCX
- 页数:14
- 大小:2.35MB
网页设计与制作教程第6章.docx
《网页设计与制作教程第6章.docx》由会员分享,可在线阅读,更多相关《网页设计与制作教程第6章.docx(14页珍藏版)》请在冰豆网上搜索。
网页设计与制作教程第6章
第6章切片与文件的优化输出
6.1关于切片
6.1.1创建切片
图6-1在图像上创建了一个矩形切片
图6-2切片在【层】面板中
图6-3在图像上创建了三个切片
图6-4创建了三个切片的【层】面板
图6-5使用【多边形切片】工具创建选区
图6-6选取像素确定制作切片的区域图6-7基于选区的切片
6.1.2在切片上设置URL
图6-8切片的属性面板
6.1.3导出切片
图6-9创建切片的原图像
图6-10在图像上制作切片
图6-11导出的切片对象文件
图6-12【导出】对话框
图6-13HTML设置对话框
6.1.4创建图像映射
图6-14在图像上绘制圆形热点
6.2文件的优化及导出
6.2.1优化及导出GIF格式的图像
图6-15GIF格式的图像图6-16【优化】面板
图6-17选择2个图片显示的方式
图6-18对图像依次设置失真值为10、50、100时的效果对比
图6-19对图像依次设置颜色值为64、16、4时的效果对比
图6-20设置颜色为透明后的效果前后的对比
6.2.2优化及导出JPEG格式的图像
图6-21打开一幅JPEG格式的图像
图6-22选择【JPEG–较小文件】
方式后的【优化】面板
图6-23依次设置图像的【品质】值为40、20、5时的效果对比
图6-24依次设置图像的【平滑】值为4、6、8时的效果对比
6.2.3优化及导出动画
图6-26在【优化】面板中
图6-27动画设置对话框
6.3应用实例
图6-28给图像加上切片
图6-29在【层】面板中选中切片
图6-30当鼠标移动到切片中心的控制手柄上时指针将变为手的形状
图6-31拖动“行为”控制手柄从中心往切片左上角拖动
图6-32【交换图像】对话框
图6-33在编辑窗口中制作按钮图形
图6-34选择【添加弹出菜单】命令
图6-35在【弹出菜单编辑器】对话框中【内容】选项卡的设置
图6-36在【弹出菜单编辑器】对话框中【外观】选项卡的设置
图6-37用鼠标移动弹出菜单的位置
6.4小结
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 网页 设计 制作 教程
![提示](https://static.bdocx.com/images/bang_tan.gif)