设计淘宝首页

很多网站原创素材下载是有收入的，自己的原创作品随手传了就是钱。比如千图网等，你去网上搜一搜，每周给自己留出时间来上传作品。淘宝等网站有很多商户需要图片修改，软件熟练度高的话赚钱很快，但是有些客户要求会排版，所以建议学习一点排版相关的知识，这样的或网上一大把，去招聘网站上就能找到联系当地的印刷厂和广告公司了解一下价格，在网上开店做印刷品广告宣传品的销售。这个渠道很多需要你善于利用资源，现在的平台有淘宝 京东 微店等等，多在网上看看相关的网站和帖子积累客户

1、打开记事本把这代码复制粘贴在内做准备，也可用直接店铺装修的自定内容区。为了更好的看效果这用记事本。<div style="height:600px;margin-top:0px;margin-bottom:0px;margin-left:0px;margin-right:0px;"><div class="footer-more-trigger" style="left:50%;top:auto;border:none;padding:0;"><div class="footer-more-trigger" style="left:-960px;top:auto;border:none;padding:0;"><a href="连接地址" target="_blank" style="width:1920px;height:600px;display:block;"> <img src="图片链接地址" style="border:none;" /></a></div></div></div>2、现在修改代码链接地址，到卖家中心复制商品链接地址粘贴覆盖链接地址。再到空间复制海报链接地址覆盖图片链接地址，复制好待用。3、进入店铺装修添加个自定义内容区。4、添加完成后点击编辑，在显示标题选择不显示。点击<>编辑源代码，将复制好的代码粘贴里面，点击确定完成。5、最后再介绍一下代码位置与修改。海宽用1920px。高度400到600像素不等。修改代码高要和海报图片一样。6、再看一下自定义内容区高度设置效果对比。7、一切设置好，预览没发现问题，就点击发布。

上传步骤：将做好的店招文件用dw打开；登陆自己的淘宝后台（卖家中心——图片空间），将店招图片传上去；复制图片地址链接，将dw里面的店招图片源文件地址换成刚刚复制的这个地址；打开自己的淘宝店，然后复制导航里面的地址；回到dw里面，利用区域热点链接的方式开始为导航条插入超链接；复制dw中所有的代码；打开淘宝后台（卖家中心——店铺装修），将鼠标放到店招模块，点击编辑；然后选择代码，将刚才复制的代码放进去。点保存就好了。

只讲淘宝店铺首页，独立网站不适合。两者的区别就是淘宝店铺首页对绝大部分店铺来说不是访客的首访页面！对访客来说，他们已经在宝贝详情页浏览了宝贝、关联宝贝、促销活动，到首页来，我们应该给上帝展现些什么？ 我把自己对美工设计首页的要求分成两部分（偶不是美工，偶是运营）：一：大体突出品牌或产品档次、店铺促销，提高信任感。这个不须多说。分流，引发第二次点击。首页展示的宝贝太多会提高访客的停留时间，但这不是个好数据，这个停留时间实际上是访客的选择成本。选择成本越高转化率越低，同样点击率也越低，统计显示很少有访客会点计more，不管是淘宝店铺还是独立网站。我们应该简单的给顾客展现出店铺产品的主要分类，按风格、空间或者品牌，让访客去分类页浏览该分类的全部产品。记住，一旦你把所有宝贝都展示出来，访客往往就有兴趣全部浏览完毕，生怕错过什么好东西，这是每个访客的通病。而首页是无法展现全部宝贝的。照顾两种客户。一种是随便看看的（促销对他很重要），一种是有明确目标的（分类导航对他很重要）。这就要求首页排版布局要兼顾到两种访客，不再赘述。二：技巧锚点。首页把店铺最贵的一两个宝贝展现出来，没销量就刷几笔，没贵的就上架几个。展现这些宝贝不是为了要卖他们，而是要影响访客心理的预期。一个400元的包怎么卖？要是跟竞争店铺比是没有价格优势的。我们要让访客跟我们店铺其它的宝贝比。闭上眼睛想象一下，你进一个卖包的店，400元的包贵还是便宜？要是它旁边的宝贝就是70、80元，它就贵的离谱。要是它旁边的都是一两千的呢？甚至还有上万的包，你会怎么想？这店铺产品的档次很高、店家很有实力，关键是突然感觉400元的包真实太便宜了，这个店铺里1000多的包都有人买，我只买400元的不会冒多大风险,买不起1000多的我还买不起400元的吗？不能太委屈自己了。 呵呵，我们要的就是这种效果！首页产品标题优化。如果你真要罗列很多宝贝，好吧，但拜托不要用那种直接调去产品的模块，太难看、难分辨、难上档次！ 嘿嘿~~

我可以教你，不是靠和背景拼接做的，只有店招才靠拼接。。。内容是通过浮动代码实现的，是一整张海报浮在上面的。我下面这段是天猫用的代码：<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”可以量下偏了多少，再加上去。。。如果没这工具，就多加几次，慢慢试。。。一点一点往上加，使其浮动过去。