电商学院

主页 > 电商知识 > 电商学院 >

淘宝高手教你如何玩转旺铺

大多数卖家都想给自个的店肆弄点归于自个的个性的装饰,可是每次在挑选banner的时分,总是觉得标准版和拔擢版太小了,总是把一张好看的图像裁成一条长长的。

我刚开端也是这样,后来经常跑论坛多了,学会了一些美工的根底,如今共享给咱们。期望咱们能够有所收成。

分化过程的图像可能有点多,假如想学的话,耐性的看完吧。

一般旺铺标准版最终作用展现

在发一个拔擢版的作用

确保你看完今后。就算你一点都不会,都敢自个着手操作一下。

一、预备华章(所谓磨刀不误砍柴工)

具体操作如下:图文介绍,不要怕不会,或许你的一小步会变成今后的一大步。

首要需求预备两个软件,

一个是PHOTOSHOP,一个是Dreamweave

需求装饰的话,这两个软件是有必要具有的,并且如今有他们的合集下载。Adobe Design Premium CS3,这儿面包括了一切Adobe的软件。不要怕麻烦,假如想自个能简略弄一下的话,去下载一个装好,今后什么事都能够自个着手操作一下了,我也是从一个菜鸟,自个渐渐的开端实践出来的。

二、图像处置篇(简略的操作,无限发挥出你的创意)

1、翻开,先挑选一张自个喜爱的图像,巨细都没有限制,横竖你觉得适宜你就能够了,装饰出自个的个性来。挑选裁剪东西,把宽度设置变成950px(必定要写px,要不它默许是cm的,那就大的老火了)高度设置变成600px(依据自个的喜好)。

2、把图像完好的裁剪变成950*600的巨细,由于taobao拓宽版以下的banner都是950*150的

3、持续挑选裁剪东西,设置宽度为950px 高度为150px。从上到下依照图像最大规模,裁剪出一个150px高的图像出来。然后咱们点另存为950.jpg,这个950的图像一会在来修正。

4、在历史记录这儿返回到咱们裁剪到600px的那一个过程。

5、如今咱们在裁剪一张950px*450px的图像出来。

6、这次从下面开端拖,就不会和咱们的方才裁剪的150px的图像有重合的当地。

7、接着咱们依照taobao的尺度规矩,裁剪一块750px*450px的图像。由于标准版咱们不能自定义950px这么巨细的,所以就只要把950*450的图像裁剪成2块。

一块是750*450巨细的,另外侧边的那块是200*450的(拔擢版的话就只需裁剪750的就能够了,由于不能自定义侧边,裁剪好750*450的图像后,就点另存为750.jpg)

8、标准版的,把200px*450px的那张图像另存为200.jpg

三、图像装饰篇(美工不会,打字会吧)

9、翻开咱们方才保留的950*150巨细的图像,这个就会作为咱们店肆主页的banner条。咱们在上面简略的写上自个需求的文字,假如想做高档一些的能够到阿里母亲的广告规划里边去自个规划一个。这样能够加上一些另外动画。

10、这儿咱们就例举只是写文字的banner条,加上文字今后,在文字图层点右键,混合选项,随意加点作用。我这儿是加了一个暗影和描边

11、拔擢版的能够越过这一步,或许注册标准版。如今注册旺铺是50元一个月,假如注册一个季度的话是90元。消保的都是30元一个月。标准版的亲们,由于能够自定侧边200px巨细的图像,所以咱们把方才保留的200.jpg的图像翻开到PS里边,进行修正。我这儿就不做杂乱的操作,即是简略的把文字打上。

12、接着咱们把方才保留的750.jpg的图像翻开。在适宜的方位用矩形形状画几个形状出来,形状东西在文字东西的下面。画好的三个形状,咱们留下来写店肆诺言,买家必读,横竖这个你能够自由发挥的。

四、PS切片使用(要点即是这儿)

13、要点的过程,即是ps的切片了,由于有了这个切片,咱们就能够把他作为一个页面代码来操作,那样做什么都很便利了。先挑选切片东西,由于咱们这儿是简略的演示,所以就不会切那么多。

14、把方才咱们写的三个框用切片东西挑选起来,就刚好选到那么巨细就能够了

15、划好了切片今后,右键有一个区分切片,由于咱们这儿刚好是三个,就挑选水平区分为3片

16、假如咱们需求在这上面写上一点布告之类的,咱们也能够在旁边这儿用切片东西齐截块区域出来。

