1: 软件准备 Photoshop Dreamweave 两款软件

  2: 首先准备好你要做超链接的图片,本教程以下图为例:



  我们需要对这张图片上的 移动充值 10 20 30 50 100 元分别作链接 同样还有联通电信 充值;

  3 用Photoshop 打开这张图片 选择切片工具;



  接下来就是把中间需要分区设置链接的地方切下来 如下图所示



  然后选择 切片选择工具点划分 在弹出的划分切片中输入你要划分的水平以及垂直区域的个数 如下图所示



  划分好以后 点击 左上角的 文件 选择储存为web和设备所用格式 然后就会出现一个网页格式的文件以及一个image的文件夹里面有你保存好的图像



  4:把image文件下下面的图片全部传到你的淘宝图片空间中

  5:用Dreamweaver打开储存的网页格式的文件



  点拆分会同时显示代码以及图片



  点击上面的每个划分区域后的图片就会显示这个图片的相应信息 如 点击10元



  上面中间红框内部为图片的储存位置,我们把原来的储存位置更改为你之前上传到淘宝图片空间里的10元的链接位置,

  链接位置可以再你的图片空间内 选中这张图片选择复制链接即可,把复制好的链接放到""中间代替原来的图片储存位置;



  6:所有图片都编辑好以后 把代码复制好;

  7:打开阿里旺旺 选择店铺装修 对要插入图片的位置选择编辑,把代码粘贴进去,即可在店铺装修里面对每个图片进行设置超链接;

  8:设置好超链接即可完成;



,Dreamweaver网站制作,Dreamweaver技巧,Dreamweaver教程