教你设置点击同一张图片不同位置跳转到的指定页面.docVIP

教你设置点击同一张图片跳转到的页面我们在网站上浏览网页的时候，经常到这种情况。在你面前展示的是一张图片，但是你点击这张图片的不同位置，就会跳转到不同的页面。如果你仅是作为一个，浏览器点击的这种变化对你来说，也没有什么。但是作为网商，这个就。尤其是很大一部分美工基础比较差但是在自己的日常实际操作当中， 这种图片广泛应用于各种海报。这些图片内容都是比较丰富的，所以当你设置好跳转之后，就会按你链接跳转到你指定页面。 其实当你知道了，它的制作过程的时候你就会一点都不对产生惊讶，而且你会大声的说so easy。 好了那么我现在就教大家一个简易的制作方法。如何制作一张图片，当你在点击图片的不同位置的时候，就会跳转到你指定的页面。 首先你要有一张已经制作好的。下面我就拿一张我制作过的简易图来做。从图中可以看出我这张海报图里面有两个产品，一个是万圣节披风斗篷，是白色银狐面具。两个产品，我们希望点击指定的产品页面上面。那么我们首先打开photoshop，然后再打开这张图片。我们要运用到的工具，就是切片工具。切片工具是第二个，而不是切片选择工具。然后，我们可以用切片工具把我们的某一产品，万圣节披风斗篷用切片工具，把他分切出来。我们在第二产品，白色银狐纸浆面具。我们在做仔细观察，如果切出来的图片间隔比较大的话我们可以选择工具作一下调整。然后我们再保存，保存的快捷键是。记住保存我们可以看到它有两个文件格式一个是我们分切出来的图片，一个是网页的格式html的。 那么接下来我们就要上传图片啦！我现在以阿里巴巴的店铺为例来做说明。其他的网站做法是一样的。用记事本方式打开网页格式html。我们可以看到那里面是很多的代码，这个东西其实也不要懂，只要复制我们需要的那一部分就可以了。复制之间的代码然后粘贴到你网站的源代码那里。再返回编辑按钮，你会发现其实我们，还看不到图片。这是为什么呢？其实很简单因为我们刚才保存出来的有两个文件，有一个是图片，另外一个是网页的html格式的。我们双击第一个图片，然后添加我们刚才分解出来的第一个万圣节披风斗篷图片。然后我们给这张图片添加超链接，新链接最好选择在新窗口打开，当客户点击这张图片的时候，他就不会覆盖刚才他看到的那个页面。依次类推，添加第二张第三张，或者更多。另外需要注意的是如果你那图片中间，间隔比较大的话，可以把光标放在前面的那一张图片的后面，然后删除键。到这里基本上的工作大致已经做完了。我们预览一下，如果没有什么问题，我们就可以发布了，如果有问题的话，我们再做稍微的修改。怎么样现在你是不是学会了？做法是不是很简单。