17、做到这一步,咱们基本上对图像的操作就完结了,这时分即是最关键的当地了,请仔细看,咱们把方才切片好的了图像,点“文件”-“存储为WEB和设备所用格局”。有必要是CS以上的版别才能够,由于有人问到我说自个用的7.0版别,没有存储WEB格局这个选项。

18、存储的格局,即是默许的html文件,这是一个页面文件,咱们直接点保留就OK了。

五、DW代码篇

19、这时分咱们会在咱们保留的方位那里看到两个文件,一个是html的这个页面文件,还有一个是images的图像文件,即是方才咱们切片今后,它就会把咱们那张750px的图像区分为许多小张小张的。

20、咱们翻开images这个文件夹,看到有许多张.gif文件名的文件,这样即是正确的。由于咱们方才在旁边还划了一块布告的区域,所以咱们如今能够把这一张图像给删去去,或许在一会的DW里边刺进文本框,为了便利,咱们就删去这个文件。

21、 接下来,咱们翻开Dreamweaver,把方才保留的那个750.html文件翻开,咱们会看到下面这样的显现,然后咱们点保藏本店这儿,会发现他是一个独立。然后咱们在连接那里写上店肆的保藏地址。

22、保藏地址如今十分便利就能够找到了,直接到咱们的店肆,点下最上方自个名字的那里,就会出来一个自个的信息,然后咱们在保藏那个当地点右键,检查保藏的地址。相同的,咱们把诺言评估的地址也仿制下来,放到相应的图像连接里边。

23、接下来,咱们点一下,代码按钮会看到这样写好的代码,千万别发昏,由于你只需修正几个当地就能够了。

咱们能够看到里边有一段这样的

我用蓝色标示的这一段即是咱们方才切片的图像文件,由于咱们用要自定义的代码文件来操作,所以就有必要把这个图像文件上载到网络空间里边去,要不人家怎么可能拜访到你单机上的图像呢。

24、把images里边的悉数图像上载到一个图像空间里边,不要上QQ空间、baidu空间之类的,他们禁止外链了。最佳是使用taobao空间,由于刺进图像和仿制地址最便利。我自个是喜爱FTP空间,只需把文件管理好,操作起来也是比较快的。

25、上载完了图像今后,咱们把图像的地址仿制下来,不必修正文件名,这样会操作快一些,把地址这儿的地址换成咱们网络空间http://最初的地址。留意到这儿咱们会看到一个分隔符的图像,可是只要一个文件,相同的,咱们也把分隔符的地址仿制过来写在的里边。

26、弄好了图像的地址今后,点保留这个代码文件。

六、装饰测验篇

27、翻开我的taobao里边,我是卖家的店肆装饰

28、先点击最上面的banner修正,点阅读上载咱们最开端裁剪出来的那一张950*150的图像点保留。

29、拖到最下面,点击增加模块,拔擢版直接就显现在最上面的那个自定义内容区了,标准版的就需求自个增加两个,一个侧边的,一个右边的。

30、咱们在自定义内容里边不需求写标题,假如写了标题会呈现一个设置的布景底色,影响咱们的全体作用。标准版旺铺的由于在侧边能够修正,所以咱们也要把这个200px*450px的图像上载到图像空间,然后点击增加图像把地址写到里边。

留意:taobao里边一切的图像连接只能写taobao的地址有用,写外部的网站是没有用的

31、修正完了侧边的,咱们就把右边这一个自定义区域修正一下,点击东西里边最终的那个修正HTML源码。把方才咱们保留的那个代码文件仿制进来。弄好了今后在点击一下修正HTML源码,就能够看到显现的作用了。

32、大功告成了,点击发布,就能够保留咱们方才做的这些操作了。

后记:虽然咱们看到我这儿那么多个过程,本来操作起来估量不需求操作5分钟就弄好了,这样的优点是,咱们能够把一张完好的图像让他显现在咱们自个的主页中,能够十分好的展现咱们的主页。不必由于taobao的banner条只要150px的高度而抛弃了许多十分美丽的规划。

附录,自个臭美篇

最终祝福咱们身体健康,这样才有更多的时刻和力气去完结自个的梦想。
版权所有©淘在线电商  www.tmallzx.com 辽ICP备13007270号
公司地址:辽宁省大连市沙河口区西安路君安国际1510 Tel:13654925334  QQ:331758144