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

    淘宝网店首页装修的步骤(上)

    2014-01-03 14:09:42 人气:7484

    首页装修的步骤

    在设计师为我们设计好店铺首页以后,还需要把首页装修到我们的店铺上去,才能达到向客户展现的效果。以下,让我们来了解一下首页装修的基本步骤吧。

    1.布局划分筹备工作

    (1)我们可以将首页划分成:店招,海报,产品宝贝,页尾,四个部分。并通过PHOTOSHOP的切片工具划分切片。我们可以使用辅助线进行精准的划分。然后,通过“存储为web所用格式”存储,我们就得到了四部分独立起来的图片。如下图:

    淘宝网店首页装修的步骤(上)

    淘宝网店首页装修的步骤(上)

    (2)我们整个首页可分为主体部分和背景,主体部分的宽度根据店铺性质的不同而有着差异。一般来说,集市店的主体不可宽度为950像素,而天猫店则为990像素。在后续装修中,我们都需要先将主体部分与背景划分开来,将背景剪裁,留下主体部分,方便进行装修。

    2. 店招切片,上传与拼接技巧

    (1)划分好模块以后,我们先从店招开始装修。通过剪裁,我们得到了店招的主体部分,店招大略可以分为两部分:店铺招牌和导航栏部分。导航栏是主要添加加链接的地方。我们可以按照加链接的需求,对店招进行切片。如下图:

    淘宝网店首页装修的步骤(上)

    (2)完成切片后,我们通过“存储为web所用格式”进行存储,将格式选择为“HTML和图像”,我们就能得到各模块独立的图片与一个HTML网页文件了。

    (3)我们将切好的图片通过上图片空间,然后我们打开刚才的HTML文件,将店招图片的地址按照顺序替换成图片空间的地址。将html代码中的<table>至</table>复制到店铺的店招上,并加上我们需要的链接。

    (4)完成第三步后,我们就得到了主体部分的店招了,但我们的店招是全屏1920像素的,该怎么办呢?我们通过背景拼接达到1920像素的全屏效果。在新旺铺中,店招背景图片的大小限制为200K以内,而1920*150像素的店招,只要我们稍微调节下图片的质量,基本上不会超过这个范围,所以我们可以把整个店招的图片直接当作背景。

    *本站部分文字及图片均来自于网络,如侵犯到您的权益,请及时通知我们删除。联系信息:甩手网
    关注微信
    淘宝实用工具
    关于甩手软件     |     关于我们     |     联系我们     |     服务条款     |     隐私协议     |     用户权限     |     站点地图     |     帮助中心

    甩手客户服务

    • 甩手问答
    • 在线客服:企业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号

    关闭
    在线客服
    投诉建议