淘宝全屏海报制作教程-淘宝如何做连续的全屏海报

问题一:淘宝全屏海报切片上传 30分 一、切片上传操作需要用到两个软件Photoshop和Macromedia Dreamweaver 8。如果没有的可以自己到网上去下载。

二、上传方法:

1、首先用户要先制作或者选择一张图片来进行下面的操作。

2、接下来在PS中打开这张图,选择切片工具对图片进行切片处理。

3、切片处理后的效果。

4、被切成了4块,然后点文件-“储存为Web和设备所用格式”文件格式选择PNG-8,点存储后,保存类型要选择html格式。

5、再用PS中的裁剪工具,把切片的切成的4片分别裁剪成4个单独的个体,以JPG格式保存。

6、裁剪好以后,要把这4个图片上传到用户的淘宝空间中去。等下要复制代码。

这时PS的制作就全部完成了。

打开Macromedia Dreamweaver 8软件

然后在软件中打开刚刚我们保存制作的,00文件。

7、如果用户打开的是代码的话,点一下左上角的设计,就会变成图片了,图片看上去还是一个整体,其实,已经被我切成了4块了,你点在图片上就可以看到了。把鼠标点在第一块切片上,在左下角会显示出图片的宽和高,你要记住。然后按下删除键(Delete)把原图片删除。在下面输入刚刚记住的宽高。

8、做完这一步后,在点左上角的代码,切换到代码。会发现第一块切片的代码,已经被删除了。我要复制过一个新的淘宝空间的图片代码进去,不然你传到淘宝图片也显示不出来。

9、四个切片都是这样操作。对应的图片要选择对应图片复制代码。最后效果如图:

然后切换成代码,复制做好后的代码到用户的淘宝的自写义模块中,再给要链接的图片,进行分别链接,保存发布就可以了。

问题二:求助,淘宝店铺首页海报做好了不知道怎么上传 你现在是买了装修模板的,对吧??

你的淘宝店铺是专业版还是基础版的,如果是基础版的话,淘宝主页海报的宽度只能是750的哦,如果你的事专业版的,主页海报的尺寸是950的,当然有些装修模板可以放置全屏的海报,你现在点击装修店铺后,找到左边的主页装修,添加一个模块,上传图片就可以了,然后可以双击图片,添加宝贝链接哦、、、你试试看,不懂得话,继续找我。。。祝你好运

问题三:淘宝首页全屏海报图怎么设置 登录淘宝账号-已卖出宝贝-装修店铺-可以设置。但是如果你购买的模板不支持全屏的话,是没办法使用全屏海报的哦,希望能帮到你,望采纳

问题四:淘宝这个模版怎么上传海报?我上传了好几次了 都不行 不显示 图片地址有误的!请在千牛云盘里上传图片地址!不要上传图片代码!理解嘛!你把鼠标放在图片上面就会显示代码与地址的!复制图片地址就可以显示了!

问题五:淘宝全屏海报模块是不是一定要买模板才能添加 不用,你直接建立一个自定义模板

直接把下面代码的文字去掉换成你图片的信息就可以了,请采纳

问题六:淘宝全屏海报切片后怎么上传? 5分 可以用也可以不用,主要你要看懂代码就可以了!需要代码给我讲一下

问题七:淘宝首页做出来的全屏海报超出屏幕!怎么让海报能自动适应屏幕的?? 50分 1、打开记事本把这代码复制粘贴在内做准备,也可用直接店铺装修的自定内容区。为了更好的看效果这用记事本。

2、现在修改代码链接地址,到卖家中心复制商品链接地址粘贴覆盖链接地址。再到空间复制海报链接地址覆盖图片链接地址,复制好待用。

3、进入店铺装修添加个自定义内容区。

4、添加完成后点击编辑,在显示标题选择不显示。点击编辑源代码,将复制好的代码粘贴里面,点击确定完成。

5、最后再介绍一下代码位置与修改。海宽用1920px。高度400到600像素不等。修改代码高要和海报图片一样。

6、再看一下自定义内容区高度设置效果对比。

7、一切设置好,预览没发现问题,就点击发布。

问题八:淘宝首页可以全屏图吗还有全屏海报咋弄 你可以用下码工助手,一个可以做全屏的编辑器

