手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间: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、最后保存文件,然后用浏览器打开文件,就可以在加链接的地方,点击,然后跳转到对应的地址了。

制作网页时如何给图片特定区域加链接
© 手抄报圈