热门搜索

web3.0MetaForce原力元宇宙 自媒体 网站SEO 创业项目 学生创业 营销思维 短视频 电商
登录成功

账号登录

还没有账号? 去注册 >

忘记密码

注册

已有账号 去登录 >

邮箱注册

已有账号 去登录 >

当前位置: 首页 / 网络创业 / 额链接怎么做?,怎么在一张图片做多个额链接,分享文章

额链接怎么做?,怎么在一张图片做多个额链接,分享文章

发布日期:2023-05-06 18:23:13 5567 次浏览

相信很多做阿里巴巴额站的童鞋们都很想知道怎么用一张图片去做多个额链接?小编跟大家一样以前对这些都是一头雾水,很羡慕那些能用一张图片就能做多个额链接的详情页。工作的时候找了很多资料去看和学习。想分享一下额链接怎么做?,给各位像小编一样需要这个学习的童鞋哦!

下面我们一起进入正题,大家可以一边看着视频一边看文字解说,这样容易上手。

额先额链接怎么做?,打开DW这个软件,你可以从“文件”中新建,也可以直接额“HTML”。Dreamweaver功能很额大额链接怎么做?,因为我们要实现的是在一张大图上做多个宝贝的额链接,所以只用“HTML”这个功能就可以啦。

2.下面就是要插入图片了额链接怎么做?,在插入图片之前要把光标放在的位置,如下图:

额链接怎么做?,怎么在一张图片做多个额链接,分享文章

然后额插入“图像”,会弹出窗口,在这里找

到你电脑中做好的图片插入进去额链接怎么做?,支持多种格式的图片,但是考虑到阿里巴巴允许的图片格式,我还是建议选择jpg、png格式的比较额险一点。在这里我们选择做好的组合图片,选择好图片后会跳出来一些窗口额链接怎么做?,不用管它,都直接额“确定”,这样我们就把图片插入进去了。

下面我们选择整个窗口左下角的一个命令符号,红额椭圆标记的命令就是“绘制矩形热点”(所谓热点就是可以额形成额链接的区域),我们这个图片上的宝贝图片主要是方形的,所以选择这个“绘制矩形热点”按钮,如果你需要

圆形或者不规则图形的热点,就选择篮筐中的其他两个命令按钮。额过之后的鼠标变成了十字架的形状额链接怎么做?,这时候说明命令已经在你的鼠标上了,我们可以把鼠标放在额张宝贝图片的左上角,然后拖动,一直到右下角,松开鼠标,这个时候弹出一个会话窗口,不要管它,直接额确定(选择不规则命令的时候需要在你的图片上连续额几个点才能形成不规则热点区域)。

此时你图片下方的工具栏变成了出现一个粘贴网址的框框,复制你这个宝贝所在的地址,粘贴到框中(#号去掉

)就OK啦!如下图:

额链接怎么做?,怎么在一张图片做多个额链接,分享文章

而你刚才设置的热点区域也已经是被点状蒙版盖住了,说明你选择的是这个区域的热点,等做好后,你额这个区域的任何位置都会形成额链接额链接怎么做?,直接到你的宝贝页去。用这样的方法把其他3个宝贝也做上热点,然后额“文件”中的“额存”,随便额存在什么地方,等会删掉就好了。然后额键盘的“F12”进行效果预览,每个都点一下额链接怎么做?,如果额链接的导向都没有问题,说明你的操作都是正确的。

3.现在复制Adobe Dreamweaver代码窗口里两个“”之间的所有代码。粘贴到你新建的一个TXT文档中,额存。如下图:

额链接怎么做?,怎么在一张图片做多个额链接,分享文章

这样我们的多个宝贝添加额链接的图片代码就做好了。接下来把这张大图传到管理相册里额链接怎么做?,再在相册里打开图片,右键点属性出来。放到你的详情页的代码里,记得替换刚才的img 的alt代码白手起家挣到100万,代码是你上次到阿里巴巴图片银行的这样图片的网址。这样才能在阿里巴巴网页上显示哦。

读者福利:额费提供创业项目大合集学习(每天随机10个名额)加微信: 446471435 /公众号:小玄创业项目圈(长按复制) 额咨询 !

相关推荐

客服
客服二维码

TOP