(巧用PS切片轻松打造店铺自定义区.docxVIP

巧用PS切片轻松打造店铺自定义区施老师： 经常有学员问我，老师：PS切片怎么用啊，店铺的自定义区要自己装修，怎么装修啊。 那么，就由宁双学好网施老师我先介绍下什么是切片，Photoshop里的切片是用切片工具将一张大图片切分为若干个小图片，每个小图片就称之为切片，切片的边界是虚拟的，也就是说，虽然将大图片切分为若干个小图片，但是我们打开大图片的浏览时，仍然看到是一张大图片，丝毫不会看到切分的痕迹。切分后，我们打开大图片的HTML文件，不仅速度可以提快，而且还可以在每个小切片（小图片）上做链接。这样鼠标放在做了链接的位置上时，点击就可以跳转到另外一个页面。 我们利用Photoshop的切片功能，可在店铺的自定义区自由的布置我们的海报，并且可以在海报任何想做链接的地方添加上链接。这就是切片的好处。??下面说详细讲解下怎么用切片轻松打造自定义区。 我总结了以下几点。分享给大家。一、做好自定义区的海报。比如：??二、使用Photoshop 工具栏里的“切片”工具将图片分割成若干区域?三、然后点击“文件”菜单-“存储为WEB格式”，选择第二联。?四、选存储为“HTML和图像格式”，存储完毕?五、打开存储目录中的HTML和图像，将Imags中的图片全部上传至淘宝空间。?六、然后双击这个存储为HTML和图像的文件夹。???七、再双击WEB文件，打开WEB文件后，在浏览器的菜单里选择“查看”菜单，再选择“查看网页源代码”。?八、将代码全部选中，复制。?九、然后打开店铺的自定义页面，将代码全部粘贴过来即可。?十、恢复到普通视图，将鼠标移到右下角，出现“编辑”字样，然后将单元格里的图片地址替换成空间地址，并给它添加相应的超链接（当然是淘宝内部链接啦）。?十一、接下来讲下自定区的公告内容怎么做。我们将代码复制粘贴到自定义区后，在相应的单元格图片区域做好链接后，接下来就是在公告区做公告文字了。大家都知道，每个店铺都最好放个公告区。以滚动的字幕出现。可别小瞧公告区，做好公告区，还有助于我们优化店铺呢。在滚动的字幕里尽可能多的放入店铺产品关键词，以大大增加被淘宝有哪些信誉好的足球投注网站的机率。好，言归正传，我们就看下怎么做公告区的滚动字幕。十二、选中公告区的切片，将切片删除，留白。十三、先将公告内容打进去。然后回到代码视图。在公告文字的首和尾分别加入以下代码十五、这样就大功告成了。