你好,欢迎来到阿里巴巴外贸圈 注册 登出
cn1515421951iign
外贸博士
外贸博士
  • 用户名cn1515421951iign
  • 粉丝429
  • 发帖数500
  • 铜币2158枚
  • 威望-1点
  • 外贸达人
  • 社区居民
  • 忠实会员
  • 社区明星
阅读:16260回复:47

Dreamweaver CC 2017设置一图多链的方法

楼主#
更多 发布于:2017-04-22 18:07
阿里巴巴国际站上传产品图片有时候需要给一张图片做多个超链接,方便访客点击一张图上设计的不同位置跳转到不同的产品,如相关产品营销(related products)
通过Dreamweaver(推荐Dreamweaver CC 2017)可以给一张图片加多个热点超链接,获取图片代码后添加到阿里巴巴国际站后台,从而实现一图多链的效果
操作步骤:
1.Adobe官网下载Dreamweaver CC 2017进行安装,并使用这个破解补丁(运行后选择Dreamweaver CC 2017,点击开始破解,然后打开Dreamweaver CC 2017的目录
下选择amtlib.dll点击破解,会自行替换这个文件从而破破解)
破解补丁:https://pan.baidu.com/s/1sl54WH3    目前支持到Adobe旗下软件的CC 2017版本,有更新我也会更新到帖子
2.运行Dreamweaver CC,菜单栏-文件-新建-新建html文件
3.菜单栏-插入-image,插入需要设置一图多链的图片
4.将需要设置多链接的图片上传到阿里巴巴国际站图片空间,复制图片链接,将链接替换掉图中src=后面的本地图片链接

图片:1.png


5.图中模式所示切换为设计,然后点击拆分

图片:2.png



6.鼠标右键点击图片-属性,就可以打开热点地图编辑框
7.使用矩形选区工具框选需要设置超链接的局部,然后将要跳转到的产品目标连接输入链接栏(去掉预设的星号)
目标修改为_blank(新窗口打开)

图片:3.png




8.全部设置完毕后切换到代码视图,全选复制代码,然后去阿里巴巴国际站产品发布编辑框切换为代码模式,添加到需要插入的位置,图片就出来了
提交后发布就可以了
作者:为主的祥助                                                                  出处:跨境E站
尊重原创,转账请注明作者和出处,盗贴必究,谢谢合作

更多原创运营文章:
Google 2018搜索指南-RankBrain算法
解析阿里巴巴国际站内页h2标签用法
赶紧Get:如何查看同行店铺数据  
主图识别算法-修改MD5让主图重复使用(上篇)
IIS配置301:不带www跳转到带www的URL的方法
修改代码隐藏阿里巴巴国际站导航栏
[提升排名]无线端下拉框词做移动端排名优化
[无线端优化]无线端APP下拉框排名的效果测试
批发与零售的详情页设计思路区别
如何分析P4P带来的询盘效果
Google更新猫头鹰算法-Project Owl
Dreamweaver CC 2017设置一图多链的方法
发布产品做属性优化-匹配搜索下拉框推荐
旺铺首页和产品详情内页放GIF动态图片的方法


喜欢4 评分0
微信公众号:跨境E站  | 前沿的阿里巴巴国际站运营优化+Google SEO干货
个人博客:https://www.losvincent.com/
国际站运营企鹅群:287112851   |   VIP技术群-微信:Los_Vincent  
cn1510250467
外贸博士
外贸博士
  • 用户名cn1510250467
  • 粉丝146
  • 发帖数16269
  • 铜币2709枚
  • 威望0点
  • 外贸达人
  • 忠实会员
  • 最爱沙发
  • 社区明星
  • 追星达人
  • 活跃读者
  • 社区居民
沙发#
发布于:2017-04-22 18:21
在外贸圈上又发现一个牛人!希望继续分享!
回复(0) 喜欢(0)     评分
cn1501698517
外贸研究生
外贸研究生
  • 用户名cn1501698517
  • 粉丝166
  • 发帖数7508
  • 铜币677枚
  • 威望0点
  • 社区居民
  • 忠实会员
  • 最爱沙发
  • 社区明星
板凳#
发布于:2017-04-23 21:38
专为SOHO, 半SOHO, 国内外企业建站, 超低友情价, 满意后收费, QQ/微信2384381190,
回复(0) 喜欢(0)     评分
xianlingfurniture
外贸新生
外贸新生
  • 用户名xianlingfurniture
  • 粉丝6
  • 发帖数3
  • 铜币0枚
  • 威望0点
  • 社区居民
地板#
发布于:2017-04-25 15:15
谢谢分享!
回复(0) 喜欢(0)     评分
cn1520419547ppaf
初来乍到
初来乍到
  • 用户名cn1520419547ppaf
  • 粉丝1
  • 发帖数1
  • 铜币0枚
  • 威望0点
