详情页是指淘宝店铺售出的产品详情介绍页面,图文并茂的向消费者展示产品的功能、质量、优势等,能够快速的让消费者了解产品。在设计详情页的时候,我们有时候需要在一张图片中添加多个链接,对于新手小伙伴们来说不清楚怎么添加,那么下面小编来教大家如何在一张图片中添加多个链接。
添加步骤如下:
1、首先我们需要从桌面上打开dw软件,新建画布或是直接点击“HTML”。
2、在界面上方的菜单栏中点击【插入】选项,在弹出的对话框中找到需要编辑的图片插入,点击确定。
3、接着在软件界面的左下角,找到绘制热点的图标,有三个形状可以选择,可以根据设计任务的情况选择形状热点图标并点击。
4、点击热点命令按钮之后,用鼠标移动需要编辑的图片,拖动选中要分割的单一图片,将被选中的图片朦胧化即可。
5、下一步找到软件界面中左下方的链接地址,去掉“#”,把图片链接地址复制上去。
6、接着复制代码到软件上方的代码窗口中,保存到txt文档即可。
7、然后将图片上传到图片空间,鼠标右键点击图片之后把图片的地址复制下来,替换之前的图片地址。
8、这样一张图片多种链接就添加好了。
以上就是关于如何在详情页中一张图片添加多个链接的操作方法和步骤,操作完成之后将代码传到店铺页面中去就可以啦,这个问题在设计详情页的时候经常需要用到,希望小伙伴们可以多练习熟练掌握运用。