建站软件 优化软件 编程软件 网页辅助 站群程序 网站程序 图像处理 资源教程 字体下载 推荐软件


您的位置:首页 > dw入门 > 第十节:dreamweaver图像热区链接

第十节:dreamweaver图像热区链接

时间:2014-11-24 15:53:45  来源:免费模板网 作者:风雪 阅读次数 tags图像热区链接

  1. 打开Dreamweaver软件,插入一张图片ctrl+alt+I,这里就简单的以一张图片为例进行介绍,因为内容很简单,大家学会了以后可以在自己的网站中进行应用就可以了。

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

  2. 选中图片,这时就会在下面出现关于图片的属性面板,在属性面板的左下角就是我们需要使用的工具——热点工具。

    dreamweaver图像热区链接操作步骤9f2f070828381f30ab5a6faea8014c086e06f072

  3. 热点工具介绍。

    第一个是矩形热点工具,第二个是圆形热点工具,第三个地多边形热点工具。不同的图形使用不同的工具,对于地图来讲,如果我们制作的热点需要精确的话就是用多边形热点工具即可。

    选择工具直接在图片上进行绘制。

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

  4. 绘制完成后就要进行添加连接的操作,添加的链接又有很多种。下面简单的介绍最常用的常用的几种情况。

    锚点链接。如果我们的网页添加了锚点并且制作的链接想要链接到锚点上的话就直接在链接地址中输入#加锚点的名即可。

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

  5. 链接到站内网页。我们做一个网站不可能只做一张网页,肯定会有很多的网页组成一个网站,那么我们要向将热点链接到站内的网页上。

    选择链接地址后面的指向文件,将指针拖动到你要连接的网页上即可。保存,按下F12键进行预览即可。

    dreamweaver图像热区链接操作步骤9d82d158ccbf6c814d4ac5efbd3eb13533fa40bc
    dreamweaver图像热区链接操作步骤730e0cf3d7ca7bcb6f122e28bf096b63f624a848

  6. 链接到站外,比如我们直接将热点链接到学做网站论坛之外的网站上,可以在链接中直接输入地址就可以了,注意的是地址中一定要与http://开头。输入地址后选择目标的打开方式,然后保存,预览即可。

本文地址:https://www.freemoban.com/dwrm/2014/1124/66.html

猜你喜欢
栏目推荐
模板推荐

Copyright:www.freemoban.com 免费模板网 All Rights Reserved 网站备案:辽ICP备19014872号-2   辽公网安备 21010602000376号  辽公网安备:42900402000182号

免责声明:本站部分资源来自互联网收集,版权归原创者所有,如果侵犯了你的权益,我们会及时删除侵权内容,联系QQ:1615187561 谢谢合作!