地下室#
发布于:2017-04-25 15:26
厉害了我的哥,支持!
回复(0) 喜欢(0)     评分
cn1501565369
外贸本科生
外贸本科生
  • 用户名cn1501565369
  • 粉丝18
  • 发帖数1045
  • 铜币252枚
  • 威望0点
  • 社区居民
  • 第三方服务商
下水道#
发布于:2017-05-22 16:04
这个是描点,建议还是切开来做,这样对SEO有好处!谢谢!
QQ:976983066
回复(0) 喜欢(0)     评分
cn1519919461pszm
初来乍到
初来乍到
  • 用户名cn1519919461pszm
  • 粉丝8
  • 发帖数5
  • 铜币0枚
  • 威望0点
地下城市#
发布于:2017-05-25 16:52
谢谢分享
回复(0) 喜欢(0)     评分
cn1516708874cnnp
禁止发言
禁止发言
  • 用户名cn1516708874cnnp
  • 粉丝40
  • 发帖数5737
  • 铜币563枚
  • 威望-2点
地核#
发布于:2017-05-25 22:33
用户被禁言,该主题自动屏蔽!
回复(0) 喜欢(0)     评分
todocn
外贸新生
外贸新生
  • 用户名todocn
  • 粉丝4
  • 发帖数25
  • 铜币35枚
  • 威望0点
  • 社区居民
地心#
发布于:2017-10-06 15:37
热区名字可以改一下,map很容易跟页面上其他的热区冲突
回复(1) 喜欢(0)     评分
cn1515421951iign
外贸博士
外贸博士
  • 用户名cn1515421951iign
  • 粉丝429
  • 发帖数500
  • 铜币2158枚
  • 威望-1点
  • 外贸达人
  • 社区居民
  • 忠实会员
  • 社区明星
9重天#
发布于:2017-10-12 14:26
todocn:热区名字可以改一下,map很容易跟页面上其他的热区冲突回到原帖
恩,是的,多个热点块的话需要命名区分,谢谢补充
微信公众号:跨境E站  | 前沿的阿里巴巴国际站运营优化+Google SEO干货
个人博客:https://www.losvincent.com/
国际站运营企鹅群:287112851   |   VIP技术群-微信:Los_Vincent  
回复(0) 喜欢(0)     评分
cn1519512749zjvt
外贸新生
外贸新生
  • 用户名cn1519512749zjvt
  • 粉丝10
  • 发帖数129
  • 铜币60枚
  • 威望-1点
10楼#
发布于:2017-11-16 17:03
那个Dreamweaver还是用来做图片上复制文字的效果好吧,像这样的同一张图片可以用PS先切片然后用表格来做方便又实用
回复(1) 喜欢(0)     评分
cn1515421951iign
外贸博士
外贸博士
  • 用户名cn1515421951iign
  • 粉丝429
  • 发帖数500
  • 铜币2158枚
  • 威望-1点
  • 外贸达人
  • 社区居民
  • 忠实会员
  • 社区明星
11楼#
发布于:2017-11-16 17:12
cn1519512749zjvt:那个Dreamweaver还是用来做图片上复制文字的效果好吧,像这样的同一张图片可以用PS先切片然后用表格来做方便又实用回到原帖
主要针对国际站,内页15张图片的上限,DW做的就还是一张图,只占用一个图片位置。PS的话就占用多了
微信公众号:跨境E站  | 前沿的阿里巴巴国际站运营优化+Google SEO干货
个人博客:https://www.losvincent.com/
国际站运营企鹅群:287112851   |   VIP技术群-微信:Los_Vincent  
回复(0) 喜欢(0)     评分
dytoys
外贸博士
外贸博士
  • 用户名dytoys
  • 粉丝64
  • 发帖数474
  • 铜币1222枚
  • 威望0点
  • 外贸达人
  • 社区居民
  • 忠实会员
12楼#
发布于:2017-11-22 16:48
看不大懂,你怎么什么都懂,设计,代码,运营。。。
回复(1) 喜欢(0)     评分
cn1515421951iign
外贸博士
外贸博士
  • 用户名cn1515421951iign
  • 粉丝429
  • 发帖数500
  • 铜币2158枚
  • 威望-1点
  • 外贸达人
  • 社区居民
  • 忠实会员
  • 社区明星
