█《尕生伊娃设计》手把手教你,1张图加N个链接~不用切割图片

以往我们做店铺装修、活动宣传的时候,往往是一张图片链接一个商品:

用上图单独超链此商品的页面

——————————————————————————————

但是对于很多朋友,经常会这样的问题。

就是已经拥有了一张带有多个商品的整张图片,需要给每个商品加上链接,如:

一、已设计好一个活动的整个布局的图片(此时不带超链接)

这是一整张图片

——————————————————————————————

二、在其他页面上的截图——(此时不带超链接)

此图为商品预览页面的截图

这也是一整张图片

——————————————————————————————

这还是一整张图片

怎么直接利用这些图片来装修我们的页面呢?

已往我们需要将图片切片处理,

这里我提供一个更为简便的办法,不用切片,简化上传图片数量

同一张图多个超链接的技术:

(需要准备的软件是 Macromedia Dreamweaver )

一、新建空白HTML文件:

二、插入图片:

三、选中图片后,选择画热区工具:

四、画图片热区、并填上超链接:

五、画完所有图片热区后,保存文件:

六、获取代码:

——————————————————————————————

这里给大家看一下我的整个装修效果,就是利用了同一张图多个超链接的技术

不过我这里一共只用了5张图片~

欢迎大家一起交流更多的装修技术

看帖有记得回帖哦~谢谢~谢谢~

最新评论

发表评论

为“█《尕生伊娃设计》手把手教你,1张图加N个链接~不用切割图片”说几句吧

评论内容:发表评论不能请不要超过250字;发表评论请自觉遵守互联网相关政策法规。

Copyright © 2009-2024 yr.pinnace.cn All Rights Reserved. 17育儿网 版权所有

粤ICP备11040004号-1