Dreamweaver 设置一张图片多个链接
更新日期:2015/1/12 13:40:34    浏览次数:12817

有时候我们可以看到一些大店铺是一些海报上可以

此教程需要 Dreamweaver 软件(下面简称DW软件) ,版本无限制哈。

第一步:打开DW软件,然后点击顶部的【文件】菜单 =》 【新建】。然后选择【HTML】,创建一个文档。

 

 

第二步:在顶部的【插入】菜单=》【图像】。

 

 

在下图红框的位置,填入图片空间中图片下方的绿色“ 链接 ”地址,点击确定按钮即可。

 

 

第三步:双击图片,在下面可以看到图片属性的编辑内容。

 

 

然后我们在左下角找到【地图】那个框。给这个图片取个名字(名字不能是中文字),需要注意的是如果亲想在首页多次用这个方法,那这些名字就不能重复,也就是唯一的名字。例如我们取一个 map01

 

 

第四步:再次点击图片,然后点击刚才【地图】下面的三个图标。在图上画区域。

 

 

这三个图标可以画3种不同的区域。亲可以看下图,直接在图上划区域即可

 

 

第五步:添加链接。我们可以点击上图的蓝色的区域。然后在下面填入点击区域所打开的链接。

 

 

将# 号 替换成链接。例如 http://www.taobao.com

 

下面的【目标】选择 _blank 就可以了。表示点击链接在新窗口中打开。

 

第六步:最后点击代码视图。将代码 <body>  </body>  之间的内容复制到店铺 【自定义内容区】模块的代码工具中。 

 

其他类似的帮助教程

正在加载,请稍后...