• 淘宝店铺首页怎么切片装修?淘宝ps切片装修教程

  • 2017-04-21 11:16:26

      淘宝店铺首页怎么切片装修?很多淘宝店为了能把首页装修得更大气漂亮会采用ps切片的方式进行装修,那么淘宝店铺首页怎么切片装修?装修宅小编带来淘宝ps切片装修教程,一起学习一下吧!

      ps切片在淘宝店铺装修的时候是一定会用到的,也是美工一定要掌握的装修手段,今天小编就为大家实操来讲解一下切片与装修的关系。步骤有点难哟,一般需要去到专业的ps培训才会接触到哦,请大家好好学!

      首先,我们要了解切片工具的位置,右击裁剪工具,即可找到。接下来,现在我们来了解一下切片工具的作用:

      1、能把大图片切割成为几个小图片,这样能让浏览器更快速的打开图片。(操作和作用2里面的讲解一样,唯一的区别就是这个是直接在自己的大图片上面切)

      2、能装修模块,切片产生框架代码,这样可以给宝贝做链接。

      比如说我在ps里面做了一个模块

      (1)、 现在进行切片,我把它切成5份

      (2)、 切片保存为web格式,右键把比例缩小,用切片选择工具选中全部,格式改为JPEG,品质为最佳

      (3)、点击存储,在优化结果中保存格式一定要保存为HTML和图像

      (4)、点击保存即可。

      这是在桌面会有一个image文件夹和一个网页文件,如果没有说明你保存的格式有问题

      1、Image文件夹里面放的就是我切好的图片,网页文件就是我的切片框架

      2、把image里面的图片上传到我们的图片空间里面去

      3、来到店铺装修,添加一个自定义模块

      4、点击编辑

      5、点击不显示,点击源码

      6、回到桌面,把网页文件用记事本打开,右键 打开方式 记事本

      7、把里面的代码全选——复制——在刚刚自定义模块里面进行粘贴

      8、点击源码,代码就翻译成框架了

      9、点击框架,编辑

      10、图片地址换成我们图片空间的相应地址

      11、链接网址是放点击这样图片说要跳转的网站网址

      

      12、 点击确定即可。后面的操作一样了

      13、都做好之后,点击确定即可

      14、预览,发布就好了

      淘宝店铺首页的一个模块就做好了,一个淘宝店铺首页就是用一个一个模块拼出来的,后面的话我就不说了,大家需要什么在首页展示什么内容就做什么上去就行了,方法是一样的。淘宝店铺首页怎么切片装修小编就介绍到这里了,更多淘宝店铺装修的内容可以在装修宅学习!

      推荐阅读:淘宝装修教程:淘宝店铺首页设计


    >> 查看更多相似文章

    推荐阅读

    ©Copyright ©2007-2016 www.kaitao.cn (开淘网) All Rights Reserved