淘宝店铺首页怎么切片装修?淘宝ps切片装修教程 |
您所在的位置:网站首页 › ps切片工具制作网页怎么弄 › 淘宝店铺首页怎么切片装修?淘宝ps切片装修教程 |
淘宝店铺首页怎么切片装修?很多淘宝店为了能把首页装修得更大气漂亮会采用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 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |