零基础建站培训介绍

当前位置:

dreamweaver图像热区链接

以下为学做网站论坛关于“dreamweaver图像热区链接”讲解视频教程。

什么是dreamweaver图像热区链接

大家在打开带有图片的网页时,有时会看到这样的情况:当鼠标指向图片的不同部位时,可以打开不同的超链接,这种技术我们称之为—网页图片热区。

dreamweaver图像热区链接操作步骤图文

  1. 打开Dreamweaver软件,插入一张图片ctrl+alt+I,这里就简单的以一张图片为例进行介绍,因为内容很简单,大家学会了以后可以在自己的网站中进行应用就可以了。dreamweaver图像热区链接操作步骤ac4bd11373f08202424772384afbfbedaa641bdb
  2. 选中图片,这时就会在下面出现关于图片的属性面板,在属性面板的左下角就是我们需要使用的工具——热点工具。dreamweaver图像热区链接操作步骤9f2f070828381f30ab5a6faea8014c086e06f072
  3. 热点工具介绍。第一个是矩形热点工具,第二个是圆形热点工具,第三个地多边形热点工具。不同的图形使用不同的工具,对于地图来讲,如果我们制作的热点需要精确的话就是用多边形热点工具即可。选择工具直接在图片上进行绘制。

    dreamweaver图像热区链接操作步骤c995d143ad4bd113661b55355bafa40f4afb05e6

  4. 绘制完成后就要进行添加连接的操作,添加的链接又有很多种。下面简单的介绍最常用的常用的几种情况。锚点链接。如果我们的网页添加了锚点并且制作的链接想要链接到锚点上的话就直接在链接地址中输入#加锚点的名即可。dreamweaver图像热区链接操作步骤faedab64034f78f0ec6175f478310a55b3191c4a
  5. 链接到站内网页。我们做一个网站不可能只做一张网页,肯定会有很多的网页组成一个网站,那么我们要向将热点链接到站内的网页上。选择链接地址后面的指向文件,将指针拖动到你要连接的网页上即可。保存,按下F12键进行预览即可。dreamweaver图像热区链接操作步骤9d82d158ccbf6c814d4ac5efbd3eb13533fa40bc
    dreamweaver图像热区链接操作步骤730e0cf3d7ca7bcb6f122e28bf096b63f624a848
  6. 链接到站外,比如我们直接将热点链接到学做网站论坛之外的网站上,可以在链接中直接输入地址就可以了,注意的是地址中一定要与http://开头。输入地址后选择目标的打开方式,然后保存,预览即可。
上一课: 下一课:

发表评论

*

* 绝不会泄露