我们在运营网站的同时,肯定少不了做图片海报,那么我们站长可能会有一个需求,那就是“在图片的某一个部分添加网页链接(超链接)”这样对用户体验度、专业度有极大的提升。
例如以下图片,我们站长的需求就是,这张图片中的“立即开通”可以点击,并跳转到想要的页面,而除了这个立即开通,其他不能点击。
![图片海报 图片海报](http://3337187.s148i.faiusr.com/2/101/AJQBCAAQAhgAIIuL5K0GKILvqeADMOkFOIID)
那么问题来了,我们都知道这些其实需要懂代码的,那么我们在不懂代码的情况下怎么做出来?
很简单,我们利用PS软件就可以搞定了,以下为步骤教学
(1)将此图片拖入PS软件当中,如下图:
![PS软件工具 PS软件工具](http://3337187.s148i.faiusr.com/2/101/AJQBCAAQAhgAIOGM5K0GKM-0j2Mwxg44_wY)
(2)这时候我们选择左边栏的“切片工具”,如下图所示:
![PS切片���具 PS切片工具](http://3337187.s148i.faiusr.com/2/101/AJQBCAAQAhgAILON5K0GKOiygt0DMMgMOK8G)
(3)选择后,我们就对图片进行切片,选择要加入网页链接的区域,一般是按钮,比如:立即开通,如下图所示:
![图片如何切片 图片如何切片](http://3337187.s148i.faiusr.com/2/101/AJQBCAAQAhgAIKqO5K0GKLbTgfoHMNUMOLUG)
(4)框选后,我们点击鼠标右键,选择“编辑切片选项”,如下图所示:
![切片选项编辑 切片选项编辑](http://3337187.s148i.faiusr.com/2/101/AJQBCAAQAhgAIPSO5K0GKOryyf0GMJkHOIgE)
(5)我们添加上“网页链接,比如我添加(www.yungai.net)”,目标添加“_banck”,这个代表在“新窗口打开”,如下图所示:
![图片超链接 图片超链接](http://3337187.s148i.faiusr.com/2/101/AJQBCAAQAhgAIJuQ5K0GKIClrckHMJIIOPME)
(6)选择“确定”,这时候就可以导出了,我们选择最左上角的文件,进行导出,选择储存为Web所用格式,如下图所示:
![PS导出Web格式 PS导出Web格式](http://3337187.s148i.faiusr.com/4/101/AJQBCAAQBBgAINqR5K0GKJCdne0FMOUKOOkF)
(7)这时候,我们直接选择“存储”,如下图所示:
![PS文件存储 PS文件存储](http://3337187.s148i.faiusr.com/2/101/AJQBCAAQAhgAIK_S5K0GKMempDwwngg4jQY)
(8)选择我们格式需要选择“HTML和图像”,“所有切片”,然后可以保存了,如下图所示:
![PS导出的格式选择 PS导出的格式选择](http://3337187.s148i.faiusr.com/2/101/AJQBCAAQAhgAIOuT5K0GKKHBlIgEMLsEOPAD)
导出来后,将HTML代码上传到我们网页里面就可以了,到此完。