淘宝中的图文详情是怎么做的

【www.guakaob.com--网络编辑】

淘宝中的图文详情是怎么做的篇一
《淘宝宝贝详细图制作方法》

淘宝宝贝描述模板制作教程

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

工具： ps、dreamweaver

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

这个我就不多说了 这个我也教不了大家 这个都要靠平时的积累和自己的美术功底 不过，宝贝模板的主要模块总结就是以下就是几块：A商品的大图 B.商品的描述 C.买家事宜

D.配送方法 E.店铺分类F.店铺连接

我给大家看看我做的吧。

小店祝您生意兴隆！有空就来我家坐坐。

小店：

主营： 天津特产、竹家具、居家用品、床上电脑桌等产品欢迎光临

还有 本店找代理！并承诺负责包教包会，

帮助您做上一个成功的淘宝卖家！

本店淘宝旺旺;夏桑桑51

- 1 -

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

小店祝您生意兴隆！有空就来我家坐坐。

小店：

主营： 天津特产、竹家具、居家用品、床上电脑桌等产品欢迎光临

还有 本店找代理！并承诺负责包教包会，

帮助您做上一个成功的淘宝卖家！

本店淘宝旺旺;夏桑桑51

- 2 -

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

第二部 切片（核心）

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

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

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

小店祝您生意兴隆！有空就来我家坐坐。

小店：

主营： 天津特产、竹家具、居家用品、床上电脑桌等产品欢迎光临

还有 本店找代理！并承诺负责包教包会，

帮助您做上一个成功的淘宝卖家！

本店淘宝旺旺;夏桑桑51

- 3 -

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

小店祝您生意兴隆！有空就来我家坐坐。

小店：

主营： 天津特产、竹家具、居家用品、床上电脑桌等产品欢迎光临

还有 本店找代理！并承诺负责包教包会，

帮助您做上一个成功的淘宝卖家！

本店淘宝旺旺;夏桑桑51

- 4 -

小店祝您生意兴隆！有空就来我家坐坐。

小店：

主营： 天津特产、竹家具、居家用品、床上电脑桌等产品欢迎光临

还有 本店找代理！并承诺负责包教包会，

帮助您做上一个成功的淘宝卖家！

本店淘宝旺旺;夏桑桑51

- 5 -

淘宝中的图文详情是怎么做的篇二
《怎样制作淘宝宝贝描述》

一、准备工作

1，电脑里安装PS，，还有

网上下载.

2,将制作宝贝描述的素材准备好,比如图片这些

二,制作

1、打开ＰＳ（注意ＰＳ有两个模式，一个是ＩＭ，这是做动画的必备，还有一个是普通的PHOTOSHOP）这里我们先打开PHOTOSHOP的模式，打开文件，新建一个大小合适的的文档，做描述模板的尺寸一般宽是９００象素，高度自定

如下图(注意里面的各项设置)名称可以自定，只要便于记就行 这个两软件,可在

2,新建文档后,再填充颜色，

（１）填充颜色的方法：找到旁边工具栏里的那个我箭头指的那个东东，点击上面一层可设置颜色

（２）点开上面一层后出来的效果如下，可根据自己的需要选择需要的颜色

（３）然后再打开最上面的有个编辑，下拉菜单里有个填充，点开填充后，如下图（注意里面的设置）

（４）填充后效果如下：

淘宝中的图文详情是怎么做的篇三
《淘宝详情页制作方法》

我们在网店上买东西的时候，可以看到宝贝最多相关信息的地方就是商品的详情页，所以说在淘宝店铺中，淘宝宝贝的详情页是吸引买家是否购物的一个重要因素。

很多精明的卖家朋友也注意到了这一点，因此都会对商品的详情页比较重；而这些卖家中，很多卖家现在都会在不同平台中有着店铺，那么在新开一个店铺的时候又要另外开始设计这个商品的详情页，大量的时间将会浪费在这重复的工作中。

甩手工具箱的店铺功能可以通过抓取淘宝、天猫、QQ网购、拍拍、阿里巴巴的店铺来制作成不同平台的数据包，从而实现多个网店快速同步的效果，为卖家朋友们节省更多的时间来做销售的事情！

下面介绍如何快捷网店搬家，解决要重复做电脑端详情页和制作手机淘宝详情页难的问题！

