代码之家 › 专栏 › 技术社区 › user225269

如何在Dreamweaver中放置使用Photoshop制作的布局链接

photoshop dreamweaver css

1

user225269 · 技术社区 · 15 年前

我只是好奇他们如何使用Dreamweaver在Photoshop的网站布局上添加链接。他们是怎么做到的?

1 回复 | 直到 15 年前

1

oezi 15 年前

如果要在图像的某些部分/区域上设置链接,应使用 imagemap 下面是一个简单的例子:

  <img src="image.png" width="345" height="312" border="0" alt="this is my image" usemap="#mymap">
  <map name="mymap">
    <area shape="rect" coords="11,10,59,29" href="http://www.koblenz.de/" alt="Koblenz" title="Koblenz">
    <area shape="rect" coords="42,36,96,57" href="http://www.wiesbaden.de/" alt="Wiesbaden" title="Wiesbaden">
  </map>

你可以为可点击的区域定义不同的形状,如矩形、圆形和多边形——只需向谷歌询问确切的语法即可。注意 usemap -应该使用图像的属性来定义wich映射。

编辑:我想我误解了你的问题-但也许这有助于…