如何在宝贝详情页中制作一张图片多个链接

详情页中一张图加链接都很简单，问题来了，如何在一张图的不同地方加不同链接呢？分享给大家，一起看看吧！

工具：Adobe Dreamweaver CS5

1.打开软件首先打开Adobe Dreamweaver CS5软件，在初始页面中可以从“文件”中新建，也可以直接点击“HTML"。

2.之后点击“插入”图像，在弹出的窗口中找到你编辑的图片插入就好了在点击玩确定的文件名后会弹出对话筐，不用管，直接点确定就OK了，有两个，全都点确定就好了。

3.添加链接在软件窗口的左下角，有一个“绘制矩形热点”这样的一个命令符号，如图红色标记所示，这个就是我们添加链接的命令按钮，有三个形状，在做图的时候可以根据需要选取，我们这里用的是矩形的命令按钮，

4.选取第一个矩形的命令按钮，鼠标移动至所要编辑的图片，拖动选中起要分割的单一图片，如图所示，被选中的部分变成朦胧状，就OK了，弹出的对话框直接点确定就行了

5.在左下方有链接的地址，把“#”去掉，然后把所选图片的链接地址复制上去，这样其中的一部分就做好了，同理，可以把剩下的图片加上自己想要的链接

6.复制代码复制软件上方代码窗口中两个"“之间所有的代码（包括两个”"），保存到TXT文档中就行了

7.图片上传很简单的，把之前做的大图上传到自己的图片空间里，打开图片，右键点击图片，把图片的地址复制下来，替换之前的图片地址 <ing src="图片地址"的位置中，如图

这样一张图片不同位置不同链接，就设置好了。剩下就是将代码传到详情页或者店铺首页或者二级页面中了。这里就不多讲了吧。在自定义模块中，点击如图按钮，把TXT中的代码复制就行。在点一下这个按钮，回到图像编辑就ok了。

如何在宝贝详情页中制作一张图片多个链接相关推荐

淘宝店铺装修（首页和宝贝详情页显示不一致）
做淘宝C店铺装修的时候,很多会使用到footer-more-trigger属性中的position:absolute;绝对定位.但是该属性在宝贝详情页中是没有的,制作店招或者页尾时的共用模块就可能会显 ...
弘辽科技：如何制作高转化的淘宝宝贝详情页？只需三招！
原标题<弘辽科技:如何制作高转化的淘宝宝贝详情页?只需三招!> 商品详情页是影响店铺转化的重要的因素之一,很多商家都觉得宝贝详情页很难制作,其实制作宝贝详情页还是很简单的,首先我们就要找准 ...
微信小程序一星期入门-完结篇--电影详情页的制作
文章目录微信小程序入门(七)--入门篇完结实现电影页面按钮的更多功能获取数据 more-movie页面布局 movies页面更多按钮绑定事件更多按钮的事件更多页面onLoad的更改实现mo ...
淘宝宝贝详情页的优化技巧
客户进入店铺,第一眼看到的一般都是宝贝详情页.我们知道很多客户看到产品后直接影响其购买的关键因素是宝贝详情页.宝贝的详情描述能否吸引买家是关键.所以,如果你想提高成交量,就必须优化好自己的宝贝详情页. ...
如何设计宝贝详情页提高转化率？
宝贝详情页是提高转化率的入口,可以激发顾客的消费欲望,树立顾客对店铺的信任感,打消消费疑虑,促使他们下单.优化宝贝详情对转化率有提升作用,但是起决定性作用的还是产品本身,那么怎么才能做到高转化的详情页 ...
手机淘宝宝贝详情页《问大家》数据爬虫手把手实战，包含动态参数如何生成...
开年后,一直在弄爬虫相关方面的工作,今天就以淘宝问大家为例,将爬虫的整套过程记录下来.总结经验,查漏补缺如何找到问大家的网页链接打开手机淘宝,随意浏览个宝贝进入宝贝详情页,进入问大家主页点击分 ...
淘宝店铺如何做好高质量高转化的详情页，制作高详情页的方法
前面关于详情页的制作我们讲的也不是很多很细,今天这篇文章就专门来为大家讲解一下,如何制作高转化率的详情页. 首先我们做好详情页我们需要参考店铺那些数据来进行优化,接下来就为大家介绍一下一.分析店铺数 ...
淘宝卖家如何通过宝贝详情页装修提高店铺转化？
开网店,淘宝卖家们最清楚不过了,每天的操作都是围绕着流量和转化这两个核心问题.想要提高店铺的转化率,技巧有很多,今天主要说说怎样通过宝贝详情页装修来提高店铺转化率.下面就来给大家说说宝贝详情页装修具体 ...
【25】淘宝sdk——入门实战之宝贝详情页
宝贝详情页,我们用系统模块,注意我们一般情况下只要在detail_left.php和detail_right.php中写就可以了,不用在detail.php中写. detail_left.php页: ...

如何在宝贝详情页中制作一张图片多个链接

如何在宝贝详情页中制作一张图片多个链接相关推荐

最新文章

热门文章