网页设计

Dreamweaver制作图像热点链接的方法

时间:2023-04-14 12:31:27 兴亮 网页设计 我要投稿
  • 相关推荐

Dreamweaver制作图像热点链接的方法

  Web站点的设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径,因此我们必须明确设计站点的目的和用户的需求,从而做出切实可行的设计方案。以下是小编为大家搜索整理的Dreamweaver制作图像热点链接的方法,欢迎阅读!更多精彩内容请及时关注我们应届毕业生考试网!

  方法1

  选择某种形状,并且在图片中用鼠标进行拖动,选中需要添加链接的部分。

  选中添加链接的图片区域后,在属性窗口链接中就可以拖动“指向文件”按钮,为图片添加超链接。

  超链接添加完成后,我们就在图片区域创建好了链接。

  方法2

  材料/工具

  电脑

  dreamweaver

  过程

  打开Dreamweaver CS6,新建一个html文档。

  在body中加入一张图片,用img标签。

  将布局切换到设计视图,在图片上右击,在弹出的菜单中选择“属性”。

  选择“热点工具”,有正方形、圆形和多边形,选择自己需要的。

  在图片上画出热点的区域即可,注意图片要写alt属性。

  在属性面板中输入要链接到的网址即可。

  再按F12预览,点击热点区域就可以跳转到指定的链接了。

【Dreamweaver制作图像热点链接的方法】相关文章:

Dreamweaver创建图像热点链接的方法09-04

使用dreamweaver中的图像热点链接08-08

用dreamweaver创建图像热点链接03-07

Dreamweaver制作超链接方法08-10

Dreamweaver制作超链接方法步骤08-06

Dreamweaver链接的方法10-31

Dreamweaver网页中制作锚点链接方法09-03

设置Dreamweaver的email链接方法  08-09

dreamweaver添加超链接的方法03-24