淘宝模板制作教程

www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。淘宝宝贝制作教程现在好多新手都自己去下载宝贝描述的模板， 但是又发现没有自己想要的， 没有符合自己小 店的，那下面我就教大家怎么做，宝贝描述的模板，其实道理是很简单的，做模板，最后只 要得到代码就行了！呵呵 废话不多说了 现在就开始吧！ 工具： ps、dreamweaver 第一部分，用 photoshop 制作出模版 JPGE 图片。 这个我就不多说了 这个我也教不了大家 这个都要靠平时的积累和自己的美术功底 不过， 宝贝模板的主要模块总结就是以下就是几块：A 商品的大图 B.商品的描述 C.买家事宜 D.配送方法 E.店铺分类 F.店铺连接 我给大家看看我做的吧。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。放心吧，这个确实是我自己做的，不是去下载的，我只是下载了一个素材，然后自己做的， 素材就一张图片这个我就不说怎么做了，大家自己摸索吧，今天的主题是，如果做模板，就是讲述做模板的 过程 第二部 切片（核心） 为了打开网页时加快模版显示出来的速度， 我们需要把模版切成一片片， 分别上传到相册上， 这样打开网页，每个模版切片同时显示，大大减少了页面打开的时间，买家也不会等到不耐 烦了，下面是把模版切片操作： 第一，虽然 photoshop 也有切片工具，但往往要切割得很准确图片才不裂开，如使用 ImageReady 来切片就不会有这 样的困扰了。在模版图片打开的状态下，切换 ImageReady 进行切片处理；www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。第二，切片是有讲究的，凡是需要放入图片文字的地方都必须单独切为一片，这里我选择水 平划分为 10 片；www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。第三，点击切片工具，移动到图中黄色小点上鼠标会变为箭头状，拉动切割线调整到适当的 位置www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。第四 划分好后返回 photoshop， 选中左边工具栏的切片工具就能看到分区， 下来就是将切 片存储；www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。第五，如图中操作然后存储； 要选择 JPG 格式的 这个要注意了www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。第六，如图，然后保存，即可生成一个存放切片的文件夹和一个模版 html 网页。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。下面 images 就是切片，要把这个传到我们的图片空间里面。这个很重 要，以后要用到。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。第三部分，用 dreamweaver 把模版转换为代码（关键） 第一，打开 Dreamweaver，打开模版www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。第二，进入设计操作页面www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。第三，下面为逛逛小店和信用评价做链接www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。选择热点 选择 你要做链接的部分！第四， 点击宝贝展示下的切片图， 因为这里要插宝贝细节图， 我们需要把它转换成表格形式， 这样不管插入的图片多大，表格都会像一张画布一样撑开。如图操作：www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。第五，输入表格宽度，注意：请忽略下图中“选择菜单栏...”的说明，因 为在上图已经操作有插入表格了www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。第六，输入高度，填充表格背景www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。完成后效果如下图，同样按照以上第四到第六的步骤将需要修改的切片进行表格转换www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。按照这个步骤把其他的你要加图片或者文字的地方都 都把切片转换成表格 第七，切入代码页面，复制代码到淘宝描述的代码编辑器中www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。把所有的代码都复制下来 如果复制到 宝贝描述里面 然后再把 里面本地的链接 地址 换 成 我们刚才把切片上传的图片空间里面的地址 这个很重要 如果不换的话 是不会成功的 是没效果的输入所有的有效链接地址， 就可以在刚才我们换成表格的地方插入图片和文字了， 点击预览 就能看到一个精美的宝贝描述模版了，赶快动手试一试吧！www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。在这里 我的效果就不给大家看了啊 给大家留一个悬念！！ 现在大家自己动手试试吧！！www.18157.net 淘宝店铺装修网提供丰富的免费模板、图片素材、教程等。