淘宝宝贝详情页模板 淘宝宝贝描述模板制作

现在好多新手都自己去下载宝贝描述的模板,但是又发现没有自己想要的,没有符合自己小店的,那下面我就教大家怎么做,宝贝描述的模板,其实道理是很简单的,做模板,最后只要得到代码就行了

淘宝宝贝描述模板制作――工具/原料

工具:ps、dreamweaver

淘宝宝贝描述模板制作――步骤/方法

淘宝宝贝描述模板制作 1、

第一部分,用photoshop制作出模版JPGE图片。

淘宝宝贝详情页模板 淘宝宝贝描述模板制作

这个我就不多说了这个我也教不了大家这个都要靠平时的积累和自己的美术功底不过,宝贝模板的主要模块总结就是以下就是几块:A商品的大图B.商品的描述C.买家事宜 D.配送方法E.店铺分类F.店铺连接

我给大家看看我做的吧。

放心吧,这个确实是我自己做的,不是去下载的,我只是下载了一个素材,然后自己做的,素材就一张图片

这个我就不说怎么做了,大家自己摸索吧,今天的主题是,如果做模板,就是讲述做模板的过程


淘宝宝贝描述模板制作 2、

第二部切片(核心)

为了打开网页时加快模版显示出来的速度,我们需要把模版切成一片片,分别上传到相册上,这样打开网页,每个模版切片同时显示,大大减少了页面打开的时间,买家也不会等到不耐烦了,下面是把模版切片操作:

第一,虽然photoshop也有切片工具,但往往要切割得很准确图片才不裂开,如使用ImageReady来切片就不会有这

样的困扰了。在模版图片打开的状态下,切换ImageReady进行切片处理;

第二,切片是有讲究的,凡是需要放入图片文字的地方都必须单独切为一片,这里我选择水平划分为10片;

第三,点击切片工具,移动到图中黄色小点上鼠标会变为箭头状,拉动切割线调整到适当的位置

第四划分好后返回photoshop,选中左边工具栏的切片工具就能看到分区,下来就是将切片存储;

第五,如图中操作然后存储;要选择JPG格式的这个要注意了

第六,如图,然后保存,即可生成一个存放切片的文件夹和一个模版html网页。

下面images就是切片,要把这个传到我们的图片空间里面。这个很重要,以后要用到。

淘宝宝贝描述模板制作_淘宝宝贝描述模板

淘宝宝贝描述模板制作_淘宝宝贝描述模板


淘宝宝贝描述模板制作 3、

第三部分,用dreamweaver把模版转换为代码(关键)

第一,打开Dreamweaver,打开模版

第二,进入设计操作页面

第三,下面为逛逛小店和信用评价做链接

选择热点选择你要做链接的部分!

第四,点击宝贝展示下的切片图,因为这里要插宝贝细节图,我们需要把它转换成表格形式,这样不管插入的图片多大,表格都会像一张画布一样撑开。如图操作:

第五,输入表格宽度,注意:请忽略下图中“选择菜单栏...”的说明,因为在上图已经操作有插入表格了

第六,输入高度,填充表格背景

完成后效果如下图,同样按照以上第四到第六的步骤将需要修改的切片进行表格转换

按照这个步骤把其他的你要加图片或者文字的地方都都把切片转换成表格

第七,切入代码页面,复制代码到淘宝描述的代码编辑器中

把所有的代码都复制下来如果复制到宝贝描述里面然后再把里面本地的链接地址换成我们刚才把切片上传的图片空间里面的地址这个很重要如果不换的话是不会成功的是没效果的

输入所有的有效链接地址,就可以在刚才我们换成表格的地方插入图片和文字了,点击预览就能看到一个精美的宝贝描述模版了,赶快动手试一试吧!

在这里我的效果就不给大家看了啊给大家留一个悬念!!现在大家自己动手试试吧!!

淘宝宝贝描述模板制作_淘宝宝贝描述模板

淘宝宝贝描述模板制作_淘宝宝贝描述模板

淘宝宝贝描述模板制作_淘宝宝贝描述模板

淘宝宝贝描述模板制作_淘宝宝贝描述模板

淘宝宝贝描述模板制作_淘宝宝贝描述模板

  

爱华网本文地址 » http://www.413yy.cn/a/8105000103/311958.html

更多阅读

淘宝网宝贝详情页优化调整方案 如何优化宝贝详情页

淘宝网宝贝详情页优化调整方案——兼宝贝卖点设置及模块化导航快速直达功能设置淘宝网宝贝详情页项目组于2014年5月8日发出《2014年宝贝详情页优化调整公告》,该公告决定于2014年5月15日起,在全淘宝网对宝贝详情页的部分内容进行优

卖家如何优化宝贝详情页 宝贝详情页面优化

俗话说,人靠衣裳马靠鞍。店家开店,除去店铺首页,商家对宝贝详情页的重视程度一直居高不小,可见,优质并且轻松的宝贝详情介绍是将到店浏览的访客转化为消费者的利器。 那

淘宝手机宝贝详情页发布 淘宝宝贝详情模板

  淘宝手机宝贝详情页发布_设置手机版宝贝详情页即可获得流量倾斜/搜索加权/优先展示,发布手机宝贝详情页,让您上新款轻松无忧,同时赚取无线流量!!因此越来越多开网店的朋友选择制作手机宝贝详情,那么如何制作呢?甩手团队与时俱进,把

声明:《淘宝宝贝详情页模板 淘宝宝贝描述模板制作》为网友绿水无忧分享!如侵犯到您的合法权益请联系我们删除