用到店铺复制功能来抓取店铺中的商品来一键为网店搬家；

店铺复制还可以抓取淘宝、天猫、QQ网购、拍拍、阿里巴巴中店铺的商品来生成数据包，并在这个过程中可以完成手机淘宝详情页的一键制作

进入选择要复制的店铺所属平台，然后输入店铺的首页网址或者店铺的相关帐号，下一步

选择要复制商所属的分类，然后再找到要复制的商品，全部复制直接全选

待复制的商品选择完成，需要将商品先下载下来；

待复制的商品越多，下载时间越长；

选择处理方式为导出淘宝助理数据包；

目前只有淘宝平台有手机详情页，所以只有选择导出淘宝助理数据包才可以一键生成手机详情页

转换商品详情的步骤：这个步骤就可以完成一键生成手机详情页；

淘宝中的图文详情是怎么做的篇四
《淘宝描述模版制作_图文并茂》

第一步：打开已经装有的软件 Adobe photoshop CS2。点击：“文件/新建 （Ctrl+N）”,新建一个 800*1200 的白色空白文档。第二步：点击“文件/打开”找到事先准备好的图片。这里啰嗦一下，最好 是事先找到适合自己产品的图片。让买家一看到你的商品就会想购买的欲望，不 要简单的找个图片就做上去了。这样效果可不太好哦！接着就把它复制到新建的 800*1200 的文档里去。按 Ctrl+A 全选， 这时会出现一条长方形的虚线。证明被全部选择了，然后复制 Ctrl+C。第三步：然后回到我们最前面新建的 800*1200 的文档上，按下 “Ctrl+V”(粘 贴)，图片就被粘贴到文档中了。如果位置不合适的话，可以点 击左边的“移动工具”，将图案拖动到合适的位置上。如果图片太大的话可以按 Ctrl+T，然后 通过周边的点，来缩小复制进来的这个图片。以达到自己想要的 效果。 图片调整完毕后， 如果想让图片看起来更加完美， 可以再加上一两个图片。 做法和上面粘贴主 图片一样。这里就不重复说了。第四步：现在我们来做个公告栏：首先点击“圆角柜形工具”然后在合适的 位置上面画一个长方形，大小根据要放在图片位置设置了，底色设置为白色，不 透明度设置为 50%，这样可以与北景图更好的融合。看起来会自然些。第五步：再下来我们把要做的连接写上去，一般是“逛逛店铺”“信用评 价”“收藏店铺”“店铺介绍”。好了。等会可以做切片。用相同的方法再加下 宝贝描述分类：“宝贝展示”、“付款方式”“邮资说明”“品牌介绍”等！顺 便在上面加上店铺名称哦！可以防止被人盗用。第六步：现在到了做切片的时候了。要仔细学哦，这个步骤很重要哦！以前 没有做过切片的朋友，在做切片的时候可能会遇到一些问题，不要放弃，多试几 次一定可以学会的。下面我们就把之前准备的文字和公告栏全部分开做切片。以 便以后期做连接。下面我们要做的就是保存，点击“文件—保存为 Web 所用格式”，把我们所 设计的模板存为在网页使用的格式。注意他的保存类型，保存后我们会发现有两 个文件，一个是 HTML 文件和一个图象文件夹。Photoshop 的工作到这里就完成 了。大家学会了吧。呵呵……加油哦！第七步：现在轮到 Frontpage 工作了。大家要看仔细哦！ 首先打开 FrontPage，选择“文件—打开”，把刚刚从 Photoshop 里保存的 html 格式的文件打开。打开后我们可以看到，左下角有四个选项。如果你选取 中的是“设计”模板的样子就呈现在我们眼前了。在模版的任一位置点击右键，选择“表格属性”，在弹出的对话框中将“对 齐方式”改为