13楼#
发布于:2017-11-22 17:41
dytoys:看不大懂,你怎么什么都懂,设计,代码,运营。。。回到原帖
工作会用到,就什么都学了一点入门的基础
微信公众号:跨境E站  | 前沿的阿里巴巴国际站运营优化+Google SEO干货
个人博客:https://www.losvincent.com/
国际站运营企鹅群:287112851   |   VIP技术群-微信:Los_Vincent  
回复(0) 喜欢(0)     评分
cnjscrafts
外贸学长
外贸学长
  • 用户名cnjscrafts
  • 粉丝9
  • 发帖数127
  • 铜币11枚
  • 威望0点
  • 社区居民
  • 忠实会员
14楼#
发布于:2018-01-09 22:04
你好,谢谢你的分享,我在操作第4-5步时候图片不知道为什么变没掉了。帮我看下对吗?
我哪里出错了。接着第6步属性啊什么都更没有了。还有图片银行的链接跟你好像也不一样
希望你回复,谢谢

描述:问题

图片:DREMVEAER 问题.jpg

问题


图片:图片银行.jpg

回复(1) 喜欢(0)     评分
cn1515421951iign
外贸博士
外贸博士
  • 用户名cn1515421951iign
  • 粉丝429
  • 发帖数500
  • 铜币2158枚
  • 威望-1点
  • 外贸达人
  • 社区居民
  • 忠实会员
  • 社区明星
15楼#
发布于:2018-01-10 16:19
cnjscrafts:你好,谢谢你的分享,我在操作第4-5步时候图片不知道为什么变没掉了。帮我看下对吗?
我哪里出错了。接着第6步属性啊什么都更没有了。还有图片银行的链接跟你好像也不一样
希望你回复,谢谢
回到原帖
改为拆分-设计的显示模式,同时src后面的路径在全部设置完毕热点后再修改为图片银行的链接,一开始不要修改
微信公众号:跨境E站  | 前沿的阿里巴巴国际站运营优化+Google SEO干货
个人博客:https://www.losvincent.com/
国际站运营企鹅群:287112851   |   VIP技术群-微信:Los_Vincent  
回复(0) 喜欢(0)     评分
cnjscrafts
外贸学长
外贸学长
  • 用户名cnjscrafts
  • 粉丝9
  • 发帖数127
  • 铜币11枚
  • 威望0点
  • 社区居民
  • 忠实会员
16楼#
发布于:2018-01-28 12:01
你好, 老师


这种一图多链的方法可以应用于其他地方吗? 比如开发信插入这种一图多链的图片。
如果不行的话是怎么操作呢?
因为“src=”   后面插入的是阿里国际站图片银行的链接,我怕不行。


谢谢 ,期待你回复
回复(1) 喜欢(0)     评分
cn1515421951iign
外贸博士
外贸博士
  • 用户名cn1515421951iign
  • 粉丝429
  • 发帖数500
  • 铜币2158枚
  • 威望-1点
  • 外贸达人
  • 社区居民
  • 忠实会员
  • 社区明星
17楼#
发布于:2018-01-30 11:47
cnjscrafts:你好, 老师


这种一图多链的方法可以应用于其他地方吗? 比如开发信插入这种一图多链的图片。
如果不行的话是怎么操作呢?
因为“src=”   后面插入的是阿里国际站图片银行的链接,我怕不行。


谢谢 ,期待你回复
回到原帖
支持HTML代码写入的就可以
微信公众号:跨境E站  | 前沿的阿里巴巴国际站运营优化+Google SEO干货
个人博客:https://www.losvincent.com/
国际站运营企鹅群:287112851   |   VIP技术群-微信:Los_Vincent  
回复(0) 喜欢(0)     评分
cn1518272224etqg
外贸研究生
外贸研究生
  • 用户名cn1518272224etqg
  • 粉丝12
  • 发帖数254
  • 铜币737枚
  • 威望0点
  • 社区居民
  • 忠实会员
18楼#
发布于:2018-02-11 06:16
亲,发送一个dreamwear CC 破解版给我们的链接吧。
回复(1) 喜欢(0)     评分
cn1515421951iign
外贸博士
外贸博士
  • 用户名cn1515421951iign
  • 粉丝429
  • 发帖数500
  • 铜币2158枚
  • 威望-1点
  • 外贸达人
  • 社区居民
  • 忠实会员
  • 社区明星
19楼#
发布于:2018-02-13 10:53
cn1518272224etqg:亲,发送一个dreamwear CC 破解版给我们的链接吧。回到原帖
Dreamviewer CC 2017:链接: https://pan.baidu.com/s/1jJkbLGU 密码: ws2e
微信公众号:跨境E站  | 前沿的阿里巴巴国际站运营优化+Google SEO干货
个人博客:https://www.losvincent.com/
国际站运营企鹅群:287112851   |   VIP技术群-微信:Los_Vincent  
回复(0) 喜欢(0)     评分
上一页
游客