Dreamweaver怎么给图片添加热点链接

很多朋友做前端开发都会用到Dreamweaver软件,这个软件是可视化操作,很方便。下面小编就来演示其方便的一个功能,就是给图片添加热点链接。

操作方法

  • 01

    首先打开Dreamweaver CS6,当前其他版本也可以,然后新建一个html文档。

  • 02

    然后在body中加入一张图片,用img标签。按F12可以在浏览器中预览效果。

  • 03

    关键的步骤来了,将布局切换到设计视图,然后在图片上右击,在弹出的菜单中选择“属性”。

  • 04

    然后底部会弹出属性面板,选择“热点工具”,有正方形、圆形和多边形,选择自己需要的。

  • 05

    然后在图片上画出热点的区域即可,注意图片要写alt属性。

  • 06

    画好区域之后,在属性面板中输入要链接到的网址即可。

  • 07

    再按F12预览,点击热点区域就可以跳转到指定的链接了。

(0)

相关推荐

  • 如何使用DW工具给图片添加热点

    一.准备一张图片. 准备一张需要给不同区域添加不同热点的图片. 二.插入图片: 打开Dreamweaver,新建一个网页,将图片插入到页面中. 三.找到地图工具: 单击鼠标左键点击图片,这时候软件下方 ...

  • 微信公众号文章怎么给图片添加外部链接?

    微信公众号文章里面,我们都是需要给图片添加超级链接的,而且这些超级链接一般都是我们自己的表单,当然了我们添加外部超级链接也是有条件的,我们看下:微信公众号文章怎么给图片添加外部链接? 操作方法 01 ...

  • PS CC如何把图片添加上链接?

    PS CC如何把图片添加上链接?下面我们来看下操作方法. 操作方法 01 把图片素材拉入到PS中,即自动生成文档. 02 鼠标来到左侧的工具箱这里,调出切片工具 03 鼠标放在图片上,并且右击,弹出右 ...

  • 如何给微信公众平台推送图片添加网址链接呢?

    操作方法 01 第一步,登陆自己的微信公众账号,找到素材管理选项.我们编辑保存的所有图文信息都在里边. 02 第二步,在素材库里边,找到一篇自己想要编辑修改的图文信息.如图所示点击编辑选项. 03 第 ...

  • 如何给PPT中的图片添加超级链接

    当我们在演示PPT的时候,经常会需要点击一张图片跳转到一个网站,这是如何实现的呢? 操作方法 01 打开PPT到需要添加链接的图片 02 右键点击那张图片,在弹出的对话框中选择"超链接&qu ...

  • Dreamweaver怎么添加空链接

    在用Dreamweaver编写的时候,通常要给一些文字或者图片添加链接,不过在一开始的时候因为不确定该链接最后要指向哪里,所以我们一般会以设置一个空链接先代替一下,下面我来说下Dreamweaver怎 ...

  • dreamweaver如何添加图片 dreamweaver图片添加最全攻略教程

    Adobe Dreamweaver,简称“DW”,中文名称 "梦想编织者",是美国MACROMEDIA公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器.DW是第一套针对专 ...

  • dreamweaver怎么给图片加链接 如何给图片加链接

    dreamweaver怎么给图片加链接 ,dreamweaver如何给图片加链接.对于新手来说,给图片加链接也是一件挺不容易的事,下面我来说下dreamweaver怎么给图片加链接 ,dreamwea ...

  • 怎么用ps cs5给切片图片添加链接

    今天和大家分享下,如何利用ps cs5给图片添加链接,这个功能做淘宝店招的有可能会用到哦. 操作方法 01 我直接从网上找了一张图片,用ps cs5打开这张图片,将需要添加链接的部分用切片工具切出来, ...