淘宝首页全屏切片上传怎么操作?做好了淘宝首页全屏切片,下一步就是进行淘宝首页全屏切片上传,有一些新手不知道怎么进行淘宝首页全屏切片上传,为此开淘小编整理了淘宝首页全屏切片上传教程,帮助大家成功上传!
一、淘宝首页全屏切片上传操作需要用到两个软件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、四个切片都是这样操作。对应的图片要选择对应图片复制代码。最后效果如图:
然后切换成代码,复制做好后的代码到用户的淘宝的自写义模块中,再给要链接的图片,进行分别链接,保存发布就可以了。
淘宝首页全屏切片上传教程就分享到这里啦!按照这一份淘宝首页全屏切片上传教程来操作,就可以成功上传淘宝首页全屏切片啦!想要了解更多网店装修相关的内容,可以关注,好玩有趣的资讯在等着你哦。
相关推荐:
旺铺智能版全屏海报怎么做?
淘宝全屏店招怎么设置?淘宝全屏店招设置教程
淘宝全屏海报如何切片?如何去掉衔接的空白间隙?