首页 网店学院 网店资讯 网店问答 专栏 店铺装修 拼多多入驻 虾皮入驻 推广返佣
    TOP
    甩手网 > 网店学院 > 网店装修 > 装修教程

    最精致店铺首页装修教学(一)

    2015-04-23 15:30:26 人气:4717

    淘宝首页装修可以说是整个视觉营销过程中非常重要的一个环节,作为卖家千万不可小视。

    从卖家进店的第一时间看到就是我们店铺首页装修,产生的第一印象好坏这都取决于店铺首页装修。有些卖家喜欢这边加点东西,那边加点flash,其实简洁的装修未必就不好。当然我们也针对自身商品行业,这些都取决于用户的爱好。其实我们做好首页的装修就是为了满足顾客的购物体验,满足了顾客自然满足了淘宝官方,那销量还会低吗?

    淘宝店铺首页装修的格式一般有两种:

    其一是用全屏海报一张一张往下拼接成的,其二是用后台自带的950宽度的自定义模块结合固定背景来做的,现在我们就先来讲解第一种:

    非常简单的精致店铺首页装修教学 1

    1)来到ps里面,新建一个宽度为1920,高度不限(尽量搞大点)的画布,我建的是1920*10000的画布,然后在画布里面设计我们的首页内容,比如下面图就是我的首页。

    非常简单的精致店铺首页装修教学2

    2)切片存储为web格式,右键可以缩小来看,用切片选择工具全选,保存为JPEG,最佳。

     

    非常简单的精致店铺首页装修教学 22非常简单的精致店铺首页装修教学3

    3)点击储存,出来另一个对话框(将优化结果存储为),保存在桌面,格式注意,一定要为仅限图像

    最精致店铺首页装修教学(一)4

    4)然后点击保存即可,桌面会有,一个image文件夹,有就对了,没有的话就说明你保存的不对

    5)Image文件夹里面放的就是切片的各个图片

    6)把这些图片上传到图片空间

    最精致店铺首页装修教学(一)6

    7)全屏图片拼接的方式是要用到代码的,所以要用到dw软件

    8)打开dw软件,点击HTML,点击拆分

    最精致店铺首页装修教学(一)7

    9)在<body></body>之间插入我们的单张全屏代码

    <divstyle="height:500px;">
    <divclass="footer-more-trigger"style="left:50%;top:auto;border:none;padding:0;">
    <divclass="footer-more-trigger"style="left:-960px;top:auto;border:none;padding:0;">
    <ahref="#"target="_blank"style="width:1920px;height:500px;display:block;">
    <imgsrc="图片链接"border="0"alt="全屏海报"/></a></div>
    </div>
    </div>
    </div>

    10)左边代码区域插入代码,相应的右边会有图片区域出来

    最精致店铺首页装修教学(一)8

    11)点击图片区域,把底下的源文件替换成自己空间的图片地址

    最精致店铺首页装修教学(一)9

    12)查看空间里面这张图片的尺寸,鼠标双击即可

    最精致店铺首页装修教学(一)10

    13)他的尺寸为1920*720的,我们的代码宽度为1920,但是高度为500的,所以要修改

    14)把代码里面的两个地方的500改为720即可

    最精致店铺首页装修教学(一)11

    最精致店铺首页装修教学(一)12

    15)尺寸改完了,现在给图片做链接,既可以在源文件下面的链接上设置,也可以用热点链接工具做链接

    最精致店铺首页装修教学(一)13

    16)做好后把我们的单张全屏代码选中,复制。

    最精致店铺首页装修教学(一)14

    17)在</div></body>之间粘贴

    最精致店铺首页装修教学(一)15

    最精致店铺首页装修教学(一)16

    18)接下来的操作跟上面的一样,改源文件地址,改尺寸,做链接,以此类推,直到把首页切片的几张全部做完

    最精致店铺首页装修教学(一)17

    19)把代码全选复制,来到店铺装修,添加一个自定义模块,点击不显示,点源码,把代码粘贴进来,再点击源码,点确定即可

    最精致店铺首页装修教学(一)18

    20)最后预览发布即可。

    最精致店铺首页装修教学(一)19

    第一种格式我们应该学会了吧,下面还有第二种格式的装修教程噢!

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    淘宝店铺装修

    淘宝店铺装修

    网店装修对于卖家来说就是通往销量的门,核心在于促进交易的进行。 良好的店铺装修能够给买家很直观的视觉体验和心理作用,进一步获得更优质的客户源和转化率,是我们经营店铺的一大利器。本专题让你能够学到从新手到...

    详情>>
    淘宝实用工具
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业QQ 800055007
    • 白班咨询电话(9:00-18:00):
      0755-26470437/26470392
      晚班咨询电话(18:00-22:00):
      18926581976/18926585976
    • 客服上班时间:
      周一至周五9:00--22:00,周末9:00--17:00
      (除法定节日以外,其他不在线时间请留言,
      我们看到后会第一时间回复您!)
    • 甩手网投诉电话:0755-26470437/26470392转621

    关注公众号

    Copyright ©2010-2020 深圳市华通易点信息技术有限公司 - 甩手网 All Rights Reserved.[粤ICP备12028137号]

    粤公网安备 44030502000916号

    关闭
    在线客服
    投诉建议