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

 时间:2024-10-18 06:18:16

1、下载安装dreamweaver8

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

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

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

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

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

7、这样图片就插入进来了:

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

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

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

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

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

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

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

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

  • 如何设置记事本的字体及底色
  • css中怎么样才能使内容在div的底部中间
  • 如何快速批量下载网页图片
  • 网页图片循环播放效果
  • 教你怎样在一个网页中镶嵌另外一个网页在其中
  • 热门搜索
    爱心符号大全 苹果手机卡住了怎么办 历史故事大全 芜湖职业技术学院怎么样 黄家驹怎么去世的 张鲁一个人资料简介 怎么去掉页眉页脚 怎么把pdf转成图片 mpv商务车大全 观音香谱图解大全