dreamweaver给图片添加链接教程:
1、打开Dreamweaver。如果尚未打开一个现有文件或定义一个新站点并创建一个新HTML文件,请执行以下操作。
![23728feadaff43eb49f2a9949adc4699.png](https://i-blog.csdnimg.cn/blog_migrate/421b73bb206489c5bd4da1dacd635025.jpeg)
2、创建新的HTML文件时,Dreamweaver已经为您创建了一个基本的网页结构。在<body>和</ body>标记之间的某个地方输入光标。
![b0f470f8928e29a149636584c1943433.png](https://i-blog.csdnimg.cn/blog_migrate/3a5b849ddb96635e3ff31d81831f4d0a.jpeg)
3、插入所需的图像。有以下三种替代方法:
转到顶部的“插入”面板。单击“图像”,然后从出现的子菜单中选择“图像”。
在右侧,有一个写有“插入”和“文件”的栏。单击“选择”,然后从下拉菜单中单击“公用”。现在,通过单击“图像”插入图像。如果该栏未出现,请单击“紧凑”或“扩展”工作区的书写位置。单击“压缩”,然后单击“重置压缩”以重置Dreamweaver的默认设置。
在键盘上按Ctrl+ Alt+I。
![d8ca84f4ea3a3b22a562ce5d2be78f7e.png](https://i-blog.csdnimg.cn/blog_migrate/5f3a50e1ceb1b855c2ca3989c319c005.jpeg)
4、通过在“宽度”和“高度”字段中输入像素数来调整图像的大小。
![b334ef54c5ef60e3244d4fdcc6e9c0b3.png](https://i-blog.csdnimg.cn/blog_migrate/b196d6910364923cebdfee2f562d5f8a.jpeg)
5、转到“设计”模式以查看您的图像。点击“实时”查看它在您的网站中的实际外观。
![1f58ab5ce4a5cbdd6b9d8cca47594ae4.png](https://i-blog.csdnimg.cn/blog_migrate/3759ea7551726f4d36dbee0c3ba9383d.jpeg)
6、点击图片。在“属性”面板中,您将看到一个空白字段,显示“链接”。输入您的网页链接(例如-https://www.wikihow.com/),但是请不要忘记添加“ http://”前缀!如果要在新的浏览器选项卡或窗口中打开“ _blank”,请从“目标”中选择。
![703303ee8a6c009dc0b410f9d71908da.png](https://i-blog.csdnimg.cn/blog_migrate/53f354622a7c10cfa8bdbace3e23ae09.jpeg)
7、通过按Ctrl+S(保存)或Ctrl+ ⇧ Shift+S(另存为)保存网页。
![d86b3651c562ce9a529df86f0e62b2ff.png](https://i-blog.csdnimg.cn/blog_migrate/d142815c94a26ae172715fe5967544ce.jpeg)