通过dreamweaver添加图片热点链接

1.打开dreamweaver,建立一个html文档。插入图片,转到设计视图

1.png

2.在图片上右键-->属性,界面下部会出现如下图工具栏

2.png

3.用矩形工具(或其他工具)选中区域


Paste_Image.png

4.转回代码视图,可以发现已出现map标签

Paste_Image.png

5.填入相应的链接

Paste_Image.png

注:要注意的是现在所做的图片热点不是矢量的,当我们对图片做css缩放时,热点位置就会出错。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,301评论 25 708
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 46,887评论 22 665
  • 注:iOS10和Xcode8刚出来的时候,没有认真去追,看着别人都在吐槽,个人比较懒就没有及时去更新,连WWDC大...
    小抠阅读 383评论 0 0
  • 父母要知道,孩子的每一个顽固坏习惯的背后,都是他由于匮乏爱而在痛苦呐喊。如果你的孩子存在一些坏习惯,你可以告诉他“...
    根本源阅读 134评论 0 0