淘宝详情页上的图片链接怎么做

导读：　淘宝详情页上的图片链接怎么做篇一《用DW在淘宝店铺装修中添加图片和链接》 ...

欢迎来到中国招生考试网http://www.chinazhaokao.com/成考报名栏目，本文为大家带来《淘宝详情页上的图片链接怎么做》，希望能帮助到你。

淘宝详情页上的图片链接怎么做篇一
《用DW在淘宝店铺装修中添加图片和链接》

DW店铺装修

之添加图片和链接

最近看了很多关于店铺装修的视频，现在我将自己总结的店铺装修时候用代码添加链接的方法分享给大家，与亲们探讨探讨，有不对的地方希望亲们指出，有错误的思路希望各位大神勿喷， 2015祝大家淘宝大卖，生意红火，家庭幸福，心想事成。

最开始装修店铺的时候最困扰我的便是链接的设置，进了很多同类的网店，发现他们都做得好好哦，一点击就进入了宝贝界面，很想也自己做出这样的效果，所以我在网上使劲找相关的视频，其中谈论得最多的便是微软的Macromedia Dreamweaver 8软件的应用，首先呢下载地址我就不多说了，在百度上粘贴上MacromediaDreamweaver 8会出来很多的哟亲们。好了，我就不多说了，直接上菜。

1、 我们安装好了软件然后就打开DW了，

如果你打开的是这个样子

那么恭喜亲，你下载的软件是正确的，在这里我给大家提供三个可以 用的序列号：

WPD800-59139-91432-25145

WPD800-57931-76932-54523、

WPD800-59931-32632-81939

（如果经济比较富足，请支持购买正版软件）

在Macromedia Dreamweaver 8或淘宝店铺装修时，时常需要用在放一张图片后，在这个图片上再放一张小图片或一些文字加链接，怎么实现呢，先看看效果吧： .下面再把代码复制上，放到代码编辑图里就行了

<table width="932" height="284" border="0"

background="

<tr>

<td><p>&nbsp;</p>

<p> </p>

<p><br />

<a

href="target="_blank"><img src="width="137" height="116" border="0" /></a></p>

</td>

</tr>

</table>

说明： 上面第一个红色部分为底图，了 最后一个红色部分为加上去的小图， 中间a href后面的红色部分是小图的链接，把这些都改成你要的就行。注意图的大小也要根据你要插入的图的大小改动，width="932" height="284"这是底图的大小；width="137" height="116"这是小图的大小 这里只加了一幅图，位置够的话，可以多加几幅或文字都可以哦！

关于Macromedia Dreamweaver (懒得打了以下我都简称DW了哈)的链接操作，首先我们先在PS中做好我们主页的一些图片，我就以我的这张图片为列了

告诉大家一个小诀窍，几张图片合成一张可以用美图秀秀哟，很方便

的呢。注意啦，我们还有一个工作，就是把你做好的这张图片传到我

们的淘宝图片空间哟，然后找到你们的

图片，复制下图片所在的链接

这一步相信亲们都已经很是熟练了吧

。

进入软件后我们第一步应该是新建站点，但是亲们我们不是专业的网站开发人员所以呢，我们直接点击HTML就OK拉。。

2、 这时候我们会在DW的主界面看到代码、拆分

和设计三个界面，一般我们进来时候便是默认

设计界面，如果不是亲们便点击一下就行啦，

下一步点击选择菜单栏上面的插入——图像——在弹出框中什么都可以不填，直接确定，这样我们图片便插入了这时候我们的界

面应该是这样的。

3、 亲们看到最下面那一栏属性界面了吗？我们的主要工作便是在这

儿进行滴呢，我们找到属性界面里面的源文件，把里面的内容全部删了，然后将我们复制的传在图片空间的图片链接粘贴到这儿喔， 在左下角点击那个不规则的四边形(专业术语叫多边形热点工具)，然后在我们图片上选取几个点

5、我选了四个点，然后就把我们要链接的图

片扣出来了喔，这时候我们最下面的属性栏

是这个样子滴。

注意啦，关键来了，我们先去我们的淘宝里面找到我们的宝贝，进入我们的宝贝详情页，在我们浏览器里不是有个网址嘛，我们全部选中，然后复制，再回到我们的DW，将上面图片中所示的属性界面里面的链接的‘#’号删了，将我们复制的链接粘贴到里面就OK拉，目标里面填写_blank，“替换”栏千万不要选喔，然后再点击一下左下角那个黑色箭头，点击一下图片空白地方，这样便是算保存啦，然后再点击我们的多边形热点工具，依次把我们的宝贝图片全部付上链接。

