（29页PPT）第28章图片处理技巧切片篇.pptxVIP

第28章图片处理技巧-切片篇网店运营推广

本课目标认识切片工具掌握切片的操作流程知晓切片注意事项

想一想：切片有什么作用？浏览器显示的是直观图片，整体效果加快图片显示速度一可以用切片切开，分开做链接

目录11/19/2025切片工具介绍1切片操作流程2切片注意事项3

切片工具介绍切片工具介绍Photoshop切片工具Dreamweaver界面介绍

切片工具介绍PS切片工具

切片工具介绍DW界面介绍

目录11/19/2025切片工具介绍1切片操作流程2切片注意事项3

切片操作流程切片操作流程PS部分DW部分装修部分

切片操作流程PS部分新建图层设计图片及版式根据需要切片保存文件上传图片至

切片操作流程新建图层

切片操作流程设计图片及版式

切片操作流程根据需要切片

切片操作流程保存文件

切片操作流程上传图片至

切片操作流程DW部分打开html文件复制代码至DW修改图片链接地址获取添加链接后的代码

切片操作流程打开html文件用记事本打开html文件

切片操作流程复制代码至DW

切片操作流程修改图片链接地址

切片操作流程获取添加链接后的代码

切片操作流程装修部分进入店铺装修页面找到自定义版块拷贝代码并发布

切片操作流程进入店铺装修页面

切片操作流程找到自定义版块

切片操作流程拷贝代码并发布

目录11/19/2025切片工具介绍1切片操作流程2切片注意事项3

切片注意事项切片注意事项自动切片切片的区别

切片注意事项自动切片当我们创建新的切片时，图像的其他区域会产生自动切片，自动切片会填补图像中未被定义的空间

切片注意事项切片的区别自动切片不可以编辑图层切片或用户切片时用实线边框定义的，而自动切片则是虚线边框定义的

总结切片工具介绍切片操作流程切片注意事项