如何写论文?写好论文?免费论文网提供各类免费论文写作素材!
当前位置:免费论文网 > 范文百科 > 淘宝新店开张海报图

淘宝新店开张海报图

来源:免费论文网 | 时间:2017-02-07 06:55:28 | 移动端:淘宝新店开张海报图

篇一:怎么制作淘宝店铺全屏海报

淘宝店铺怎么制作全屏海报

淘宝2012旺铺专业版装修,这里是代码,直接套用就可以了,下面是要注意的地方: (淘宝新店旺铺专业版本,在一钻之前都是免费的)

如何做个全屏大图,首先是准备一张大图,代码写的是三张图片,大小为宽19200px,高为600px。

第一步:在买家中心的店铺装修的时候新建一个自定义文件

第二步:进入源码编辑(注意:店家最好装修的时候用IE或者淘宝浏览器,否则其他的浏览器很容易出错)

代码:

<div class="layout grid-m0" data-componentid="231" data-context="bd" data-id="1041995155" data-prototypeid="231" data-widgetid="1041995155">

<div class="col-main">

<div class="main-wrap" data-modules="main" data-width="b950" style="overflow:visible;">

<div data-componentid="5003" data-spm="110.0.5003-1041992425" data-title="派比童装http://pabyboy.taobao.com " data-widgetid="1041992425">

<div class="skin-box tb-module">

<s class="skin-box-tp"></s>

<div class="skin-box-bd clear-fix">

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'tanchudiv'}" data-widget-type="Tabs" style="height:490px;overflow:hidden;">

<div class="tanchudiv" style="height:500px;"><div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;border-top:medium none;top:auto;border-right:medium none;padding-top:0px;left:50%;">

<div class="footer-more-trigger" style="border-bottom:medium none;border-left:medium none;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;border-top:medium none;border-right:medium none;padding-top:0px;left:-50%;">

<div class="J_TWidget" data-widget-config="{'contentCls': 'taobao-kaidian-com','navCls': 'taobaokaidian-com','effect':

'scrollx','easing':

'easeOutStrong','prevBtnCls':'prev','nextBtnCls':'next','autoplay': true,'viewSize':[1920],'circular': true}" data-widget-type="Carousel"><div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[-480,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">

<div class="prev" style="font-size:100px;cursor:pointer;opacity:0.5;">

<span><img

data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/75979125/T2.nOlXbpcXXXXXXXX-75979125.png" title="上一屏" /></span></div></div>

<div class="J_TWidget" data-widget-config="{'trigger':'.ux1920','align':{'node':'.ux1920','offset':[480,0],'points':['cc','cc']}}" data-widget-type="Popup" style="display:none;">

<div class="next" style="font-size:100px;cursor:pointer;opacity:0.5;">

<span><img

data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/75979125/T2d8dTXetdXXXXXXXX-75979125.png" title="下一屏" /></span></div></div>

<div class="ux1920" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;overflow:hidden;padding-top:0px;"> <ul

class="taobao-kaidian-com"

style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;">

<li

style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;">

<span><a

data-attr-replace="[派比童装http://pabyboy.taobao.com]" href="http://pabyboy.taobao.com/?scene=taobao_shop"

style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px;" target="_blank"><img border="0" data-ks-lazyload="http://img04.taobaocdn.com/imgextra/i4/909581750/T2QGuuXwFaXXXXXXXX_!!909581750.jpg" height="500" width="1920" /></a></span></li>

<li

style="padding-bottom:0px;margin:0px;padding-left:0px;width:1920px;padding-right:0px;height:500px;padding-top:0px;">

<span><a

data-attr-replace="[派比童装http://pabyboy.taobao.com]" href="http://pabyboy.taobao.com/?scene=taobao_shop"

style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;padding-top:0px;" target="_blank"><img border="0" data-ks-lazyload="http://img03.taobaocdn.com/imgextra/i3/909581750/T2PmUaXdJbXXXXXXXX_!!909581750.jpg" height="500" width="1920" /></a></span></li>

</ul>

</div>

<div

class="footer-more-trigger" style="border-bottom:medium none;border-left:medium

none;padding-bottom:0px;padding-left:0px;padding-right:0px;border-top:medium none;border-right:medium none;padding-top:0px;left:50%;"> <div

class="footer-more-trigger" style="border-bottom:medium none;border-left:medium

none;padding-bottom:0px;padding-left:0px;width:1920px;padding-right:0px;height:45px;border-top:medium none;top:444px;border-right:medium none;padding-top:0px;left:-960px;">

<ul

class="taobaokaidian-com" style="border-bottom:medium none;text-align:center;border-left:medium none;margin:0px auto;width:1920px;height:45px;border-top:medium

none;border-right:medium none;">

<li

style="line-height:45px;margin:0px

5px;display:inline;cursor:pointer;">

