如何给一张图片添加多个超链接
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
如何给一张图片添加多个超链接(非切片)注:此方法由本人于网络自学,如有不足,欢迎探讨交流……
本人使用软件Dreamweaver CS5 (以下简称DW)。
首先,将所需图片传入图片空间,获取图片地址,
然后打开DW,新建一个HTML
进入后界面像这样设置
将代码框中的默认代码删除,然后选择插入-图像将图片的地址复制进弹出菜单中
然后我们就可以看到图片显示出来了
接下来,在属性栏下方有个“地图”,旁边就是热点划分工具,有方形,圆形,和不规则形状,
我们先选择方形,在需要添加链接的地方画上一个框,弹出的对话框不用管
将“地图”名字更改一下(这一步在同一个网页有多张热点图片时很重要,,地图名字默认是必须以字母开头,只能用字母和数字命名,不可以用中文,建议使用map01,map02……来命名!!!!!!!!!!!!!!!!!!)
将产品链接复制到下方属性栏中“链接”选项,(注意,要将其原本的“#”符号删除)目标栏填如“blank”(这是设置链接在新窗口打开,若不需要可以不填!!!)
点击确定,一个部位的链接便添加好了,其他部位也如此添加即可
全部链接设置完成,检查无误后将代码框中的代码全部复制到店铺装修的代码模块中
。
(完)
附:将代码复制到新模版中
买了新模版后,要将做好的热点图片装饰进新模版中,首先,将鼠标移到“装修”,选择“模版管理”
进入模版管理,选择我购买的模版选择新买的模版,再点应用鼠标移到大海报模块点击编辑
点开后,如下设置,(或可按照自己的喜好,自行设置)
再将热点代码复制到此处(注意红框选项)
点击确定,即可完成一张
继续添加图片,继续将鼠标移到模块中央部分,点击“+添加模块”选择设计师模块-多功能全屏海报
接下来如上方一样设置即可