淘宝首页设计

你好，淘宝集市店铺呢，你要看下自己现在应用的模板，根据模板建立相应的尺寸，如果你是新店是赠送的旺铺的话，主页海报宽度是950像素，高度不限，店招宽度是950高度是120，宝贝详情页面宽度是750像素，高度不限（一张图片不能大于5M，如果过大要记得切开哦）

我可以教你，不是靠和背景拼接做的，只有店招才靠拼接。。。内容是通过浮动代码实现的，是一整张海报浮在上面的。我下面这段是天猫用的代码：<div class="J_TWidget" data-widget-type="Tabs" style="height:600px;overflow:hidden;background:none;"><div class="sn-simple-logo" style="width:1920px;height:600px;top:auto;padding:0px;border:none;left:50%;"><div class="sn-simple-logo" style="width:1920px;height:600px;padding:0px;border:none;left:-960px;"><div style="height:600px;width:1920px;overflow:hidden;padding:0px;margin:0px;top:auto;padding:0px;border:none;left:50%;border:none;left:-960px;"><img src="http://img04.taobaocdn.com/imgextra/i4/1726660174/T2g5RFXBVaXXXXXXXX_!!1726660174.jpg" border="0" width="1920" height="600"></div></div></div></div>——————————————————————————————————————————以下是淘宝用的：<div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'contentCls': 'fullScreenPosters','navCls': 'bbs-nav','effect': 'fade','autoplay': false,'circular': false}">    <div style="width:1920px;height:550px;overflow:hidden;" class="fullScreenPosters">        <div style="width: 1920px;left: -485px;">                         <!--这里放置你的图片-->                     </div>    </div>    <div style="display:none;" class="bbs-nav"></div></div>——————————————————————————————————————————满意的话请不要忘了点击答案下的“选为满意答案”采纳我的答案哟。顺便点击一下答案旁的“小手”顶一下，赞同我一票吧!如果采纳的话你还可以获得5个财富呢！O(∩_∩)O谢谢！————如有代码使用问题，请。好的 如果成功我还会给你追加送分 我是在淘宝上试的 这个代码是放那个位置？ 导航条 自定义区？ 自定义区,我测了下，代码没问题。还有一点注意一下，你做首页图时，大图也得切成节，不然加载很慢。多建几个自定义区拼起来。 我试了 还是不行。。。不知道是不是我弄错了 如果照抄你的代码 显示不出图片 这一段 是不是要加什么？ <!--这里放置你的图片--> 换上这个<img src="http://img03.taobaocdn.com/imgextra/i3/58756068/T2rF10XFdaXXXXXXXX_!!58756068.jpg"> 可以现实图片 但是没有全屏效果 在装修界面看不是全屏的，你发布一下就全屏了，可以看我上面发的测试图。你的代码没加错，预览或者发布一下试试。 左边是我按照你的代码弄 右边是之前弄的背景     你看是不是代码有问题  偏移的太厉害了、?  你是买的设计师模板吧，设计师模板加了网页样式的，对代码会有影响。我再看看。你把left: -485px改成正的，再微调。。。如果你有屏幕尺子“faststone capture”可以量下偏了多少，再加上去。。。如果没这工具，就多加几次，慢慢试。。。一点一点往上加，使其浮动过去。

⑴普通店铺：　　店标：100像素×100像素，　　公告：大约在400×200左右（即使装修后的公告高度大于200像素，也只是在公告框里滚动）而且公告必须是滚动的。　　分类按钮：（旺铺和普通店铺通用）宽度最大160，高度不限，个数不限。　　宝贝描述模板：只能用宽版的，宽为950像素，高不限制。 　　⑵旺铺：　　店招：最大尺寸为宽950像素、高150像素。　　促销区：宽度最大为740像素，高度不限。但是为了页面的美观，一般都会把高度控制在500像素内。　　分类按钮：（旺铺和普通店铺通用）宽度最大160，高度不限，个数不限。　　描述模板：宝贝描述模板分为宽版和窄版，高度不限。 普通店铺只能用宽版（950像素）；旺铺可用宽版也可用窄版（740像素）　　左侧模块（收藏模块）：宽度最大为190，高度不限。　　右侧模块：宽度最大为750，高度不限。　　自定义页面：宽度最大为740，高度不限。 　　各类图片尺寸：　　一、普通店铺：　　店标：大小：宽100像素，高100像素图片直接上传在管理我的店铺—基本设置—店标—浏览要求：图片的格式为jpg或gif,不支持FLASH格式　　旺旺头像（名片）：大小：宽120像素，高120像素图片直接上传在管理我的店铺—个人空间—修改资料—头像—浏览要求：图片的格式为jpg或gif,不支持FLASH格式　　店铺公告：图片大小：宽480像素，高不限制要求：可连接相册或空间图片，可放置html公告代码　　店铺分类：图片大小：宽150像素，高不限制要求：可连接相册或空间里的分类图片，可直接输入汉字宝贝描述摸板：总体宽度：宽为940像素，高不限（注意：不要从word里面copy文字到编辑器里，容易出现丢失的现象）淘宝上传宝贝图片大小：宽为500像素内为易，大小不要超过 　　二、淘宝旺铺：　　店招：大小：宽950像素，高120像素，大小不要超过80KB图片直接上传在管理我的店铺—基本设置—店招—浏览要求：图片的格式为jpg或gif,不支持FLASH格式 　　促销区：大小：宽736像素，高500像素图片或代码放置在—管理我的店铺—基本设置—宝贝描述要求：插入的图片的格式为jpg或gif,支持html代码，不支持FLASH格式（注意：不要从word里面copy文字到编辑器里，容易出现丢失的现象）　　店铺公告：图片大小：宽480像素，高不限制要求：可连接相册或空间图片，可放置html公告代码　　店铺分类：图片大小：宽150像素，高不限制要求：可连接相册或空间里的分类图片，可直接输入汉字。　　旺铺宝贝描述窄版模板：模板（或图片）的宽不超过710像素，高不限制。（注意：不要从word里面copy文字到编辑器里，容易出现丢失的现象）　　旺铺自定义页面：模板（或图片）的宽不超过740像素，高不限制。　　旺旺头像图片尺寸：宽120*高120像素，大小在100KB以内，格式为JPG或GIF，动态或者静态均可。　　论坛头像图片尺寸：最大为宽120*高120像素，大小在100KB以内，GIF或者JPG格式，动态或者静态图片均可。上传方法我的淘宝-个人空间-修改资料-上传新头像。

