DW下载**和如何使用DW确定map图片的coords坐标

DW的下载地址如下:http://dl.pconline.com.cn/download/90616.html 点击打开链接


DW下载**和如何使用DW确定map图片的coords坐标


如截图所示,选择本地下载中的一种方法下载,大小在60.2M左右。

安装DW软件,**码为:wpd800-56030-83832-97910


打开DW软件,选择文件——新建——基本页——HTML


DW下载**和如何使用DW确定map图片的coords坐标


创建后点击新文件的 设计界面,在左上角选择插入——图像,当弹出的提示信息跳过忽略即可。DW下载**和如何使用DW确定map图片的coords坐标


然后选择 绘制多边形的热点 ,鼠标变成heigh深黑色十字符号,然后按照你想要的多边形图案去确定多个点的形状,绘制之后的图案如下图,

DW下载**和如何使用DW确定map图片的coords坐标

DW下载**和如何使用DW确定map图片的coords坐标


然后切换文件的代码 界面视图就能得到类似:

<map name="Map" id="Map">
<area shape="poly" coords="28,132,60,153,70,169,78,192,86,204,103,209,120,173,104,153,90,142,106,128,96,120,79,115,53,117" href="#" />
</map>

这样的图片位置点位。

DW下载**和如何使用DW确定map图片的coords坐标

这样得到的点位坐标就是图片能点击的范围了。