制作网页时如何给图片特定区域加链接

 时间:2024-10-19 16:02:15

1、打开Dreamweaver软件,文件---新建---页面类型--HTML--创建,即新建一个文档;

制作网页时如何给图片特定区域加链接

2、ctrl陴鲰芹茯+s快捷组合键,保存文件到文件夹中,这里命名为这里命名为“lianjie.html”,点击保存;

制作网页时如何给图片特定区域加链接

3、将Dreamweaver软件编辑模式,切换到“拆分”模式,这样容易一边看代码,一边可是化看到页面样子;

制作网页时如何给图片特定区域加链接

4、点击Dreamweaver软件菜单栏中的“插入”下拉菜单中,点击图像;

制作网页时如何给图片特定区域加链接

5、弹出的“选择图像源文件”对话框,找到要插入的图片,选定,点击确定按钮;

制作网页时如何给图片特定区域加链接

6、弹出“图像标签辅助功能属性”,点击确定就可以,(替换文本以及详细说明不用填写);

制作网页时如何给图片特定区域加链接

7、这是在“视图”区域,就可以看到刚刚插入完毕的图片;

制作网页时如何给图片特定区域加链接

8、重要的一步,就是给图片不同区域添加不同的链接,需要用到属性面板的“地图热点工具”,在这里选择“矩形热点工具”;

制作网页时如何给图片特定区域加链接

9、选定矩形热点工具之后,在图片需要加链接的地方,画矩形,弹出对话框,点击确定;

制作网页时如何给图片特定区域加链接

10、在属性面板,热点属性栏的链接和目标中,填写好链接地址以及链接打开方式;这里填写的是“http://jingyan.baidu.com/”以及“_blank”;

制作网页时如何给图片特定区域加链接

11、其他的想加链接的地方,也是用同样的方法加,就可以了。

制作网页时如何给图片特定区域加链接

12、最后保存文件,然后用浏览器打开文件,就可以在加链接的地方,点击,然后跳转到对应的地址了。

制作网页时如何给图片特定区域加链接
  • 怎样更改DW中的显示界面颜色【基础教程】
  • dw图片滚动效果怎么做
  • dw字体大小设置
  • 怎样用DreamWeaver实现多种html的切换
  • Dreamweaver cs6中AP div的使用方法
  • 热门搜索
    去杭州旅游攻略 新西兰旅游景点 长白山滑雪旅游攻略 景德镇旅游景点 常熟旅游网园林卡充值 安徽芜湖旅游 新西兰旅游费用 湖南株洲旅游 出国旅游去哪好 南京栖霞山旅游攻略