怎样安装和使用宝贝描述模板代码?
1、首先请在淘宝学堂找到自己喜欢的模板代码,然后下载代码,并保存到自己的电脑里面。
2、保存好代码之后,然后进入“我的淘宝”,点击“我要卖”,进入发布宝贝的编辑页面。填写相关宝贝的名称及价格,然后找到宝贝描述编辑器,并把前先保存到自己电脑里的代码粘贴到编辑器里面。如图:
3、把代码放进编辑器之后,再点击“使用编辑器”回到最初的状态,这时就能看到模板了。
4、看到模板之后,再开始在模板上编辑你要发布的内容。
5、特别提示:宝贝描述模板的代码是在你每一次发布宝贝的时候都要用到的代码。鉴于模板中的“买家须知”“邮资说明”和“联系方式”都是相同的内容,所以大家可以把模板里的这几项先填写好,然后再点击编辑器中的“编辑源文件”,把里面的代码复制后保存到自己的电脑里,这样,以后就不用重复的编辑相同的模板内容了,只需要添加宝贝图片和宝贝详细描述了。
现在好多新手都自己去下载宝贝描述的模板,但是又发现没有自己想要的,没有符合自己小店的,那下面我就教大家怎么做,宝贝描述的模板,其实道理是很简单的,做模板,最后只要得到代码就行了
-
-
第二部切片(核心)
为了打开网页时加快模版显示出来的速度,我们需要把模版切成一片片,分别上传到相册上,这样打开网页,每个模版切片同时显示,大大减少了页面打开的时间,买家也不会等到不耐烦了,下面是把模版切片操作:
第一,虽然photoshop也有切片工具,但往往要切割得很准确图片才不裂开,如使用ImageReady来切片就不会有这
样的困扰了。在模版图片打开的状态下,切换ImageReady进行切片处理;
第二,切片是有讲究的,凡是需要放入图片文字的地方都必须单独切为一片,这里我选择水平划分为10片;
第三,点击切片工具,移动到图中黄色小点上鼠标会变为箭头状,拉动切割线调整到适当的位置
第四划分好后返回photoshop,选中左边工具栏的切片工具就能看到分区,下来就是将切片存储;
第五,如图中操作然后存储;要选择JPG格式的这个要注意了
第六,如图,然后保存,即可生成一个存放切片的文件夹和一个模版html网页。
下面images就是切片,要把这个传到我们的图片空间里面。这个很重要,以后要用到。
-
第三部分,用dreamweaver把模版转换为代码(关键)
第一,打开Dreamweaver,打开模版
第二,进入设计操作页面
第三,下面为逛逛小店和信用评价做链接
选择热点选择你要做链接的部分!
第四,点击宝贝展示下的切片图,因为这里要插宝贝细节图,我们需要把它转换成表格形式,这样不管插入的图片多大,表格都会像一张画布一样撑开。如图操作:
第五,输入表格宽度,注意:请忽略下图中“选择菜单栏...”的说明,因为在上图已经操作有插入表格了
第六,输入高度,填充表格背景
完成后效果如下图,同样按照以上第四到第六的步骤将需要修改的切片进行表格转换
按照这个步骤把其他的你要加图片或者文字的地方都都把切片转换成表格
第七,切入代码页面,复制代码到淘宝描述的代码编辑器中
把所有的代码都复制下来如果复制到宝贝描述里面然后再把里面本地的链接地址换成我们刚才把切片上传的图片空间里面的地址这个很重要如果不换的话是不会成功的是没效果的
输入所有的有效链接地址,就可以在刚才我们换成表格的地方插入图片和文字了,点击预览就能看到一个精美的宝贝描述模版了,赶快动手试一试吧!
在这里我的效果就不给大家看了啊给大家留一个悬念!!现在大家自己动手试试吧!! -