How to Add a Link to an Image in Adobe Dreamweaver

Last Updated: July 1, 2021

While making websites, there are certain things to keep in mind, one of them being making your site interesting to viewers. With Dreamweaver, an HTML editing program, it is easy to convert an image to a link. This article will show you how that's done!

Steps

1
Open Dreamweaver. Open an existing file or define a new site and create a new HTML file, if you haven't already done that.
2
When you create a new HTML file, Dreamweaver will already create a basic webpage structure for you. Enter your cursor somewhere between the <body> and </body> tags.

Advertisement
3
Insert the image you want. There are three alternative methods for doing this:
- Go to the 'Insert' panel at the top. Click 'Image' and select 'Image' from the sub-menu that appears.
- Towards the right, there is a bar with 'Insert' and 'Files' written on top. Click 'Select' and then click 'Common' from the drop-down menu. Now, insert the image by clicking 'Image'. If that bar doesn't appear, click where 'Compact' or 'Expanded' workspace is written. Click 'Compact', then 'Reset Compact' to reset Dreamweaver's default settings.
- Press Ctrl+Alt+I on your keyboard.
4
Adjust the size of your image by entering the number of pixels on the 'Width' and 'Height' fields.
5
Go to the 'Design' mode to see what your image looks like. Click 'Live' to see how it will actually look like in your website.
6
Click on the image. In the 'Properties' panel, you will see a blank field that says 'Link'. Enter the link of your webpage, (for example - https://www.wikihow.com/) but don't forget the "http://" prefix! From the 'Target', select '_blank' if you want it to open in a new browser tab or window.
7
Save your web page by pressing Ctrl+S (Save) or Ctrl+⇧ Shift+S (Save As).

Advertisement