巧用Dreamweaver实现一图多链接效果!

5小时前 (21:18:21)阅读1回复0
lrj
lrj
  • 管理员
  • 注册排名2
  • 经验值118500
  • 级别管理员
  • 主题23700
  • 回复0
楼主

那里是跨境电商运营小白的分享~,

本人电子商务结业,跨境运营一年+体味,涉及两个行业大类目标运营,实现两个月询盘增长43%,目前还有良多猜疑和问题,期看能与各人多多交换进修呀~

实现步调:

1. 下载dobe Dreamweaver的软件,(需要安拆包,或停止安拆批示的私我yo~)

2. 预备好要加多链接的处置好的图片,(那是我提早做的一个简图)

3. 翻开Dreamweaver,抉择新建HTML翻开,

4.顶部菜单栏依次抉择“插进”-“图像”,找到所保留的图像的位置,点击图片进来,依次点击确定,图片即进进设想视图下

5.点击设想视图下的图片,可见左下角呈现热点绘造东西,因为我们提早预备好的链接框接近矩形,我们抉择第一个矩形热点东西停止在图片长进行绘造,点击确认,手动在左下角添加

链接:期看点击动做施行后要跳转的页面,即链接地址;(那里我添加了百度的网址)

目标:链接页面的翻开体例,一般抉择_blank;

地址:填写该图片的核心关键词,避免加载失败,还有利于搜刮引擎挠取。

填写后可见代码视图新增生成了几行代码,

6.同样的办法,将另一按钮做类似操做,曲至完成所有的绘造,下图是该动做完成生成的所有代码,

7.将生成的代码复造,放到各人在设想中源代码形式下的代码中,即实现效果,

注:

A.那个一般针对电商同窗们在详情设想中会用到的办法,复造代码之前,别忘了先把图片上传至图片空间/ 图片银行,将图片的地址停止替代,不然展现不出图片哦~

B.那个更多的用于联系关系营销,多图多产物加多链接的办法!

好了,

到那里,就完毕啦,

有不大白的欢送私戳~

0
回帖

巧用Dreamweaver实现一图多链接效果! 期待您的回复!

取消