多语言展示
当前在线:801今日阅读:172今日分享:19

在一张图片上建立多个链接

一整张图片根据产品分别设置链接,高手请撸过~~~
工具/原料
1

工具:Dreamweaver(新手推荐使用Dreamweaver8)

2

方法:地图热点

方法/步骤
1

下载安装dreamweaver8

2

把你要做的图片上传到你的淘宝图片空间里面(这个应该会吧~~)

3

到图片空间找到你刚才上传的图片,点击“链接”就会把这个图片的链接复制下来,如下图

4

打开dreamweaver8,如图点击“html”:

5

在你新建的html文件里面插入你刚才上传的图片,在dreamweaver8的左上角点击”插入→图像”:

6

完成第5步后就会看到下图,在红框里面输入你刚才复制的图片链接,然后点确定,再点确定…

7

这样图片就插入进来了:

8

点击图片(这点很重要,不点图片你是看不到这个属性的),注意看dreamweaver8下面的属性框,我用红线框出来了,如图:

9

看属性框,现在我们就要使用热点地图了,看到地图下面有几个图形了吧,有矩形、圆形、不规则图形:

11

画好地图之后就是添加链接了噢,如图:写了编号①的地方在方框里面加入你响应的产品链接写了编号②的地方在方框里面选择打开的方式,建议选择“_blank”,意思是让你的链接在新的窗口中打开做好前面2步就完成第一个产品的链接就做好了,接下来做第二个,第三个……

12

所有产品的链接加完后的效果,如图:

13

接下来就是要放到淘宝里面去装修了,我们看到dreamweaver8的界面点击“代码”,你就会看到如下图的代码:

14

装修你的店铺,添加模块→选择自定义内容区→编辑→点击“源码”,如下图:

15

复制第13步里面所有的代码,粘贴到第14步的源码里面去,别忘了点确定哟!这样就大功告成了!

注意事项

在第8步还需要特别注意一点:如果有多张大图片需要这样处理的话,在下图红色框里看到“地图”2个字了吧,在地图右边有个框,在框里面给这个地图编个号,比如“map1、map2…”,只要编号不重复就行,不然等你都做好之后会出错的噢!!

推荐信息