店铺装修简单切片的方法

　　随着网络的发达，很多人都开起了淘宝店。那么装修对于新手来说是一大难题。在装修时，使用切片方法学习啦在线学习网可以方便于单一的替换商品而不影响其他产品，还能优化网页的加载速度。那么该如何操作呢?下面，就让小编给您介绍吧，希望您能满意，谢谢。

　　店铺装修简单切片的方法：

　　1、用PS软件完成图片的切图，生成图片和html2.上传图片到图片空间3.复制html中table表格到自定义内容区4.替换图片的本地连接和赋予图片链向地址。

　　2、PS软件，把图片拖入PS中菜单栏--视图—标尺，快捷键Ctrl+R把鼠标放到标尺上，按住鼠标左键拖拽，生成参考线，使用参考线把图片分开

　　3、参考线线后工具切换到切片工具

　　4、查看工具对应的属性栏，点击上面的基于参考线的切片

　　5、基于参考线的切片之后，会发现图片被切割成了八张图片

　　6、文件—储存为web所用格式—jpeg文件，注意要保存html和图片，切片选择所有切片，点击保存，PS阶段完毕。

　　7、完成切片后，保存桌面会自动生成一个image文件夹，该文件夹盛放的就是分隔开的图片，及时上传到图片空间里。

　　8、完成切片后，查看桌面会保存一个html文件，右击，使用Dreamweaver或者记事本打开。

　　9、打开后，复制里面body之间的内容，如图框选区域，并在后台学习啦在线学习网新建一个自定义内容区，选择标题不显示，源码模式，插入该段代码。

　　10、代码就完事儿了吗?还没有，会发现根本没有图片，图片全部是裂开状态，原因是因为该段代码所引用的是本地图片地址的链接。回到可视化编辑窗口，双击裂开的图片，挨个替换这八张图片，完成操作后预览效果。（这里面有三点需要注意：图片链接复制图片空间中的链接、链向地址复制该宝贝详情页链接、在新窗口打开一定要勾选）

　　以上就是店铺装修简单切片的方法了。