<span><img

border="0" data-ks-lazyload="" height="48" style="border-bottom:#33CCFF 0px solid;border-left:#33CCFF 0px solid;margin:5px 0px;vertical-align:middle;border-top:#33CCFF 0px solid;border-right:#33CCFF 0px solid;" width="186" /></span></li><li

style="line-height:45px;margin:0px

5px;display:inline;cursor:pointer;">

<span><img

border="0" data-ks-lazyload="" height="48" style="border-bottom:#33CCFF 0px solid;border-left:#33CCFF 0px solid;margin:5px 0px;vertical-align:middle;border-top:#33CCFF 0px solid;border-right:#33CCFF 0px solid;" width="186" /></span></li> </ul>

</div>

</div>

</div>

</div>

</div>

</div>

<ul class="ks-switchable-nav" style="display:none;">

</ul>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

代码中的红色字体可替换成自己图片空间的网络连接,注意的是图片的大小事1920*600 px

第三步:保存好代码之后直接发布,记住一定要发布。

发布结果

篇二:淘宝美工知识店铺海报设计的“小窍门”

淘宝美工知识

:店铺海报设计的“小窍门”

作者: 一网学最后更新时间:2016-02-01 14:01:55

小编:起初,我认为熟练的掌握了PS的各种操作之后,做个促销海报之类的小玩意儿是分分钟的

事情,可当我打开PS后,面对这Ctrl+N新建出来的文档,才发现脑袋里一片空白,这种感觉折磨

了我很长一段时间,后来慢慢锻炼,做多了之后,也琢磨出了一些“小窍门”,今天就分享给大

家,希望对新手朋友们有帮助。

原文地址:Zcool

作者:言无忌思无邪

推荐阅读:

网页设计,UI设计,平面设计,淘宝设计师外接单的行情报价! 全国各地设计师薪水曝光!你拖了同行的后腿吗?

猴赛雷:15分钟绘制猴年吉祥物“康康”(布尔运算实例)

【一网学 原创文章 投稿邮箱:2513515697@qq.com】 点击:22关键字: 淘宝美工知识店铺海报设计窍门

篇三:淘宝店装修前搞清楚制作淘宝海报尺

淘宝店装修前搞清楚制作淘宝海报尺

做淘宝想必大家都十分清楚店铺装修的重要性,淘宝店铺装修跟实体店铺装修是一样的,体现着一家店铺的形象气质档次。而我们在店铺装修时就经常需要装修海报,而一个淘宝店中不同页面的用到的海报尺寸是不同并且用标准规范的。下面,小编就详细给大家讲讲不同的页面海报的尺寸需求。

淘宝装修一般分为950PX与750PX两种尺寸

淘宝店铺装修一般有两种尺寸可供选择,一种是950PX,另一种则是750PX。750PX宽度的海报形式主要是放在宝贝详情描述中,用于做主推宝贝的关联营销。而950PX的海报,一般是用于首页展示,这种海报呢对于大卖家相关用到的更多,因为很多人直接找到大卖家的店铺首页才会点到其他宝贝页面,而小卖家基本没有这个实力。

在淘宝海报设计中,750PX宽的海报,高度最小为200,最高为440,以14寸笔记本看的话,200PX高度差不多占去页面近1/5,440PX的海报差不多占去将近一半的屏幕,除此还是以

300PX最高为主。除了这几个尺寸外,宽度有两个海报特殊,分别是 748PX和730PX,但都接近满屏,皆可以采用。

文件太大不利于加载

在做淘宝海报时,小编要提醒各位卖家文件若是占空间越大,图片就越精细,但对网速和买家的电脑就要求比较高,如果一张图片加载太慢买家很容易就跳走了。所以我们在图片文件大小上要有所控制,一般750PX的海报图中,以160K-200K居多,尽量控制这个范围内。

其他一些用到海报设计尺寸及文件大小:

普通店铺店标尺寸:100*100PX<=80K

旺旺名片:120*120PX<=100K

宝贝图片尺寸:500*500PX<=120K

旺铺店招尺寸:950*150PX<=80K

旺铺宝贝描述海报尺寸:宽度<=722PX(窄) 宽度<=922PX(宽),高度随意。普通店铺的宝贝描述尺寸大小没有什么限制,但考虑到显示器的显示尺寸,最好还是掌握在

1000PX以下比较好。

小编说:淘宝店铺需要用到的海报尺寸基本就是以上介绍的这些,各位卖家在进行海报设计和店铺装修之前一定要先搞清楚不同用处的海报尺寸,如果尺寸不对或文件过大和过小的话是相当营销浏览质量得。


淘宝新店开张海报图》由:免费论文网互联网用户整理提供;
链接地址:http://www.csmayi.cn/show/161594.html
转载请保留,谢谢!
相关文章