任意拼图法装修自己的淘宝店铺

时间:2012-05-09 11:57 来源:未知 作者:小编 浏览: 1097

教你免费装修自己的淘宝店铺,怎么布局随你自己。我现在教大家的是任意拼图的方法哦,这样店铺装修看起来就不会那么单调了。至于拼图的结构,大家可以任意发挥想象,觉得怎么好看就可以怎么拼哦!

首先,在装修的时候要用到的软件Macromedia Dreamweaver 8和Adobe photoshop cs!下面,我就以一个心形的图片作为例子,很简单的。心形图片是由27张宝贝图片组成的,所以我们要先选取27张宝贝的图片,尽量选好看点的,色彩搭配都要的,宝贝图片大小是82*82的。有的可能会遇到图片截下来会觉得这样太小了,不清楚,建议大家去店铺里面,点击所有宝贝,把宝贝按列表排列,这样的大小正好可以是上面所说的尺寸,切记,每个宝贝的图片尺寸要一致 ,这样拼起来的才好看。好了,废话不多说,上图。

首先打开Macromedia Dreamweaver 8,点击文件-新建

建之后就会出现这样的画面了

然后你就可以开始拼接你想做的图片的哦 !我在这里以心形图为例 。先点击表格

然后会出现这样的场景

根据自己想设计的图片设计下表格宽度。扶植版和标准版的建议设置成750,因为大了在你的店铺也显示不出来的,拓展版的建议设置成950, 不过这次我设置的高度是826,为了防止这个图片变形。设置好了然后点确定,表格就出现了。现在鼠标点击一下表格里面,就出现了下面的情况 。在下面设置好宽度和高度

设置好了表格就变成你设置的那么大了。我喜欢把高度设置成500,这次根据实际情况所以设置成了826,大家也要根据自己图片的实际情况来哦,不然图片变形就达不到我们想装修店铺美化店铺的初衷了 。这个对于任何版本都使用的。设置好了就可以添加事先做好的图片了哦。http://www.tbxt.com/

图片在放进来之前要自己拼接好,想加的一些叙述的字要先做在图片上哦!用美图秀秀和PS都可以。先用鼠标点下表格里面,然后再点添加图片这个图标哦。中间会出现几个对话框,不用管,一直点确定,直到图片在表格里面。http://www.tbxt.com

好了,现在你拼的图片就出现在表格里面了,然后点击矩形图框添加热点,也就是你做的宝贝给它添加链接,因为淘宝店铺装修是不能直接这样添加的

然后选取你的宝贝,给它添加宝贝链接

添加过热点后的就是这样的了,那个map可以随意改的,方便自己识别自己做的图片

。有很多宝贝就重复上一步骤给宝贝逐个添加热点,要有耐心哦!

我的已经都加完了,你的呢?还没有的要加油哦!热点加完后,先把拼好的图片上传图片空间哦,这个大家都会的就不用我说了吧!上传好了把链接复制过来

然后在这里用刚才复制的链接代替掉哦!

这一步很关键的哦!一定要仔细 。下面是代替好了的图

然后你就可以把这里代码全部复制下,在淘宝店铺装修里面新建一个自定义内容,用hs编码把这些代码放进去,然后点发布就大功告成了哦!

觉得本文有用?

精彩评论

推荐阅读

  • 淘宝店铺装修在线制作

    很多新手朋友对ps并不是很懂,或者说一窍不通,那么想制作一些自己的店招,分类,店标等等怎么办呢?淘宝学堂装修...

  • 如何让店铺视觉直接提升销售额

    最近碰到很多的卖家都在纠结自己的店铺视觉,总感觉自己的店铺风格不是自己需要的,我发现很多店主还是在凭自己的...