怎样用dreamweaver给图片某个区域添加一个链接

 时间:2024-10-20 11:20:37

1、首先我们新建一个html文档,并保存在一个合适的位置。

怎样用dreamweaver给图片某个区域添加一个链接

2、然后把光标定位到要插入图片的地方,然后点击导航栏的插入菜单,选择“图像”选项。

怎样用dreamweaver给图片某个区域添加一个链接

3、然后会弹出一个对话框,是设置图片相关辅助属性的,可以直接为空点击确定即可。

怎样用dreamweaver给图片某个区域添加一个链接

4、然后我们切换到“设计”视图,并用鼠标选中图片。

怎样用dreamweaver给图片某个区域添加一个链接

5、然后在页面底部的属性面板中选择自己想要的形状的热点工具。

怎样用dreamweaver给图片某个区域添加一个链接

6、然后用热点工具在图片上画出想要做链接的区域,如果你没有设置图片的alt属性,需要先设置一下。

怎样用dreamweaver给图片某个区域添加一个链接

7、alt也就是替换文本的值,如图所示。然后再填写链接区域链接到的网址和打开方式就可以了。

怎样用dreamweaver给图片某个区域添加一个链接

8、最后可以预览测试一下,鼠标放到图像的链接区域,浏览器左下角会出现链接地址。

怎样用dreamweaver给图片某个区域添加一个链接
  • dw怎么给图片加链接
  • DW怎么修改文字链接颜色?
  • dw图片滚动效果怎么做
  • Dreamweaver如何添加网页超链接
  • Dw怎么给图片一个超链接?
  • 热门搜索
    关于戒烟的手抄报 感恩妈妈手抄报内容 安全出行手抄报 端午手抄报模板 反对校园暴力手抄报 交通手抄报图片大全 手抄报图片大全简单 关爱生命手抄报 交通安全手抄报花边 手抄报的边框