淘宝一图多链接教程
因为在百度知道回答了一图多链接的问题,很多人来问我,因为解释起来非常麻烦,而且很多步骤说不清楚,因此做了这个截图的教程,希望给大家帮助
首先,必备两个软件
Dreamweaver和Photoshop
首先准备好需要插入链接的图片,如图例
ps切图片用PS打开
选择切片工具,红圈所画即为切片工具
将自己所要添加链接的部分切割出来
此处注意:因为切片默认为长方形分割,如果只划出其中一小块,其余部分都会自动被PS分割成若干大小不等的长方形,导致图片切片又碎又多,因此,切割的时候尽量分割整齐,大块切割。
蓝是你亲手分割的可编辑部分,灰是PS自动分割的部分
右键点击需要加入链接的切片,弹出一个对话框
在这个对话框中,有一行url,下图划红线的地方,可加入宝贝链接
其余要加入链接的切片操作同上
点选右上角文件选项
下拉菜单中选择“储存为web及设备可用格式”
生成这个对话框
注意划红圈的地方,选取你要保存的图片格式,一般是jpg或gif
点储存,生成对话框,选一个专用的文件夹保存,注意下划线的部分,要选择储存为“html和图像”
会出现一个提示框,这个不影响,不用管,点确定即可
此时,在你保存的文件夹中会出现一个image文件夹和一个html文件
Image文件夹是切片,把这个文件夹中的所有切片上传到可以外链的图片空间,不要改文件名
用Dreamweaver打开这个html文件
打开后,左上角可以见到代码、拆分、设计三个按钮
点代码,就是显示代码,点设计就是显示html页展现内容,点拆分就是一半是代码,一半是显示内容
代码中 img src=” “中双引号内的部分为图片的本地地址,图片是不能从自己的计算机硬盘直接映射到网页上的,直接应用,会导致图片不能显示,因此要把本地地址,替换为刚才上传到图片空间的切片的地址。就是划红线的部分
要一一对应文件名替换,以免出差错。
a herf=” “的双引号中是刚才插入的链接
此时点进去是不会打开新页面的,如果想要打开新页面,必须在加入 target=”_blank”
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论