我可以教你，不是靠和背景拼接做的，只有店招才靠拼接。。。内容是通过浮动代码实现的，是一整张海报浮在上面的。我下面这段是天猫用的代码：<div class="J_TWidget" data-widget-type="Tabs" style="height:600px;overflow:hidden;background:none;"><div class="sn-simple-logo" style="width:1920px;height:600px;top:auto;padding:0px;border:none;left:50%;"><div class="sn-simple-logo" style="width:1920px;height:600px;padding:0px;border:none;left:-960px;"><div style="height:600px;width:1920px;overflow:hidden;padding:0px;margin:0px;top:auto;padding:0px;border:none;left:50%;border:none;left:-960px;"><img src="http://img04.taobaocdn.com/imgextra/i4/1726660174/T2g5RFXBVaXXXXXXXX_!!1726660174.jpg" border="0" width="1920" height="600"></div></div></div></div>——————————————————————————————————————————以下是淘宝用的：<div class="J_TWidget" data-widget-type="Carousel" data-widget-config="{'contentCls': 'fullScreenPosters','navCls': 'bbs-nav','effect': 'fade','autoplay': false,'circular': false}">    <div style="width:1920px;height:550px;overflow:hidden;" class="fullScreenPosters">        <div style="width: 1920px;left: -485px;">                         <!--这里放置你的图片-->                     </div>    </div>    <div style="display:none;" class="bbs-nav"></div></div>——————————————————————————————————————————满意的话请不要忘了点击答案下的“选为满意答案”采纳我的答案哟。顺便点击一下答案旁的“小手”顶一下，赞同我一票吧!如果采纳的话你还可以获得5个财富呢！O(∩_∩)O谢谢！————如有代码使用问题，请。好的 如果成功我还会给你追加送分 我是在淘宝上试的 这个代码是放那个位置？ 导航条 自定义区？ 自定义区,我测了下，代码没问题。还有一点注意一下，你做首页图时，大图也得切成节，不然加载很慢。多建几个自定义区拼起来。 我试了 还是不行。。。不知道是不是我弄错了 如果照抄你的代码 显示不出图片 这一段 是不是要加什么？ <!--这里放置你的图片--> 换上这个<img src="http://img03.taobaocdn.com/imgextra/i3/58756068/T2rF10XFdaXXXXXXXX_!!58756068.jpg"> 可以现实图片 但是没有全屏效果 在装修界面看不是全屏的，你发布一下就全屏了，可以看我上面发的测试图。你的代码没加错，预览或者发布一下试试。 左边是我按照你的代码弄 右边是之前弄的背景     你看是不是代码有问题  偏移的太厉害了、?  你是买的设计师模板吧，设计师模板加了网页样式的，对代码会有影响。我再看看。你把left: -485px改成正的，再微调。。。如果你有屏幕尺子“faststone capture”可以量下偏了多少，再加上去。。。如果没这工具，就多加几次，慢慢试。。。一点一点往上加，使其浮动过去。

淘宝首页的图片若是通栏的话，是1920X500。不是通栏的话是950X500，其实，高度自定。根据自己的要求了。

淘宝店铺的板块如下图；用户可以对板块进行相关的设置，如移进或移除等操作。

你说的首页设计应该就是店铺装修吧，装修其实没多少钱啊模板市场里面有按月收费的，最便宜5元，贵的30的都有更高的如果你想学的话，先梳理和了解每个模块，新手就弄模板凑合一些

淘宝手机端页面制作一般是640像素的 不是608么？ 不是啊，我做手机端的页面设计都是640的

根据店铺和产品的风格 定制设计的话 是根据首页设计的内容的多少来定的 一般天猫最少在 一千以上