“居中”，然后确定。第八步：下面我们来处理一下公告栏。首先在放公告文字的地方点击右键， 选择“图片属性”， 选择“常规”选项卡， 选中并复制图片的文件名到记事本里， 然后点击确定。然后在放置公告的地方点左键，出现一个黑色点框，按下键盘上的 Del 键， 上面的被删删除后那部分内容就变为空白的了：然后在空白处点击右键，选择“单元格属性”，在弹出对话框中勾选“使用 背景图片”，再在下边的空白处将先前复制在记事本里的图片文件的名称填上， 然后点击确定，先前删除的图片又出现了。这个过程其实就是把这块图片放到将 要插入文字的下面（作为文字背景）。下面的工作就是把公告的文字输入进去，左键点击公告栏，在菜单栏选择 “插入-- Web 组件”，在弹出对话框中选择“字幕”，点击完成。在弹出对话框中， 在“文本”右边的空白处输入你的店铺公告的内容。 如果店铺公告需要分段的话，就要在要分段的地方加上一个“”。通过调整“延 迟”和“数量”来设置文字移动的快慢，延迟的数值越大、数量的数值越小，文 字滚动得越慢。设置完毕后点击确定。在公告文字上点击左键，会发现出现一个黑色的边框。这个边框的大小就是 公告文字滚动范围的大小。拖动边框的四周的黑点将它拉大，使它和周围的虚线 边框平行即可，不要超过虚线边框的范围。否则模板会出现断裂。如果现在预览的话文字是从右向左移动， 我们要将文字下而上移动。 因为这样效果会好很多。下面我们就开始，点击 Frontpage 左下角的“代码”， 切换到 代码页面，在“ marquee ”后边加上“ direction="up" ”这样文字就 变为自下而上滚动了。注意哦，添加的“ up ”必须带上引号。现在我们来预览一下吧！哈哈……现在从下往上滚动了吧？点击左下角的“设计”回到模版设计页面， 然后按照前边处理公告栏的方法 将“宝贝展示”下边准 备添加图片的那一条图案先 Del，然后再点开“单元格 属性”，和前边一样，设置上背景图片，也可以设置成其他的颜色。这个地方是 放产品图片的，而图片的位 置也可以自己要求设置，这里我把图片“水平对齐 方式”设置为“居中”，把“垂直对齐方式”设置为“相对垂直居中”，然后点 击确定。用同样的方法处理其他各项，不同的是，像“宝贝描述”“邮资说 明”“品牌介绍”等需要放置文字的地方应选择“水平对齐方式”应选择“左 对齐”，而“垂直对齐方式”应选择“顶端对齐”。 这里再说明一下空白位置的问题。大家分发现经过上面一番修改以后，准备 放文字或者

图片的地 方，就是“宝贝展示”等下面按下 DEL 键后变得比以前小 了好多。不要担心添加的文字太多会放不下。模版做好以后这些地方都是可以根 据内容大小自动伸缩的。 大家完全可以在输入文字的时候让它们自动变长。然后就可以把“宝贝展示”部分的文字写上啦~~同样的，再把后边的“”、 “邮资说明”和“付款方式”“品牌介绍”下边的东西都写上。接下来还有一项工作没有做。那就是依次将“逛逛店铺”“信用评 价”等做上连接。首先选中要加连接的图块，点击菜单栏“插入-----超连接” 输入想要连接的地址，然后点击确定。、复制到宝贝编辑器里发布后就可以直接 点击连接进入相应的地区了。好了，模板基本完成了。现在点击“预览”看一下效果吧！觉得效果 不好就再重新修饰一下吧。文字或图片都可以随时修改的哦！第九步：最后我们将做好的模板代码保存起来。点击 Frontpage 左下角的 “代码”选项。 按 Ctrl+A 把所有代码内容选择，然后按 Ctrl+C 复制烤贝下来。 打开一个空白记事本，按 Ctrl+V 将所有的代码粘贴下来。最后将记事本内容保 存。 保存后就可以随时在淘宝使用了。呵呵…… （具体使用大家可以在论坛找 到使用的贴子。好多的，这里主要讲如何制作，就不讲解了）Frontpage 的工作到此也就完成了，关掉之前记得点下“保存” 打开存放模版 HTML 文件的文件夹，会发现有一个名字为“image(图 象)”的文件夹。打开我们可以看到，里面有好多图片，都是模版上边的，有小 块的、 有大块的。下面我们要做的就是找一个非常稳定的像册，这里我给大家推荐一个非常不错的像册，把“图象”文件夹里面的所有图片都上 传到 像册里。第十步：累晕了，回到刚才我们保存过的那个记事本代码文件，把所有图片 在记事本里面的地址都 替换为上传网络以后的 http 地址。 在做这项工作的时候 一定要细心，不能漏掉任何一个图片，也不要把图片在记事本里的地址和网络上 的地址对应错误。（万一 弄错了，可以重新找到地址再改一下，就可以解决了） 还有要注意的就是：每个地址都要用""包括起来。少了可不行哦！好了。到这里。终于大功告成了。

