爱购论坛

 找回密码
 立即注册
搜索
查看: 3789|回复: 8

[图文教程] 手把手教你扶植版装修成拓展版

  [复制链接]
发表于 2012-9-23 23:07:24 | 显示全部楼层 |阅读模式
相信进来看帖的亲们一定都遇上了装修的问题。好吧!既然来了就不能让你们空手回去。本帖仅限于新手,高手就莫笑了…步入正题…(注意:扶植版的使用期仅限于心级卖家)
先上一张本店的全店截图。

没错你们所看到的的确是扶植版装修而成。它归功于以下两款软件,
Adobe Photoshop 下载地址:http://www.i7gou.com/thread-1672-1-1.html
Dreamweaver 下载地址:http://www.i7gou.com/thread-5156-1-1.html
PS它是一款非常强大的制图工具,可以说淘宝的卖家都离不开它,所以学好它是一门必修的功夫。
首先第一步我们用这个软件做一个950通栏,什么叫做950通栏呢?就是首页最顶部的那张图。它的尺寸是950*150 问:通栏要怎么设计呢?答:如果不懂设计通栏的可以到装修市场购买或者可以将其当作参考设计一个适合自己的通栏。第二步我们要做的是轮播图。什么是轮播图呢?就是你在大店里看到的那种会自动翻页的就叫轮播图。先做好你要轮播的图片,至于轮播图片怎么设计就得靠你自由发挥了。(注意:设计好的图片大小要一样)
然后下面是轮播图的代码只要把里面的代码换下即可。(代码在下面地址打开)
http://www.i7gou.com/thread-720-1-1.html
第三步我们要新建两个图层。如图:
T1DmbKXg8qXXb1upjX.jpg T12Z2QXchXXXaCwpjX.png
接下来我们把要展示的图片扣成纯白底的图片,再把图片的大小修改到一致(注意:图片大小一定要一样)不会抠图的点这里http://www.i7gou.com/thread-5155-1-1.html
把扣好的图片拉进图层加上价格和宝贝名称。
T1xCYKXkdoXXb1upjX.jpg

用同样的方法把其它的图片也处理好,调整好大小并把你的宝贝名称和相关信息做好之后把剩下的空白处剪贴不要。。。。。
图片做好后我们用切片工具将图片切成小图,为我们的宝贝添加超级连接做准备
T1LffPXiFhXXb1upjX.jpg T16aTKXb0qXXb1upjX.jpg

现在我们已经把图片的步骤都完成了,储存为web格式..
T1Hc2QXcxXXXb1upjX.jpg
然后把图片全部上传到你的空间。
T1D.HPXjdbXXb1upjX.jpg

接下来换我们期待已久的DW上场。打开我们刚才做好的图片
T1p96IXb4rXXb1upjX.jpg
点击你所展示的宝贝加入相对应的宝贝连接并选择在新窗口打开。(注意:软件刚打开时是显示代码,你点击下图红框中的设计)
T17bYQXeJXXXb1upjX.jpg

宝贝连接加完后点选如下图中“代码”。红框中无效地址换成有效地址即可
 楼主| 发表于 2012-9-23 23:07:49 | 显示全部楼层
T1wb2OXnBpXXb1upjX.jpg

图片地址全部按顺序替换后把所有代码拷贝起来。回到店铺装修-右侧版点击编辑-源码-最后粘贴上去-发布-查看店铺。大功告成


回帖不在于早晚,期待您的精彩回复!!! 掌柜的在这里衷心祝愿所有的中小卖家能早日成为大卖家
发表于 2012-9-24 12:27:39 | 显示全部楼层
不错,努力学习
发表于 2012-10-25 13:46:13 | 显示全部楼层
不错 啊,呜呜呜
发表于 2012-11-13 09:21:19 | 显示全部楼层
工具报毒。。
发表于 2012-11-13 15:56:16 | 显示全部楼层


精辟啊!!太正确啦!
发表于 2012-11-18 21:51:47 | 显示全部楼层
学到了不错 的知识
发表于 2012-11-26 15:00:38 | 显示全部楼层
真是好人啊~~











t.ifeng.com/chgwg
发表于 2012-12-29 14:52:39 | 显示全部楼层
good good study! day day up!
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

网店装修|淘宝店铺装修免费模板|专业版模板|淘宝装修教程|淘宝大学|淘宝素材|淘宝店铺装修视频教程|店招在线制作|爱购论坛  

GMT+8, 2019-2-23 15:37

快速回复 返回顶部 返回列表