老y开网店

 找回密码
 立即注册

QQ登录

只需一步,快速开始

微信名称:老y开网店

微 信 号:lakwdian

微信QQ:A8686369

专业版模板制作——如何给海报图片添加n个链接

2014-2-14 17:10| 发布者: 老y| 查看: 8074| 评论: 7

摘要: 专业版模板的功能越来越强大,装修的效果越来越漂亮,大家都知道如何给一张图片添加一个超链接,但当一张图片中有多个不同元素需要添加多个链接的时候如何操作呢?今天就给大家介绍一下使用 dreamweaver来制作多链接 ...
专业版模板的功能越来越强大,装修的效果越来越漂亮,大家都知道如何给一张图片添加一个超链接,但当一张图片中有多个不同元素需要添加多个链接的时候如何操作呢?今天就给大家介绍一下使用 dreamweaver来制作多链接图片。

我们以全屏海报为例来给大家讲解一下。全屏海报图片在线制作
第一步: 使用本站全屏海报在线制作工具生成全屏代码。注间,输入图片地址的时候要输入图片空间里图片的。
第二步:打开dreamweaver软件,新建一个html空白页,将里面软件自带的代码删除,然后将第一步生成的代码复制进去。

第三步:切换到设计视图模式,可以看到模块图片效果,然后使用热点工具来给图片添加链接。热点工具在图片最下面的属性下面,分为指针热点工具、矩形热点工具、圆形热点工具和多边形热点工具。


第四步:使用适合自己图片的热点工具,在图片中选择需要添加链接的区域,然后在下图中链接处添加链接。图片上任何地方都可以添加哦。


第五步:返回代码模式,复制里面的代码到你的店铺就可以看到效果了。

本文是以全屏海报为例来说明的,其实任何一张图片都是可以添加多个链接的。步骤是先上传图片到图片空间,然后添加一个自定义模块,插入上传的图片,返回源代码模式就可以获得这张图片的代码,然后按照上面的五步就可以给任何一张图片添加 多个链接了。


      本文来自 老y开网店(http://www.lakwdian.com) 转载请注明出处,关注官方公众号:lakwdian 每天推送淘宝装修技巧、淘宝装修特效模板,淘宝装修教程以及让你尖叫的淘宝运营实操案例、原创干货、超级干货,老y个人微信号:A8686369 每天免费解答、指导。
1

鲜花

握手

雷人

路过

鸡蛋

刚表态过的朋友 (1 人)

发表评论

最新评论

引用 愛放進行李 2015-1-25 00:00
真是 收益 匪浅
引用 秋月叶落 2014-12-9 00:00
路过,学习下
引用 风随心动 2014-11-14 00:00
前排支持下
引用 -安稳先生 2014-10-24 00:01
路过,学习下
引用 遗失的美好。 2014-10-22 00:02
支持一下:lol
引用 累的无法呼x1≠ 2014-10-19 00:03
楼主用心了,帖子对新人很有帮助
引用 怡然自得。 2014-9-27 00:01
帮你顶下哈!!

查看全部评论(7)

关闭

老y推荐上一条 /1 下一条

返回顶部