好文档 - 专业文书写作范文服务资料分享网站

手把手教你做淘宝宝贝描述模板

天下 分享 时间: 加入收藏 我要投稿 点赞

新手淘友们,是不是看到别人家的宝贝描述很漂亮,也特别羡慕,又看看自己的宝贝描述总是不如人家的漂亮,又苦于自己不会做,或者做了图片后不知道怎样才能弄成代码。 在这之前对代码我也是不懂,为了能让自己店铺宝贝展示那块漂亮点,更加吸引眼球,就

下了决心一定要做出一个自己喜欢的宝贝描述。

就开始慢慢的制作,一边制作一边研究,用了一个星期的时间,做了又删.删了又做就这

样,终于明白了点,还算满意,总体说自己的付出一个字“值”。

淘友们,不要烦恼啦!在这里我手把手交你制作宝贝描述模板切片及代码,以及图解为主

的部份,和各位淘友们描述一下,保证看了后就能做出你想要的宝贝描述模板。

做图的软件最佳选择是 简称PS。 打开PS,[PS介面,大家都知道的]

我用一块做好的宝贝描述模板图片,打开

以下拿我做的模板为例

对图片进行切片

开始对图片进行切片

操作方法:按住鼠标的左键不放,并拖动,拖到图片的最左侧,如果觉的切的长或宽度不

或太大了还可以在切口黄色线上拖一大,看到了吗,下面就是切好的图片效果

第1个切片

依次向下剪切到最后就可以了。

整个图片切完后我用了19个,看看效果吧!

点击文件——存储为web所有格式,或者按“alt+shift+ctrl+s”。

设置一下

点击保存,

选择存储的文件夹,取好名称,然后点击保存。

保存后就会出现如图的两个文件。

PS的工作到这里就做好了,接下来就是dreamweaver 的操作。

这个软件如果你还没有安装,到网上下载安装一下就行了有免费的dreamweaver8, 我用的也是dreamweaver8。

把做好的图片传到淘宝图片空间里

打开dreamweaver 8

打开刚才存好的文件

把切片的地址换成刚刚上传到淘宝图片空间里的切片的地址,

找到淘宝图片空间内的第一幅切片,并复制切片地址,如下图

(2)把复制好的切片地址粘贴到dreamweaver 8第一个切片地址处,点保存。如下图。

(3)复制第二个切片的地址粘贴到dreamweaver 8第二个切片的地址,如下图。

直到第十二个切片就这样一个一个把地址换成网上地址。

接下来我们要做第十三个切片的就很特殊喽,因为第十三个切片是填充内容的空间,在今

后应用时会起到一个无限延长的作用,也就是随着内容的增加而加大。

具体操作如下:

在dreamweaver8内选第十三个切片,鼠标点在第十三个切片上再右键点一下,看到删除标签

点一下进行删除,换成背景,就会达到无限延长的效果。

(2)到图片空间复制第十三个地址

(3)图片空间复制的第十三个地址粘贴dreamweaver8下面的背景框内

看看效果吧,下面蓝色位置变成了网上图片空间的地址了。

这是没替换前的效果

然后在第十三个切片里点一下,dreamweaver8 下方有个居中按钮按一下,再按二三下回车,

看下图效果

手把手教你做淘宝宝贝描述模板

新手淘友们,是不是看到别人家的宝贝描述很漂亮,也特别羡慕,又看看自己的宝贝描述总是不如人家的漂亮,又苦于自己不会做,或者做了图片后不知道怎样才能弄成代码。在这之前对代码我也是不懂,为了能让自己店铺宝贝展示那块漂亮点,更加吸引眼球,就下了决心一定要做出一个自己喜欢的宝贝描述。就开始慢慢的制作,一边制作一边研究,用了一个星期的时间,做了又删.删了又做就
推荐度:
点击下载文档文档为doc格式
5wprk86apz3gyk618jsm0fvam2gyzr007fo
领取福利

微信扫码领取福利

微信扫码分享