淘宝详情页上的图片链接怎么做篇二
《淘宝详情页制作方法》

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

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

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

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

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

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

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

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

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

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

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

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

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

淘宝详情页上的图片链接怎么做篇三
《淘宝页面制作一图多连接》

淘宝标准版旺铺装修体会-一图多链

在网上看到别人店铺首页至少有一张大图片，在大图片里拼放了很多小图片，用鼠标点击其中的小图片就可以看到新的内容，觉得很神秘，就想在自己店铺里也弄上这么一张大图片。开始在百度搜索是否有现成的HTML代码，但不知道用什么关键字，断断续续，在网上找了一个月也没结果，本想放弃了，但某天在搜索导航栏制作代码时无意中看到了一篇介绍一图多链的文章，急急看下去，感觉说的太复杂了,有点头晕！但我对文中提到的必备软件“DW”产生浓厚的兴趣，就到网上搜索下载了DW4，边学习边实验，把在DW4里做的东西放到网页里观看效果。经过一段时间的研究，现在可以轻松制作多链图片了，不管那些小图片是什么形状，但原理都是一样的。

任何一件事，在不了解它之前总是显得复杂和深奥，现在看来，制作一张多链图实在太简单了，根本没有什么技术含量，但在当初却是一件很难的事！所以，有必要把过程写下来，对那些还处在“当初”的朋友也许有参考作用。本文以一张大图里添加6个链接为例，图解制作步骤。

第一步：根据宣传的需要，做一张拼图，就是把多张单独的图片合在一张图片上，图与图之间可留间隔，也可不留，这要根据具体情况而定。很多软件工具都可以做拼图。如图1：

(图1)

第二步：把拼图上传到图片空间备用。

第三步：创建链接点。

启动Adobe Dreamweaver CS4（简写：DW4）软件。（该软件可在百度搜索下载）届面如图2:

(图2)

1） 、点击左上角“文件”，选择“新建”.如图3：

(图3)

2）、在新出来的届面中选择“HTML”，再点击“创建”。如图4：

(图4)

3）、删除原来的代码。如图5：

(图5)

4）、点击“插入”，选择“图象”，如图6：

(图6)

5）、在电脑里找到刚才做好的拼图，点击“确定”。如图7

(图7)

6）、在新出现的对话届面里不填写任何东西，直接点击“确定”。如图8：

(图8)

淘宝详情页上的图片链接怎么做篇四
《淘宝详情页设计方法》

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

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

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

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

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

2、型录要点衍伸法

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

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

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

这个商品曾得什么奖？

源自哪个知名品牌？

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

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

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

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

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

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

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

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

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

优秀的实体重庆网站制作

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

6、九宮格思考法

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

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

的结构。

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

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

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

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

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

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

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

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

淘宝详情页上的图片链接怎么做篇五
《如何在淘宝模板中插入图片链接？滚动图片如何修改图片及链接》

如何在淘宝模板中插入图片链接？滚动图片如何修改图片及链接

编者按：很感谢淘宝掌柜“愚昧口香糖 ”的提问及建议，这篇文章将主要回答如何在淘宝模板中插入图片链接的相关问题。如有不懂或者说的不相信的地方，欢迎大家留言告诉我们，我们将继续改进。

（一）问题背景

本问题针对的模板为“一款包含店铺公告的淘宝旺铺促销模板”

（二）愚昧口香糖的相关提问

（1）图片插在代码里得什么位置。是不是复制图片地址粘贴上去就可以。在代码里用文字表示就很清楚啦。

（2）促销模板中左右滚动的图片有多大？具体尺寸是多少？如何插入？插在代码里的什么位置？

（3）代码里你们网站的地址是否要修改，修改成什么？

（4）还有就是在代码里的什么地方插入商品的描述？也就是链接。

（5）请问160*160哪里的图片是怎么弄上去啊？

（三）基础知识，新手必看（建议新手朋友多看几遍本段文字）

在具体回答这个问题之前，有必要给大家普与图片代码、链接代码、滚动代码相关的html知识，和如果获取图片地址、图片大小的方法，再了解这些基本知识后，以上问题基本就会自己解决了。

（a）图片代码介绍

一个标准的图片代码范例如下：

