Dreamweaver里怎么做热点链接?

对于文字和图片(整图)的链接我们都知道通过属性面板可以设置,那局部图片需要链接出去,该怎么设置呢?

操作方法

  • 01

    新建文档里插入准备好的素材图片。

  • 02

    选中图片,界面左下角箭头处就是热点工具,有圆形、矩形和多边形几种热点工具。就是可以把热点区域(链接区域)设置为这几种形状。

  • 03

    最前面的指针热点工具,是用来修改、移动后面几种热点形状的。如果有画的不好的地方,可以用它修改。

  • 04

    选中矩形热点工具,可以看到鼠标变为十字形,在图片需要链接的地方去画图,把内容框起来。

  • 05

    框好的区域会有蓝色格子图片显示,蓝色区域都是鼠标点击可以跳转的。

  • 06

    在属性面板“链接”里填上链接地址,记得一定是http://开头的格式,否则跳转不到相应网址。

  • 07

    浏览时链接区域鼠标经过时显示为手指状态,点击成功跳转。

  • 08

    同样的方式,在图片上做圆形、多边形热区链接。

(0)

相关推荐

  • DW怎样做热点链接

    在平常我们的店铺装修中,经常会遇到在一张图片上做产品链接,或者在一张海报上做产品的链接,在这个时候我们就需要用到DW来给我们做热点链接,方便我们的店铺装修. 操作方法 01 把我们在ps软件中做好的图 ...

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

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

  • 淘宝店铺店招的链接如果用DW做热点取边框!

    淘宝店铺店招的链接如果用DW做热点取边框! 操作方法 01 进入淘宝卖家后台左侧导航栏找到"店铺管 02 然后找任意一张图片点击他的查看他的图片链接地址, 03 然后打开DW软件,dw运行打 ...

  • 如何用PS制作网页热点链接

    用Photoshop切片功能,把网页切成不同的区块,给每个区块加上热点链接 操作方法 01 第一:随机照一张图片 02 第二:制作几个按钮 03 第三:用辅助线打好切片范围 04 第四:选择切片工具, ...

  • 微信公众号里怎么做视频直播?

    微信是现代最多人使用的社交平台,直播是现代最热的娱乐方式,如何把两者结合起来?在微信公众号里怎么做视频直播呢?跟着小编一起来体验. 操作方法 01 下载安装一款直播APP 如果你已经有了直播软件,可以 ...

  • mac如何做热点?mac创建wifi热点方法介绍

    如果是家里有路由器的,那热点设置就非常的简单了,那要是在特殊情况下,没有热点怎么办呢,不要着急,有一种方法可以用Mac做热点,接下来请仔细阅读教程。 1,打开“系统偏好设置”,点击“共享→互联网共享” ...

  • 如何在wps2019文档里创建文本框链接

    今天,小编给大家分享在wps2019文档里创建文本框链接的方法,希望对大家有所帮助.具体如下:1. 首先,请大家在自己的电脑中找到"wps2019"软件,点击进入主界面,然后选择屏 ...

  • PS里怎么做透明文字

    PS里怎么做透明文字?掌握了文字蒙版工具,做透明文字的效果就完全没问题了 操作方法 01 打开PS,导入一张素材图 02 创建一个新图层 03 创建一个矩形选区,并填充颜色为前景色(alt+del.) ...

  • 在ps里如何做羽化

    在ps里如何做羽化 操作方法 01 先用ctrl+o打开俩张图片,然后用椭圆工具选上想要的花 02 在用ctrl+shift+i进行反选,用shift+f6进行羽化,然后在按delete,最后按ctr ...