怎样给图片加链接,dw怎么给图片加链接代码?

怎样给图片加链接,dw怎么给图片加链接代码?,第1张

1、给要图片加上链接,需要先将它切片,,在PS里,用切片工具将该页面图片全切片完成。

2、然后再点击PS的文件菜单,再点击导出web所有格式,箭头所指处。

3、在d出的窗口里面,点击保存,通过以上 *** 作,这样就能先将要添加链接的图片以生成html文件。

4、保存后,打开存放该html文件的目录,点击它,拖动到Dreamweaver中,。

5、在Dreamweaver中打开该用图片生成的html文件后,就可以直接用鼠标点击要添加链接图片,然后在下面属性面板上的链接后面,把要链接到的地址输入进去。

6、就这样,可以依次把其它要添加链接的图片,都加好图片链接后,再点击Dreamweaver上的文件,再点击保存。

7、保存后,就可以通过浏览器打开该已添加图片链接的文件,将鼠标移到已加上链接的图片上方,这时鼠标就会自动改变成有链接的形状,在浏览器下方也会出现该链接地址,说明该图片链接已添加成功。

Dreamweaver是一款经典的网页制作软件。那么dreamweaver怎么给图片加链接?

材料/工具

电脑

dreamweaver

方法

1/7

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

请点击输入图片描述

2/7

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

请点击输入图片描述

3/7

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

请点击输入图片描述

4/7

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

请点击输入图片描述

5/7

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

请点击输入图片描述

6/7

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

请点击输入图片描述

7/7

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

请点击输入图片描述


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11627701.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存