大家好，我是一个淘宝新手，以前学过一点DW（DW是dreamweaver的简称，是一款网页设计软件），没想到如今在淘宝上用上了。想必大家都见过一些比较大的店铺或是商城，人家做促销时，怎么样实现一张图片可以多个不同的连接呢？可能有些朋友会说，人家都是用PS切片，一块块切出来分开再另做链接的。其实不是的，使用PS切片来制作比较繁琐，最大的缺点就是切片出来的图片会失帧。下面给大家介绍《dreamweaver 8.0》是怎么实现一图多个连接。DW的高手们多多指教，别抛砖哟！没有DW软件的朋友可以到百度上搜《dreamweaver 8.0》安装时须要序列号，百度上搜也非常多，下载、安装就跳过。废话不多说，上张图，避广告嫌疑，宝贝做模糊处理，只是图片未上连接。
一、DW界面介绍
1、双击
打开软件，新建一个HTML网页。如图：
或是点击《文件》——《新建》——《HTML》——《创建》如图：
2、简单介绍下面几个模式
代码模式：所有东西以代码显示
拆分模式：是上半部分显示代码，下半部分示图
设计模式：是全示图操作
制作完成后，点击中间地球图标是预览，选择浏览器预览。此时会弹出问你是否保存，点击确定保存即可预览。如图：
二、制作连接
1、点击《设计》按钮，进入设计模式。
2、点击《插入》——《图像》选择之前做好的促销图片后点击《确定》。如图：
弹出的窗口直接确定，如图：
3、图片属性介绍
插入图片后，点击一下图片选中，底部将会显示图片的属性，如图：
3、本地图片地址替换成网络图片地址。
本地地址：就是图片保存在你电脑上的地址（只能在本机看到）
网络地址：是上传到网络图片空间里的地址（保存到服务器大家都可以看到）
凡是想在网络上显示的图片，都必须先上传到网上，所以将图片传到淘宝图片空间里（上传方法与其它图片一样）
点击《卖家中心》——《图片空间》——《图片上传》——《添加图片》——《确定上传》。如图：
上传完成后，点击《连接》来复制地址 如图：
复制好连接后回到DW软件里，将之前的本地地址选中，把刚在空间里复制的地址，按《Ctrl + V》粘贴上去，再点一下其它地方或是按钮，图片地址就替换过来了。如图：
4、在图片上添加热点（热点就是连接区域）
点击图片选中，底部将出现图片属性后，点击《矩形热点工具》在你须要连接的宝贝上，拉动选取区域，画上热点。如图：
热点区域为有蓝色（也有其它颜色）透明状态区分，将其它宝贝都画上热点区域。点击左下角的《指针热点工具》可以选中，选中热点区域时，4个角会出现圆点。此时可以调整区域的大小，如图：
5、添加连接地址
点击左下角的那个箭头图标《指针热点工具》，点击选中上面的热点区域，热点四个角会出现一个点，属性下面连接处默认有个：#号（#号表示空连接）选中删除掉，如图：
此时找到你的宝贝连接地址（当点击时连接到的地址）打开你的宝贝详情页，浏览器上出现的地址就是你的宝贝连接地址。选中地址，按《Ctrl +C》复制地址。如图：
删除掉连接处的：#号后，把刚才复制的宝贝连接按《Ctrl + V》粘贴上去，此时，点击目标处的三角形按钮，选择第一个《_blank》（blank是在新窗口打开）如图：
其它连接操作一样，全部制作完成连接后。
点击上面的地球图标选择浏览器预览测试一下，如图：
测试过没问题后，点击代码按钮，切换到代码模式。按《Ctrl +A》全选后按《Ctrl+C》复制代码，如图：
复制好代码后，进入你的卖家中心《店铺装修》里，在你须要放置的位置，新建一个自定义内容区。如图：
添加好自定义模块后，点击《编辑》后再点击双箭头图标《源码》进入到代码模式，将刚才复制好的代码，按《Ctrl +V》粘贴进去。再次点击双箭头图标《源码》可切换回示图模式。点击保存。预览没问题后即可发布。如图：
最后点击发布操作：
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源： 玩转促销图HTML代码