<img src="/images/1111/toplogo.gif" alt="鱼摆摆网店装修网" width="280" height="60"/>

其中src="/images/1111/toplogo.gif" 指明图片地址，/images/1111/toplogo.gif代表图片地址，在实际运用中就要在src="图片地址"中填写你自己的图片地址。

alt="鱼摆摆网店装修网"中的鱼摆摆图片网店装修网为图片说明，实际运用中修改成你实际的文字即可，这个可有可无，可以省略。

width="280" height="60"中的数字分别设置图片的宽度和高度

因此一个标准的图片代码格式如下：

<img src="图片地址" alt="图片说明文字" width="宽度" height="高度"/>

（b）链接代码说明

链接一般分为文字链接和图片链接，不过文字链接还是图片链接，其格式都一样：<a href="网页地址">链接内容</a>，其中“链接内容”可以是文字，也可以是图片，也可以是包含文字和图片的表格。

1.淘宝中，一个标准的文字链接范例如下：

<a href="/html/gonggao/796.html" target="_blank">联系我们</a> ，其中

/html/gonggao/796.html为网页链接地址（商品地址），“联系我们”为链接的文字。target="_blank"表示为链接网页在新窗口打开，如果省略该选项这表明链接本窗口打开。

因此文字的格式为：<a href="网页地址">文字</a>

2.图片的链接范例如下：

<a href="/html/gonggao/796.html"><img src="/images/1111/toplogo.gif" alt="鱼摆摆网店装修网" width="280" height="60"/></a>

这个代图片链接的html代码现在大家已经看明白了吧？图片链接就是在链接代码中再嵌套了一个图片代码，应该能够自动代码中那个是商品网页地址、那个是图片地址、那个是图片宽度、那个是图片高度了吧？

（c）滚动代码说明

滚动代码的格式为：<MARQUEE scrollAmount=滚动速度 scrolldelay=停顿时

间 direction=方向 behavior=滚动方式 width=宽度 height=高度 loop=循环次数>滚动内容</MARQUEE>

1. scrollAmount参数说明：scrollamount 表示运动速度，值是正整数，默认为6

2. scrolldelay参数说明：scrolldelay 表示停顿时间，值是正整数，默认为0，单位是毫秒

3.direction参数说明：direction 表示滚动的方向，值可以是left，right，up，down，默认为left

4.behavior参数说明：behavior 表示滚动的方式，值可以是scroll（连续滚动）slide（滑动一次）alternate（来回滚动），默认为scroll

5.loop参数说明：loop 表示循环的次数，值是正整数，默认为无限循环

（d）获取图片地址的方法见： 川普咖啡教你如何获取图片地址

（e）获取图片大小的方法：

将图片保存到电脑，然后对着图片点击鼠标右键，选择“摘要”即可得知图片大小。

（四）相关回答。

（1）图片插在代码里得什么位置。是不是复制图片地址粘贴上去就可以。在代码里用文字表示就很清楚啦。

在你将模板下载后，使用Dreamweaver（下载地址见Dreamweaver cs3下载地址）打开“预览.html”文件，鼠标左键单击一张“160X160像素”提示图片

然后点击“代码”按钮

你会发现该模板中160X160像素图片其实已经添加了图片代码，只是没有添加图片地址和链接地址而已。

这时候，如果你已经掌握了html知识，那么直接将该代码补充完整即可。补充后的代码为：

<a href="链接地址" target="_blank"><img width="160" height="160" src="图片地址"/></a>（注意：链接地址改为你的商品描述地址，图片地址替换为具体的图片地址）

这样你就完成了一个160X160图片链接的编辑工作。同理将其他图片编辑成你自己的图片链接。

如果还是对后台目录知识不太理解，那么你在鼠标左键单击图片后，在软件下方一下位置填写好图片地址、高度、宽度、链接地址，也是可以的。

（2）促销模板中左右滚动的图片有多大？具体尺寸是多少？如何插入？插在代码里的什么位置？

左右滚动图片尺寸为90X90，很抱歉，我们提供模板时没有具体交代。很多时候，模板中的一些图片大小如果你不清楚，建议你采用qq截图的办法，截取该区域图片大小，然后保存该图片，通过上面说的获取图片大小的方法就可以得知一个比较准确的尺寸。如果尺寸不准，你在稍候微调一下即可。

模板中左右滚动图片插入、编辑方法如下：

