手把手教你做淘宝宝贝描述模板.docx
《手把手教你做淘宝宝贝描述模板.docx》由会员分享,可在线阅读,更多相关《手把手教你做淘宝宝贝描述模板.docx(25页珍藏版)》请在冰豆网上搜索。
手把手教你做淘宝宝贝描述模板
手把手教你做淘宝宝贝描述模板
新手淘友们,是不是看到别人家的宝贝描述很漂亮,也特别羡慕,又看看自己的宝贝描述总是不如人家的漂亮,又苦于自己不会做,或者做了图片后不知道怎样才能弄成代码。
在这之前对代码我也是不懂,为了能让自己店铺宝贝展示那块漂亮点,更加吸引眼球,就下了决心一定要做出一个自己喜欢的宝贝描述。
就开始慢慢的制作,一边制作一边研究,用了一个星期的时间,做了又删.删了又做就这样,终于明白了点,还算满意,总体说自己的付出一个字“值”。
淘友们,不要烦恼啦!
在这里我手把手交你制作宝贝描述模板切片及代码,以及图解为主的部份,和各位淘友们描述一下,保证看了后就能做出你想要的宝贝描述模板。
做图的软件最佳选择是简称PS。
打开PS,[PS介面,大家都知道的]
我用一块做好的宝贝描述模板图片,打开
以下拿我做的模板为例
对图片进行切片
开始对图片进行切片
操作方法:
按住鼠标的左键不放,并拖动,拖到图片的最左侧,如果觉的切的长或宽度不或太大了还可以在切口黄色线上拖一大,看到了吗,下面就是切好的图片效果
第1个切片
依次向下剪切到最后就可以了。
整个图片切完后我用了19个,看看效果吧!
点击文件——存储为web所有格式,或者按“alt+shift+ctrl+s”。
设置一下
点击保存,
选择存储的文件夹,取好名称,然后点击保存。
保存后就会出现如图的两个文件。
PS的工作到这里就做好了,接下来就是dreamweaver的操作。
这个软件如果你还没有安装,到网上下载安装一下就行了有免费的dreamweaver8,
我用的也是dreamweaver8。
把做好的图片传到淘宝图片空间里
打开dreamweaver8
打开刚才存好的文件
把切片的地址换成刚刚上传到淘宝图片空间里的切片的地址,
找到淘宝图片空间内的第一幅切片,并复制切片地址,如下图
(2)把复制好的切片地址粘贴到dreamweaver8第一个切片地址处,点保存。
如下图。
(3)复制第二个切片的地址粘贴到dreamweaver8第二个切片的地址,如下图。
直到第十二个切片就这样一个一个把地址换成网上地址。
接下来我们要做第十三个切片的就很特殊喽,因为第十三个切片是填充内容的空间,在今后应用时会起到一个无限延长的作用,也就是随着内容的增加而加大。
具体操作如下:
在dreamweaver8内选第十三个切片,鼠标点在第十三个切片上再右键点一下,看到删除标签点一下进行删除,换成背景,就会达到无限延长的效果。
(2)到图片空间复制第十三个地址
(3)图片空间复制的第十三个地址粘贴dreamweaver8下面的背景框内
看看效果吧,下面蓝色位置变成了网上图片空间的地址了。
这是没替换前的效果
然后在第十三个切片里点一下,dreamweaver8 下方有个居中按钮按一下,再按二三下回车,看下图效果
这是替换后的效果
把整个页面居中,如下图。
我们需要输入一个代码才行,输入align=center一定要在引号后面>号前面。
完成后我们来复制代码
接下来我到淘宝助理去做一些事情。
打开空白模板后按HTML源代码,把刚在在dreamweaver8复制下来的粘贴上.
然后按编辑宝贝描述,看到图片有部份裂缝我们不要管他传上去就好了
我们接下来给“逛逛本店、商品活动、收藏店铺”做链接。
逛逛我的店铺的链接看下图
活动区看下图操作和上面逛逛本店一样
收藏店铺的链接怎么找
粘贴到超链接对话框里面确定就好了。
再后给第十三个切片添加图片
鼠标先点击第十三个切片按一下居中然后选图片空间。
你想用的图片。
大小打开后可以调整。
看下面
完成后保存下来,打√上传就OK了。
主意:
如果不按保存功夫白白浪费了重做。