在您开始制作模板之前,建议您首先弄清楚以下问题:宝贝描述模板是干嘛用的;宝贝描述模板做好后如何使用;做好后的成品是什么样子的。第1和2个问题,请您先去客服中心或淘宝大学里面搜搜相关的贴子,有很多教程的。在这里,我不再复述。第3个问题,关于最后的成品,大家可以去我的淘宝店铺里面看看,随便点开一个宝贝,都会有做好后的成品样式。在第一、二个问题未弄清楚之前,请大家不要继续往下看。因为这样会浪费您宝贵的时间。在后面的叙述中我并未提及这两个问题的答案。今年四月份辞职之后,在家里舒舒服服的躺了两个多月,每天泡在网上看看了N遍的《老友记》,最后终于决定去买一套DVD回来,反正是百看不厌的嘛。结果在武汉大街小巷找了一大圈也没看到《老友记》的踪影,无奈之下只好跑到淘宝来看看。不看不知道,一看吓一跳,原来淘宝卖DVD的这么多,不仅仅是卖DVD,卖啥的都是多如牛毛啊。费尽脑汁想到了在淘宝的注册帐号和密码,如愿以偿的买回了宝贝之后,我开始突发其想的要自己开店。射手座的人从来都是风风火火,行动迅捷。因为从小喜欢小孩子,而且本着“服务大众,方便自己”的心理,为了让偶还没影子的宝宝从出生就有PP衣衣穿,偶决定开个童装店。通过了实名认证,找了N天货源,终于在八月初把店子开起来了。
开了店之后,在淘宝社区里泡了两天才发现学问大了,之前总以为把宝贝搬上店铺就万事OK了,现在来了才知道,仅仅这样你可能守一辈子也不会有生意送上门。对于如何提高店铺的浏览量这个问题我没有发言的权力,实践才有发言权嘛,呵呵。但是论坛里随处可见高手们的经验贴。到现在为止快一个月了,偶的店子还是冷冷清清无人光顾,但凭着之前多年玩博客的经验,偶到是学会了一些店铺装修方面的知识。反正闲着也是闲着,不如把这一个月的学到的写下来贡献给大家。同作为菜鸟来讲,不会用或这或那的工具,装修就成了一件挺头大的事情。其实等你自己静下心来慢慢看那些高手们的贴子之后,会发现没有你想象中的难。之前也有高手讲过用PS和FONTPAGE来制作模板,但对于不会用PHOTOSHOP的我们来讲,用FIREWORKS会比PS容易上手得多。FW的操作界面更简单,而且也与同一公司开发的DREAMWEAVER及FLASH并称为网页三剑客。我们装修店铺,有了FW和DW这两个工具绰绰有余。不会用不要紧啊,只要你一步步的看下来,再实践个一两次,包你也会自己制作宝贝描述模板了。写完之后才发现,原来写教程是一件非常痛苦的事情,自己要不断的切图做图,还得想好怎么用通俗易懂的语言表达出来。最后发现偶太笨了,有很多地方都写得含糊不清,但是算了,还是发上来吧~毕竟辛辛苦苦的写了两个晚上。
先去这两个地方把DW和FW下载到电脑里安装。
dreamweaver8.0:http://www5.skycn.com/soft/458.html
fireworks8.0:http://www5.skycn.com/soft/2521.html
紧急说明:有两位网友在旺旺上留言问我说FIREWORKS安装不成功,安装到一半时会蓝屏!所以请大家在下载前先确认软件无病毒后再安装!!!否则后果自负。楼主也是在这两个地址下载的软件,但无任何问题。不过时间已经很久了,我也不能保证此地址长期有效!仅为网友提供方便而已。特别提示:淘宝不支持对外链接,所以直接点这两个地址是没有用的,必须把地址复制粘贴到地址栏中才行哦~下载安装后你会发现这两个还是试用版,没关系,去百度搜一下“dreamweaver8.0序列号”,会有很多好心人提供可用的正版序列号的,然后当你第一次打开FW或DW时,会有询问窗口弹出,注册就OK了。一切准备就绪后,我们就可以开始宝贝描述模板制作之旅了。(所有的图我都会以绿色框标明关键处)
一、建立FW文档
打开fireworks,可以看见如下界面,

点击界面右侧的新建FIREWORKS文档(绿色方框内),
建立一个宽度为800,高度为1000的画布,建议颜色为“透明”或“白色”。

在界面的左上角处点击文件-导入


找到自己要用的背景图片,打开。这时会出现一个类似“「”的光标,通过它可以将导入图片在整个画布中的位置确定。

如上图所示,你也可以在界面的左下角找到四个数值填入框,其中宽度和高度表示的是导入图片的大小,而“X”表示的是导入图片的最左边距整块画布最左边的距离(太过直白,也有点拗口,呵呵),“Y”表示的就是导入图片的最上边距整块画布最上边的距离。填入你需要的数值,确定图片在整图中的位置。
特别说明:因为考虑到部分用户的显示器分辨率为800*600,所以我们建的画布宽度为800,高度1000也是可以要据制作中的实际情况改变的。另外,导入的图片宽度必须≤800。如果图片宽度大于800,可以先在点击左上角处的文件-打开,找到图片在FW中打开,然后在界面上方找到修改-画布-图像大小,再将像素尺寸的宽度改为你想要的尺寸,记得一定要约束比例,要不图片就变形了。
二、改变背景色
把画布的颜色改为导入图片的背景色,这会使画布跟导入图片看起来更像一张完整的图片。方法:点击界面上方的修改-画布-画布颜色


在弹出窗口中选择自定义,并在如图所示的颜色定义框内点击一下,出现一个类似笔的形状,将它在导入图片的背景颜色处点击一下,然后确定。现在画布的背景色就协调了。
三、加入文字
根据你自己的布局构思,在适当的地方用文本工具加入店名、店铺链接(逛逛本店)、店铺介绍等文字,一定要考虑好整体布局哦~

点击文本工具,在图片中你想要的位置拖动鼠标后会出现一个矩形框,然后你可以在操作界面的下方看到属性选项

调整好文字大小,颜色,字体等,之后在矩形框内输入你的文字

.另外,记得在宝贝展示、宝贝描述文字下分别留出一定的空白地方来,不需要太多。
第三步完全做完后的成果图

小提示,类似买家须知这种固定条款,可以直接在图片上制作出来,单独切片(马上会讲到),以免每次填入这么麻烦。
四、加入热点
在需要添加链接的文字上加入热点。

点击如下图所示的热点工具之后,在文字上面拖动矩形框,得到一个热点框。如果未覆盖到文字上,可直接用鼠标拖到文字上并覆盖住。
加入矩形热点工具后,选定这个矩形热点,界面下方如图所示的地方会有链接网址的设定,

“替代”指的是当鼠标放在所做的矩形热点上时会出现的文字。目标指网址打开方式,_blank指在新窗口打开。