350装修平台已服务318多万家 淘宝店装修,拥有25万多个 350代理, 今日已售488 套模板 客户端下载 350教程论坛 350后台登陆 咨询邮箱 咨询邮箱:350@seo-lv.com 350模板官方微博 350模板微信
淘宝店导航热点图-如何在一张图片中添加多个链
发表日期:2014-11-24 10:13   文章编辑:350模板官网小编    浏览次数:
 

很多淘宝网店卖家都喜欢自己动手装修网店,但是在装修过程中难免遇到各种问题,比如怎么在一张图片上插入多个链接。其实,这些问题有时候你要思索很久,还是不得要领。这时候你不妨去开淘网论坛上提问,肯定在短时间内就会有专业人士为你解答,方便快捷。 
比如说淘宝店漂亮的店招和导航   其实都是图片,那么怎么在这上面加上链接, 其实就是这个原理   

    今天讲解的是广告宣传海报问题,如何在一张图上添加多个链接。

    废话不多说,现在为大家图文讲解:

    第一步,我们先去百度搜索一个Frontpage 的软件,它是微软公司出品的一款网页制作入门级软件,大家先别嫌它麻烦哦,只要会用WORD的朋友,绝对会用这个软件。      

    第二步、安装好FRONTPAGE之后呢,双击打开,页面跟WORD很像把, 请先点击 “新建“ ,然后点击工具栏上的“插入”按钮。 然后在下拉菜单中选择”图片“,再选”来自文件“,然后就选择你需要设置多个连接的海报图, 点击”插入“。

如何在一张图片中添加多个链接

 

如何在一张图片中添加多个链接

    第三步、回到主编辑画面后,在插入的图片上单击鼠标左键,此时图片四周就会被八个点所包围起来,同时,在图片下方就会出现“图片工具条”。有时,“图片工具条”不会自动跳出,选择菜单“视图→工具栏→图片”,即可让“图片工具条”出现。

如何在一张图片中添加多个链接

    第四步、在“图片工具条”的右边,可以找到我们操作要用到的工具按钮,它们分别是“长方形热点”、“圆形热点”、“多边形热点“。

如何在一张图片中添加多个链接

    第五步、点一下“长方形热点”按钮,直接在要产生超链接的图片区域上按住鼠标左键不放,之后拖曳出超链接区域的范围直到符合我们理想的区域大小,然后放开鼠标左键结束区域设定。如果点的是“圆形热点”按钮,开始点应放在所要选定的圆形超链接区域的中心。 点击“多边形热点“就可以设置你自定义要连接的形状范围。

    第六步、在你拖拽好之后,紧接着弹出的“建立超链接”对话框中,可以直接选择或输入我们要进行超链接的网页地址,然后按下“确定”按钮关闭“建立超链接”对话窗口。
 

如何在一张图片中添加多个链接

    第七步、按照第四步和第五步的同样的方法在海报上设置多个链接就行了。

    第八步、当然设置好之后保存,到这里还没有最后的完成噢,我们点击FRONTPAGE页面的左下角,点击”代码“,编辑页面就会出现一串代码,你要做的就是复制这一串代码,然后去你的店铺装修中,添加自定义模块,编辑这个模块,点击”编辑HTML源码“,最后把你刚刚复制的代码粘帖进去进行了!

如何在一张图片中添加多个链接

    在你的店铺装修里点击添加自定义模块,编辑模块,点击工具栏里的”编辑HTML源码“,把代码复制进去

如何在一张图片中添加多个链接

  * 注意的是:首先你需要把你的海报图原图,上传到你平时存淘宝图片的相册里,然后复制海报原图的地址,把地址链接替换下你刚刚复制的代码的这个位置,如下图,不然的话,你粘帖到你自定义模块里的图是显示不出来的。


店铺模板

350店铺模板

查看模板 注册领取

手机模板

350手机模板

查看模板 注册领取

详情模板

350详情模板

查看模板 注册领取

免费领取

海报模板

350海报模板

在线设计

购买/价格

工具

350更多工具

350主图视频 更多工具
标签:    
如没特殊注明,文章均为350模板官网原创,转载请注明来自http://www.seo-lv.com//zxzs/155.html
相关文章推荐