第28章图片处理技巧-切片篇

第28章图片处理技巧-切片篇网店运营推广第?#?页/共30页本课目标认识切片工具掌握切片的操作流程知晓切片注意事项第?#?页/共30页以案例形式展示本次课程学习目标，学完后能干什么，能完成什么任务等想一想：切片有什么作用？浏览器显示的是直观图片，整体效果加快图片显示速度一张图片可以用切片切开，分开做链接第?#?页/共30页人为去用代码拼接图片，容易出现图片错位，影响整体显示效果。切片时自动生成代码，一般不会出现图片错位。浏览网页的时候，页面打开的速度受图片大小的影响很大，把一张图切成多个小图，可以加快图片的显示速度。一张图片上如果放两个及两个以上的商品，可以分开给每个产品做链接。目录6/24/2016切片工具介绍1切片操作流程2切片注意事项3第?#?页/共30页切片工具介绍切片工具介绍Photoshop切片工具Dreamweaver界面介绍第?#?页/共30页切片工具介绍PS切片工具第?#?页/共30页切片工具介绍DW界面介绍第?#?页/共30页目录6/24/2016切片工具介绍1切片操作流程2切片注意事项3第?#?页/共30页切片操作流程切片操作流程PS部分DW部分装修部分第?#?页/共30页切片操作流程PS部分新建图层设计图片及版式根据需要切片保存文件上传图片至淘宝图片空间第?#?页/共30页切片操作流程新建图层第?#?页/共30页切片操作流程设计图片及版式第?#?页/共30页切片操作流程根据需要切片第?#?页/共30页切片操作流程保存文件第?#?页/共30页切片操作流程上传图片至淘宝图片空间第?#?页/共30页切片操作流程DW部分打开html文件复制代码至DW修改图片链接地址获取添加链接后的代码第?#?页/共30页切片操作流程打开html文件用记事本打开html文件第?#?页/共30页切片操作流程复制代码至DW第?#?页/共30页切片操作流程修改图片链接地址