淘宝中的图文详情是怎么做的篇五
《手把手教你做淘宝宝贝描述模板》

手把手教你做淘宝宝贝描述模板

新手淘友们，是不是看到别人家的宝贝描述很漂亮，也特别羡慕，又看看自己的宝贝描述总是不如人家的漂亮，又苦于自己不会做，或者做了图片后不知道怎样才能弄成代码。 在这之前对代码我也是不懂，为了能让自己店铺宝贝展示那块漂亮点，更加吸引眼球，就下了决心一定要做出一个自己喜欢的宝贝描述。

就开始慢慢的制作，一边制作一边研究，用了一个星期的时间，做了又删.删了又做就这

样，终于明白了点，还算满意，总体说自己的付出一个字“值”。

淘友们，不要烦恼啦！在这里我手把手交你制作宝贝描述模板切片及代码，以及图解为主的部份，和各位淘友们描述一下，保证看了后就能做出你想要的宝贝描述模板。

做图的软件最佳选择是 简称PS。

打开PS，[PS介面，大家都知道的]

我用一块做好的宝贝描述模板图片，打开

以下拿我做的模板为例

对图片进行切片

开始对图片进行切片

操作方法：按住鼠标的左键不放，并拖动，拖到图片的最左侧，如果觉的切的长或宽度不

或太大了还可以在切口黄色线上拖一大，看到了吗，下面就是切好的图片效果

第1个切片

淘宝中的图文详情是怎么做的篇六
《教你如何下载淘宝主图原图的方法》

教你如何下载淘宝主图原图的方法

问：我在淘宝里开了一家店，我的货源是从阿里巴巴拿货的，我怎么把阿里巴巴的图片给下载下来，然后自己处理上传到我的店铺，我该怎么做？

问：我想从天猫店上下载商品图片、SKU图片、还有描述图片及手机端图片到本地，然后编辑处理后，上传到我的淘宝店上，我该怎么做？

问：我想从这家淘宝店上下载商品图片到我电脑上，然后上传到我的淘宝店上，我该怎么做？

这是大多数开网店的卖家经常问的问题。现在我根据我的实战经验，教大家怎么快速又方便，分类又清楚的批量下载这些图片。

先展示一下效果下载效果图，让大家有个直观的感受，我再来演示。

1、下载阿里巴巴(中文站)的图片效果：

示例图1：下载后每个宝贝的图片分别存在一个文件夹中，如下图:

示例图2:

每个目录分类为SKU图、描述图、主图

示例图3:

描述图片按顺序命名

示例图4：

主图根据不同大小的图片分类命名存放：

2、从天猫店和淘宝店下载除了以上内容，如果手机端有发布描述，还可以下载手机端的图片，效果如下： 示例5：

淘宝或天猫手机端描述图片：

通过以上效果展示，大家应该很直观了吧。现在我给大家做一下教程，步骤如下：

第1步：我们百度上搜索一下：卡狐网店图片下载助手，下载到自己的电脑上，双击进行安装。

为了加深理解，先基本了解一下这个工具的用途及功能：

一款阿里巴巴、天猫、淘宝图片批量下载软件，支持电脑端-主图、电脑端-SKU图、电脑端-描述图、手机端-描述图分类下载 文件夹分类命名规范，支持整店搜索链接并批量图片下载，支持多种命名规则，是款难得实用的图片下载工具。 主要功能如下：

1.支持批量下载阿里巴巴（中文站）店铺宝贝图片（主图、SKU图、描述图)

2.支持批量下载天猫店店铺宝贝图片（电脑端-主图、电脑端-SKU图、电脑端-描述图、手机端-描述图) 3.支持批量下载淘宝店店铺宝贝图片（电脑端-主图、电脑端-SKU图、电脑端-描述图、手机端-描述图) 4.支持搜索阿里巴巴（中文站）店铺全店宝贝 5.支持搜索天猫店铺全店宝贝 6.支持搜索淘宝店铺全店宝贝

7.支持按标题名、按货号款号、按商品ID归类命名

8.支持可选下载项（电脑端-主图、电脑端-SKU图、电脑端-描述图、手机端-描述图）

