公告:唯艺客户端火爆上线,模板自动安装,国际安全认证~
马上注册,领取百套精美模板(永久免费) 个人中心 | 下载客户端 | 客户服务 | 登录 | 注册
您所在的位置:淘宝装修教程 > 淘宝模板制作教程

简单快速的淘宝店铺装修模板切片步骤(二)

作者:bj-lsz 2015-11-23 03:28:10
        在简单快速的淘宝店铺装修模板切片步骤(一)中,唯艺已经给大家介绍了图片处理的PS阶段,接下来唯艺将和店家们介绍Dreamweaver软件中操作步骤,废话不多说,现在,就随唯艺一起进入简单快速的淘宝店铺装修模板切片步骤(二),看看淘宝店铺装修模板的其它步骤吧!

简单快速的淘宝店铺装修模板第二步:

        PS阶段完成后,就将切片图片保存桌面,会得到一个存有切片图片的image文件夹,再将该文件夹的淘宝店铺装修模板切片上传到店铺的图片空间即可。


简单快速的淘宝店铺装修模板第三步:

        同时image切片文件夹里也会有一个HTML文件,鼠标右键选择用TXT记事本或Dreamweaver软件,如下图所示:

        打开HTML后,将body之间的内容复制(下面会用到),如下图所示:

        在淘宝店铺装修模板的编辑后台,新建一个自定义的内容,并选择源代码模式,将前面复制的代码粘贴到这里

简单快速的淘宝店铺装修模板第四步:

        粘贴代码后,还没完,店家会发现这些切片全部是裂开的情况,原因是:这些源代码引用的还是本地图片的链接地址。

        这时,需要返回到编辑内容的窗口,鼠标左键双击打开裂开的图片,如下图所示:

淘宝店铺装修模板切片图片,需要注意以下三点内容:

        1)复制宝贝详情页的切片地址到要链向的位置;
        2)图片空间中的链接地址需要复制图片原地址;
        3)勾选要替换的切片八张图片才能在新窗口中显示出来。
        完成以上后,店家就可以预览淘宝店铺装修模板操作后的效果了。

        唯艺补充一下,使用淘宝店铺装修模板切片图片的益处有:一是能替换掉单一图片中宝贝;二是能提高页面的打开速度,增加买家的体验感。唯艺给店家们介绍的简单快速的淘宝店铺装修模板切片步骤(二)就到这了。


        本文出自唯艺网店装修平台(www.weiyi5.cc),转载请注明出处!

0

相关教程

懒人专区:淘宝模板-免费安装查看更多>

  • 家居首饰淘宝模板 新秀系列 高雅背景

    家居首饰淘宝模板 新秀系列 高雅背景

    人气:34730
  • 日用杂货 清新简约 生活兴趣网店模板

    日用杂货 清新简约 生活兴趣网店模板

    人气:45643
  • 好茶汇聚 素雅浅色 食品保健淘宝模板

    好茶汇聚 素雅浅色 食品保健淘宝模板

    人气:30571
  • 至简大牌 全屏轮播 女装服饰淘宝模板

    至简大牌 全屏轮播 女装服饰淘宝模板

    人气:40580
  • 活力欧美 帅气男装 服装配件淘宝模板

    活力欧美 帅气男装 服装配件淘宝模板

    人气:40233
  • 淡雅浅黄 简约风尚 女装女鞋淘宝模板

    淡雅浅黄 简约风尚 女装女鞋淘宝模板

    人气:48805
  • 英伦雅致 潮流鞋靴 精品鞋包网店模板

    英伦雅致 潮流鞋靴 精品鞋包网店模板

    人气:57481
  • 活泼绚丽 清新蓝色 户外包包淘宝模板

    活泼绚丽 清新蓝色 户外包包淘宝模板

    人气:39477