怎样给图片加链接,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怎么给图片加链接代码
  • animate渐变色如何设置?
  • Animate如何使用椭圆工具
  • An如何嵌入字体样式
  • 在Dreamweaver中如何插入脚本对象?
  • Dreamweaver如何导出站点
  • 热门搜索
    健康人生绿色无毒手抄报 国学经典手抄报 厉行节约反对浪费手抄报 科技手抄报内容资料 防溺水手抄报简单 梦想手抄报 关于消防的手抄报 艾滋病手抄报 从小学先锋长大做先锋手抄报 消防手抄报大全