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

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

时间:2024-10-12 09:09:37

如果要给图片加链接,可以参考以下方法,看怎样通过DW便捷的给图片加上链接代码。

工具/原料

电脑一台

Dreamweaver软件一个

Photoshop软件一个

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

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

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

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

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

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

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

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

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

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

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

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

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

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

怎样给图片加链接,dw怎么给图片加链接代码
© 手抄报圈