如果你已经掌握滚动代码，那么用Dreamweaver打开“预览.html”文件后，点击“代码”按钮，在代码中找到滚动代码的位置，修改图片链接代码即可。如果你对html只是不熟悉，按下面的方法操作：

淘宝详情页上的图片链接怎么做篇六
《修改淘宝主图和淘宝详情页图片的方法》

修改淘宝主图和淘宝详情页图片的方法： 制作主图图片------上传到淘宝图片空间--------进入卖家中心-------出售中宝贝--------编辑宝贝-------上传主图图片（可选空间中图片或本地图片）---------确认-------OK.

淘宝详情页上的图片链接怎么做篇七
《如何优化淘宝宝贝详情页》

如何优化宝贝详情页

这是第一张

有看到什么吗?这个办证的是个艺术家哦，营销效果非常好，大家都懂，不做解释。

第二张

中间的那个图是故意的吗？

你的视觉焦点在哪里？

第三张

如果想简单就用上的话，总结一句话，和别人不一样，别人用模特，你就不用，别人用实物，

你也必须用的话，想着怎么能不同一些，其实原理很简单，对比。

有对比，就有冲突，有冲突，就容易吸引人的视线，

为什么街上有人吵架，会有那么多人围观，因为那里有冲突。

另一点就是换个角落，

有个图片能开拓你的思路，给大家看下

这个也不用做解释，如果只是吸引眼球的话，同一个东西，有时从不同的角度看，就会有不

同的效果。

回到主题，我们是要讲怎么做宝贝描述，要从什么角度来整理我们的思路呢？

卖家、买家、还是第三方？

第三方会比较容易给人以信赖的感觉，一般是当做辅助手段在用，因为最终是买家给钱，商

品也给买家用，所以我们要站在买家的角度，有说，不同的人有不同的心理，是正确的，因

为我们其实要做的是了解你的客户的需求，了解他的心理，只有准确把握住这些，才能让我

们的宝贝描述打动他，往往一个成交，只是因为一个很小的点，打动了客户。

而打动了客户，你的转化率就上去了，问我有流量没有成效的同学要向下，你有没有用心去

了解你的客户需要的什么，这些需求是从哪里来的，作为电子商务的消费者，其实和线下的

消费者本质是一样的，但是却有一些不同的特点，比如说，一般认为线上交易的消费者，比

线下更容易跳失，一般认为更容易跳失的，因为线上和线下不同的是，他们离开你的店铺，

不会有什么心理压力，只需要移动鼠标，点击红叉叉就可以了。

客户去点红叉叉，可能有很多原因，客服，装修、文案等，但最重要的是，用户需求。

用户在购买的过程中，不断的在做选择，重要的依据就是他的需求。

上面的图是一个统计，大家看下，消费者对于自卖自夸的广告宣传的态度。

我们根据AIDMA法则，结合电商用户的特点呢，设计了这么一个说服逻辑。

先说第一部分，引起注意

很早以前，网站设计就有一个说法，打开一个页面不要超过3秒，而事实上在淘宝这里，这

个时间可能会更短，客户有非常多的选择，随时都在对比你和你的竞争对手的产品。

因此，第一步，就是快速引起他的注意，从而能让他多看你的宝贝一眼，看几个例子。

我不是说这样一定是对的，事实上第二张图是一个钻展的图片，不是在宝贝描述中的，但是

这样的图，一般都比较容易吸引人的注意力，第一张，是把握人的一种怕失去的心理。

第二张呢？是什么心理呢？那个怪脸只是吸引人实现的作用，重点是在2折那里，贪便宜的

心理。除了利用了一些人性的弱点，

重点在这里，别忘了用户的需求，他来看你的这个页面为的是什么？想要的是什么？

最好让他第一时间看到，当一个人看到他想看的东西的时候，就会被吸引，比如

所以，宝贝描述第一步，要记得是吸引客户，不管是小手段，还是用户的需求，你要考虑的

是怎么吸引他，让他继续看。

以上就是中国招生考试网http://www.chinazhaokao.com/带给大家不一样的精彩成考报名。想要了解更多《淘宝详情页上的图片链接怎么做》的朋友可以持续关注中国招生考试网，我们将会为你奉上最全最新鲜的成考报名内容哦! 中国招生考试网，因你而精彩。

相关热词搜索：淘宝宝贝详情图片链接 淘宝详情页图片超链接 淘宝详情页图片链接