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

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

作者: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

相关教程

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

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

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

    人气:30571
  • 时尚女鞋 米色暖黄 女鞋精品淘宝模板

    时尚女鞋 米色暖黄 女鞋精品淘宝模板

    人气:31597
  • 时尚简约 瀑布流 装饰家居淘宝模板

    时尚简约 瀑布流 装饰家居淘宝模板

    人气:35416
  • 香水珠宝 高贵雅致 化妆健美淘宝模板

    香水珠宝 高贵雅致 化妆健美淘宝模板

    人气:38793
  • 春天衣橱 精品酷黑 潮流男装淘宝模板

    春天衣橱 精品酷黑 潮流男装淘宝模板

    人气:59832
  • 双十一 淘宝活动促销模板 潮流女装

    双十一 淘宝活动促销模板 潮流女装

    人气:33016
  • 复古欧美 胶片暗青 创意灯饰淘宝模板

    复古欧美 胶片暗青 创意灯饰淘宝模板

    人气:1
  • 绚丽欧美 高端深蓝 母婴用品淘宝模板

    绚丽欧美 高端深蓝 母婴用品淘宝模板

    人气:38794