How to Add a Link to an Image in Adobe Dreamweaver
Open Dreamweaver., When you create a new HTML file, Dreamweaver will already create a basic webpage structure for you., Insert the image you want., Adjust the size of your image by entering the number of pixels on the 'Width' and 'Height' fields...
Step-by-Step Guide
-
Step 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. -
Step 2: When you create a new HTML file
Enter your cursor somewhere between the <body> and </body> tags. , 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. ,, Click 'Live' to see how it will actually look like in your website. , In the 'Properties' panel, you will see a blank field that says 'Link'.
Enter the link of your webpage, (for example
- https://www.LifeGuide Hub.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. , -
Step 3: Dreamweaver will already create a basic webpage structure for you.
-
Step 4: Insert the image you want.
-
Step 5: Adjust the size of your image by entering the number of pixels on the 'Width' and 'Height' fields.
-
Step 6: Go to the 'Design' mode to see what your image looks like.
-
Step 7: Click on the image.
-
Step 8: Save your web page by pressing Ctrl+S (Save) or Ctrl+⇧ Shift+S (Save As).
Detailed Guide
Open an existing file or define a new site and create a new HTML file, if you haven't already done that.
Enter your cursor somewhere between the <body> and </body> tags. , 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. ,, Click 'Live' to see how it will actually look like in your website. , In the 'Properties' panel, you will see a blank field that says 'Link'.
Enter the link of your webpage, (for example
- https://www.LifeGuide Hub.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. ,
About the Author
Hannah Gutierrez
Brings years of experience writing about crafts and related subjects.
Rate This Guide
How helpful was this guide? Click to rate: