新手淘友们,是不是看到别人家的宝贝描述很漂亮,也特别羡慕,又看看自己的宝贝描述总是不如人家的漂亮,又苦于自己不会做,或者做了图片后不知道怎样才能弄成代码。 在这之前对代码我也是不懂,为了能让自己店铺宝贝展示那块漂亮点,更加吸引眼球,就
下了决心一定要做出一个自己喜欢的宝贝描述。
就开始慢慢的制作,一边制作一边研究,用了一个星期的时间,做了又删.删了又做就这
样,终于明白了点,还算满意,总体说自己的付出一个字“值”。
淘友们,不要烦恼啦!在这里我手把手交你制作宝贝描述模板切片及代码,以及图解为主
的部份,和各位淘友们描述一下,保证看了后就能做出你想要的宝贝描述模板。
做图的软件最佳选择是 简称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 下方有个居中按钮按一下,再按二三下回车,
看下图效果