淘宝首页全屏切片上传怎么操作?不可错过的教程!
6985人阅读
  •   淘宝首页全屏切片上传怎么操作?做好了淘宝首页全屏切片,下一步就是进行淘宝首页全屏切片上传,有一些新手不知道怎么进行淘宝首页全屏切片上传,为此开淘小编整理了淘宝首页全屏切片上传教程,帮助大家成功上传!

      一、淘宝首页全屏切片上传操作需要用到两个软件Photoshop和Macromedia Dreamweaver 8。如果没有的可以自己到网上去下载。

      二、淘宝首页全屏切片上传方法:

      1、首先用户要先制作或者选择一张图片来进行下面的操作。

    淘宝首页全屏切片上传

      2、接下来在PS中打开这张图,选择切片工具对图片进行切片处理

    淘宝首页全屏切片上传

      3、切片处理后的效果。

    淘宝首页全屏切片上传

      4、被切成了4块,然后点文件-“储存为Web和设备所用格式”文件格式选择PNG-8,点存储后,保存类型要选择html格式。

    淘宝首页全屏切片上传
    淘宝首页全屏切片上传

      5、再用PS中的裁剪工具,把切片的切成的4片分别裁剪成4个单独的个体,以JPG格式保存。

    淘宝首页全屏切片上传
    淘宝首页全屏切片上传

      6、裁剪好以后,要把这4个图片上传到用户的淘宝空间中去。等下要复制代码。

      这时PS的制作就全部完成了。

      打开Macromedia Dreamweaver 8软件

      然后在软件中打开刚刚我们保存制作的,00.html文件。

    淘宝首页全屏切片上传

      7、如果用户打开的是代码的话,点一下左上角的设计,就会变成图片了,图片看上去还是一个整体,其实,已经被我切成了4块了,你点在图片上就可以看到了。把鼠标点在第一块切片上,在左下角会显示出图片的宽和高,你要记住。然后按下删除键(Delete)把原图片删除。在下面输入刚刚记住的宽高。

    淘宝首页全屏切片上传

      8、做完这一步后,在点左上角的代码,切换到代码。会发现第一块切片的代码,已经被删除了。我要复制过一个新的淘宝空间的图片代码进去,不然你传到淘宝图片也显示不出来。

    淘宝首页全屏切片上传

      9、四个切片都是这样操作。对应的图片要选择对应图片复制代码。最后效果如图:

      淘宝首页全屏切片上传

      然后切换成代码,复制做好后的代码到用户的淘宝的自写义模块中,再给要链接的图片,进行分别链接,保存发布就可以了。

      淘宝首页全屏切片上传教程就分享到这里啦!按照这一份淘宝首页全屏切片上传教程来操作,就可以成功上传淘宝首页全屏切片啦!想要了解更多网店装修相关的内容,可以关注开淘网,好玩有趣的资讯在等着你哦。

      相关推荐:

      旺铺智能版全屏海报怎么做?

      淘宝全屏店招怎么设置?淘宝全屏店招设置教程

      淘宝全屏海报如何切片?如何去掉衔接的空白间隙?

    查看更多相似文章
    发表评论
    昵称
    问答
    网上开店
    淘宝运营
    活动大促
    其他

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