淘宝网店宝贝描述模板

淘宝网店宝贝描述模板 篇一:手把手教你做淘宝宝贝描述模板 手把手教你做淘宝宝贝描述模板 新手淘友们，是不是看到别人家的宝贝描述很漂亮，也特别羡慕，又看看自己的宝贝描述总是不如人家的漂亮，又苦于自己不会做，或者做了图片后不知道怎样才能弄成代码。在这之前对代码我也是不懂，为了能让自己店铺宝贝展示那块漂亮点，更加吸引眼球，就下了决心一定要做出一个自己喜欢的宝贝描述。 就开始慢慢的制作，一边制作一边研究，用了一个星期的时间，做了又删.删了又做就这 样，终于明白了点，还算满意，总体说自己的付出一个字“值”。 淘友们，不要烦恼啦～在这里我手把手交你制作宝贝描述模板切片及代码，以及图解为主的部份，和各位淘友们描述一下，保证看了后就能做出你想要的宝贝描述模板。 做图的软件最佳选择是 简称PS。 打开PS，[PS介面，大家都知道的] 我用一块做好的宝贝描述模板图片，打开 1 以下拿我做的模板为例 对图片进行切片 开始对图片进行切片 操作方法:按住鼠标的左键不放，并拖动，拖到图片的最左侧，如果觉的切的长或宽度不 或太大了还可以在切口黄色线上拖一大，看到了吗，下面就是切好的图片效果 第1个切片 篇二:淘宝宝贝描述模板制作教程(超详细) 淘宝宝贝描述模板制作教程 现在好多新手都自己去下载宝贝描述的模板，但是又发现没有自己想要的，没有符合自己小店的，那下面我就教大家怎么做，宝贝描述的模板，其实道理是很简单的，做模板，最后只要得到代码就行了～呵呵 废话不多说了 现在就开始吧～ 工具: ps、dreamweaver 第一部分，用photoshop制作出模版JPGE图片。 这个我就不多说了 这个我也教不了大家 这个都要靠平时的积累和自己的美术功底 不过，宝贝模板的主要模块总结就是以下就是几块:A商品的大图 B.商品的描述 C.买家事宜 D.配送方法 E.店铺分类F. 2 店铺连接 我给大家看看我做的吧。 放心吧，这个确实是我自己做的，不是去下载的，我只是下载了一个素材，然后自己做的，素材就一张图片 这个我就不说怎么做了，大家自己摸索吧，今天的主题是，如果做模板，就是讲述做模板的过程 第二部 切片(核心) 为了打开网页时加快模版显示出来的速度，我们需要把模版切成一片片，分别上传到相册上，这样打开网页，每个模版切片同时显示，大大减少了页面打开的时间，买家也不会等到不耐烦了，下面是把模版切片操作: 第一，虽然photoshop也有切片工具，但往往要切割得很准确图片才不裂开，如使用ImageReady来切片就不会有这 样的困扰了。在模版图片打开的状态下，切换ImageReady进行切片处理; 第二，切片是有讲究的，凡是需要放入图片文字的地方都必须单独切为一片，这里我选择水平划分为10片; 篇三:教你淘宝宝贝描述模板(制作过程) 教你淘宝宝贝描述模板制作过程 字体大小:大 中 小2010-11-04 10:08:00 来源: 网店网 一直想好好美化一下自己的淘宝店铺，可时间太忙，后来想实在不行就出钱购买一个宝贝描述模板得了，省得再浪费 3 时间。不过，上网看了很多模板，都没有自己中意的，于是下定决心，自己搞定～～自己还有编网页一些基础，知道网页编辑的大概，其实很简单的。编辑淘宝的宝贝描述模板基本不需要任何代码，直接跟着我下面方法做就可以了。 1。软件工具:要自己制作宝贝模板，首先要选择网页编辑工具，目前业界最流行得就是dreamweaver了，用老微的frontpage也可以。想自己做的朋友最好选择前者，frontpage我以前也用过，后来很少用，主要还是觉得dreamweaver使用更加方便，功能更加强大，毕竟是专门以这个起家的嘛。需要dreamweaver软件的朋友可以从网络上下载，下载方法:在google搜索栏中输入“dreamweaver软件下载”就可以找到很多下载网站了～～～，其它工具软件你都可以这样搜索到，下载就可以了。不过，记得下载完了一定要先杀毒哦，对我们这些店家来讲，安全是非常重要得。 2。网页制作之前，首先要考虑自己模板的基本布局。先不要着急用dreamweaver开始编辑，正式编辑之前我建议朋友们多看一些别人的作品，总结出宝贝描述模板的大体布局方法，需要的各个选项～最好的办法就是先纸上谈兵，在纸上用笔先勾画出描述模板的布局，注明需要做的一些工作等。不过，宝贝模板的主要模块我总结就是以下就是几块 A.商品的大图B.商品的描述C.买家事宜D.配送方法E.店铺分类F.店铺连接 可以在纸上粗粗描绘一下大体的布局， 4 然后再开始下面的工作。 3。准备素材。做网页不能没有素材，素材就是指一些养眼的图片，文字，背景等资源。还有最重要的，也最可能用到的就是你店铺的logo，宝贝的图片，文字介绍跟店铺商品有关的一切了。把这些素材都统统归到一个目录下面(真正正规的编辑方法是按照文件夹来组织 自己的素材)，方便以后寻找。另外，为了做出更好的效果，可能还要动用一下photoshop这个工具，特别对图片处理都离不开它。下载的方法象上面所说的就可以了。 4。现在基本的东西已经准备好了。那么就开始做吧。 A。首先打开Dreamweaver，新建一个html网页。这个时候工作台上你看到一个白色的区域，就是编辑区域了。 B。添加表格进行布局。这一点很重要，因为表格能够比较方便的让我们进行布局的分配，以及以后各种素材的定位。有了表格，我们心里面就对布局基本有数了。在表格里面可以添加我们的素材，文字，更改背景等。这些文字一般是通用的文字，固定不变的，不会随着宝贝的不同而变化，比如【买家事宜】，【配送方法】等标题性和说明性的文字。这个时候我们还要留出放置宝贝图片，和宝贝描述的位置，这些都是会变化的，因为每个宝贝的图片，和描述都是不同的。因此一定要留出这个位置。 提示:这一步之前首先要把需要用到的图片上传网络上 5 去。首先上传有一个好处，以后在使用图片的时候，直接可以找到图片，然后复制下该图片的连接添加到图像占位符的来源上面就可以了，不用再一边上传图像，一边编辑网页。 C。在需要添加图片的位置上，添加一个图像占位符，记住，宝贝描述模板中所有的图像都一定是一个图像占位符，不能直接图像。添加完后我们看到一个断裂的方块，证明该对象是个图像占位符。 为什么不直接插入图像呢,直接插入图像在淘宝里面是无法显示的。在要放置图像的地方，包括背景图等都要使用图像占位符。有了图像占位符，等于是先占好了这个位置，然后在这个位置上添加相应的图片连接地址，这样当在浏览器中查看网页的时候，浏览器自己按照图片的连接地址下载图像，就可以显示出自己想要的图片了。这点很重要哦。 特别需要说明一下，对于背景图片以及固定显示不变的图片，编辑的时候应该把相应的图片连接地址输入到图像占位符的图像来源里面。这样，就无需在淘宝里面再编辑这些固定的图片，只需要更改宝贝图片就可以了。至于图片的存储地址，163网站是不支持的。 D。在其它位置上也添加一些图像占位符，比如店铺logo，店铺分类等等，这些位置可以为你以后操作带来方便。 E。把图像占位符的地方填好图片的网络连接地址，具体到每个商品图片时候，我们在淘宝里宝贝编辑器中再填进 6 来。在淘宝的宝贝描述编辑器里，我们找到该商品的图片连接地址，填到图像占位符的图片来源上就可以了。这样的话，只需要改动商品图片图像占位符的图像来源地址，就可以显示我们想要的图片了。 6。以上如果不出所料，按照自己的设计，基本上可以算完工了。具体美不美观要自己慢慢调整。现在最重要的就是在Dreamweaver中切换到代码编辑窗口，CTRL+a选中所有代码，选择复制，然后选择一个宝贝，在淘宝里面编辑该宝贝，在宝贝编辑器里面，选择编辑源文件，这个时候就切换到代码编辑窗口了。将先前复制的代码粘贴到该窗口，然后选择编辑模式，切换到图形编辑模式。这个时候你就发现，以前你设置的图像占位符现在都显示成图片了。如果不能显示，就证明该处没有图像连接地址。敢紧选择该图像占位符，然后点击插入/编辑图像按钮，输入相应的图片连接地址就可以了。特别要提示的是:修改宝贝描述主要是能够直接显示宝贝的大图。这个时候一定要更改宝贝图片占位符，把该占位符的图像来源改成是当前宝贝的图片连接地址就可以了。 点击一下预览，可以看看编辑的效果，有什么不满意的，只能以后慢慢修改了。 切换宝贝编辑器到代码模式，选择所有代码复制并拷贝到一个TXT文本文件中保留，以后每个宝贝都可以用到。新建一个宝贝的时候将这些代码在代码编辑模式下面直接拷 7 贝过来，然后切换回图像编辑模式改变对应的宝贝图片就可以了。 怎么样，一切都很简单吧。 补充说明一下,在宝贝编辑器中可以使用热点连接这个功能来创建图像上的直接连接功能.比如我的模板上面店铺介绍,逛逛本店,信用评价这些文字上面都使用了连接功能.这个连接功能怎么实现的呢?方法如下: 选中你需要做连接的图片，图像占位符也是支持的。然后这个时候你发现dreamweaver左下脚有一些绿色的小图标。这些是用来在图片上画出一些方形，圆形或其它(来自:WwW.xltkwJ.cOm 小龙 文档 网:淘宝网店宝贝描述模板)形状区域，在浏览器中，鼠标经过这些区域的时候就会变成小手的形状，这些区域就是热区。鼠标点击这一热区的时候就会连接到相应的网页。 赶快在图上画一个区域，然后在dreamweaver左下角连接地址中输入你想要连接的网页地址。 将代码考到宝贝编辑器，然后预览一下，当鼠标放到这些区域上的时候，就会变成小手的形状。点击一下，就会连接到相应的网页了。 8