第2步：运行软件，登录后进入主界面。这时我们就可以很清楚的看到这个工具的功能。

第3步：我们看到整个宝贝列表是空的，我们需要想要下载的店铺的所有宝贝或单个宝贝的链接添加进来，如

上图所示，点击 添加搜索店铺宝贝 按钮，弹出搜索添加宝贝的对话框。我们选择好 1、店铺类型 2、填好店铺首页地址 3、点击搜索

它就会自动对整个店铺的所有宝贝进行搜索了，如下所示。

当搜索完后，会提示是不是添加到宝贝列表，我们点“是”

第4步：通过上一步添加，我们已经把要下载的宝贝放在列表中了，现在我们只需，点击右侧的“开始下载“，

软件就自动帮我们下载了。

如下图所示，正在下载中，也可以看到下载的整个进度。

最后一步：下载完后，我们打开文件位置，就可以看到我们需的图片了。以上是针对

天猫店进行操作，这软件还支持下载阿里巴巴的，下载淘宝的。这里就不在详细介绍了。

PS:整个介绍就到此结束，希望能帮到需要的朋友，谢谢！

淘宝中的图文详情是怎么做的篇七
《淘宝详情页设计方法》

淘宝详情页设计方法 一个好的淘宝详情页设计，不仅可以吸引更多的买家眼球，还可以大大提高店铺的转化率。以下这十种淘宝详情页设计，可以让你玩转淘宝。

1、三段式淘宝详情页设计法

这是仿新闻学中“倒三角写作法”：

第一段，请精要地浓缩全文的销售话术，因为多数人都没耐心看全文。

第二段，请依照型录要点衍伸法，逐一说明该商品的众多特色。到底是点列还是一段长文章较好，要看你的文字功力。文字功力欠佳就点列式写出卖点即可。

2、型录要点衍伸法

把该商品逗号商学院edu.douhaoyun.com型录上的商品特点照抄下来，然后每个要点后面加以延伸。

如果你真的很懒，照抄型录商品卖点也可，但文字会比较没有人味，说服力道会稍差。

3、最犀利的淘宝详情页设计：说出有利的事实

这个商品曾得什么奖？

源自哪个知名品牌？

是目前哪个通路的销售冠军？

是哪个网站网友口碑最佳的商品？

哪个当红名人代言这个商品？

或凸显这个商品的绝对价格优势(例全国最低价)。

不管你文案功力如何，如果你的商品有这些优势，记得把这些事实强调出来你就等着数钞票吧。

4、做淘宝详情页设计时，注重SEO友好性

不会做淘宝详重庆网站建设

因此你的文章中出现商品名称要是完整的，其中包含品牌、中文、英文以及正确的型号，方便搜索引擎蜘蛛读取，而且完整商品名的出现频率可以至少2-3次。

5、用文案诱导消费者照“你的建议”购买

优秀的实体重庆网站制作

你要不要挑战看看，你也可以此境界为目标，操控消费者的心智：要他加购配件、买某种颜色、买更高等级的规格、接受你的预购项目等。

6、九宮格思考法

拿一张白纸，用笔先分割成9公格。中间那格填上你的商品名，接下来开始在其它8格填上可以帮助此商品销售的众多可能优点。

这是强迫创意产生的简单练习法，我也常用这种方式构思出企划案或演讲PPT

的结构。

7、好的商品文案还需要图文并茂

再攻心的文字文案，也不如一张有说服力的照片。长篇大论不如图文并茂地解说。

淘宝详情页设计不是单纯的文案写作，你可以把它理解成“单页的电子型录”来思考。 图片底下可斟酌加上一小排图片说明小字。新闻学研究已经证明：图片与图片底下的图说阅读率远胜过内文许多倍。另外还请记得要用小标题提纲挈领，阅读效果更佳。

8、好的淘宝详情页设计可以防御竞争对手的攻击

竞争对手的攻击包括耳语攻击、文案攻击以及价格攻击。

如果你觉得已经影响你的销售力道而必需有所动作，那请在文案里四两拨千金的还击，有技巧地化解对方的攻势，不必指名道姓正面冲突。

比如：某知名竞争对手说他的精品包价格比你的卖价便宜许多，那你可以强调你的商品的货源纯正、重庆seo优化

9、产品文案可以随季节及销售数字修改

本文来源：http://www.guakaob.com/zigeleikaoshi/203854.html