问题九:淘宝店铺海报放在哪个模块?自定义海报怎么上传? 如果是950的,你放自定攻或者图片轮播都可以。

我想你说的应该是全屏海报吧,

看到很多人都说用代码来加,其实本人一直很反对,因为新旺铺本身没有这个功能,出来卖的装修模版之外,自己添加的那些代码一般都会出现后遗症,像显示不正常,神马的。

如果只是一张海报的话

一直建议大家用拼图的方法来做

海报做好之后在顶部加上店招和导航的150个像素。因为当做背景上传时如果不加这150,海报就会整体上移,被店招和导航盖住一部分。

接着裁切950的模块, 这个模块和导航之间还有10像素 就是图片上红色的那部分,这个10像素是要留在海报上的,只裁切白色的部分,如果你把那10像素也一块带上了,就会错位哦。

两边的部分要在一张图片上当做背景上传

问题十:淘宝全屏海报怎么做? 第一种方法

买个装修模板,里面有带有全屏海报,很方便,只要按模板的大小做个海报装上就可以了,一般宽是1920,不过要是你要自己编代码的话,会很麻烦,你可以淘宝上买一个这块的代码,很便宜的几块钱,或者请人帮你做一个~~

第二种方法

准备好一张海报 然后截取中间一部分,间留990像素,两边做样式背景,PS保存网页模式大小在200K以内。背景头部要遇留店招的空白;长度为950px,高度不要超过淘宝限制高度,然后用自定义模块或图片轮播把图片添加进去,并设置好链接,然后把海报剩余的部分做为背景图片,这样就可以展现出全屏的海报了.。

灵猫电商~~

装修方法步骤如下:

1,进入装修后台的图片空间,将你选择要轮播的海报上传上去。

2,打开之前在网上下载的那段轮播海报代码。

选择编辑——替换,将原代码中的500全部替换为海报高度,然后将这段代码复制下来。

3,进入店铺装修页面,在主屏的第一屏海报位置新建一个自定义页面,点击,切换到代码模式。

4,将之前复制的那段代码黏贴上去。找到代码中的图片链接部分。

5,再次进入图片空间,将大图海报的链接地址复制下来。替换到原来的代码的图片链接位置。

6,代码都改完之后,按回到图片模式,这时候会发现什么图都看不到。不用担心,点击预览或者发布,就能看到全屏轮播海报效果啦。

附上全屏轮播海报代码:

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'contentCls':'piao1365065449925fu'}" data-widget-type="Tabs">

<div class="piao1365065449925fu" style="height: 500px;">

<div class="J_TWidget" data-widget-config="{

'contentCls': 'slide-kun1365065449925content',

'triggerCls': 'slide-kun1365065449925triggers',

'navCls': 'slide-kun1365065449925triggers',

'triggerType': 'mouse',

'effect': 'scrollx',

'prevBtnCls':'prev',

'nextBtnCls':'next',

'steps': 1,

'autoplay': true,

'viewSize':[1920],

'circular': true

}" data-widget-type="Carousel" style="margin: 0px; padding: 0px; left: -180px; top: 0px; width: 1920px; z-index: 10;">

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

<div class="prev" style="width: 90px; height: 90px; float: left;">

<img data-ks-lazyload="

!!" /></div>

<div class="next" style="width: 90px; height: 90px; margin-left: 950px;">

<img data-ks-lazyload="

!!" /></div>

</div>

<div class="first1365065449925trigger" style="margin: 0px; padding: 0px; width: 1920px; height: 500px; overflow: hidden;">

<ul class="slide-kun1365065449925content" style="margin: 0px; padding: 0px; width: 1920px; height: 500px;">

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

<li style="margin: 0px; padding: 0px; width: 1920px; height: 500px; list-style-type: none;">

<a href="

/?&&scene=taobao_shop

" style="margin: 0px; padding: 0px;" target="_blank"><img border="0" data-ks-lazyload="

!!" height="500" width="1920" /></a></li>

</ul>

</div>

<ul class="slide-kun1365065449925triggers" style="margin: 0px; padding: 0px; display: none;">

<li>

</li>

<li>

</li>

<li>

</li>

<li>

</li>

</ul>

</div>

</div>

</div>

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、一切设置好,预览没发现问题,就点击发布。