How to Add Image Links in Adobe Dreamweaver

  • google plus

In Brief...

Turning an image into a link in Dreamweaver is simple.

This feature works the same in all recent versions of Adobe Dreamweaver: CS5, CS6, and Creative Cloud (CC).

Take our Introduction to Dreamweaver Creative Cloud (CC) Training course for free.

See the Course Outline and Register


  1. Select the image.

  2. In the Link field under Properties, enter the URL of the link. For this example, we will use "":
    Properties Tab

  3. Save the page.

  4. Preview the page in your browser (File > Preview in Browser). The page will look like this:
    Text with Link

  5. When you hover over the link, the cursor will turn into a pointer and your browser will show the URL to which the link points.

  6. Click the "wikipedia" link. It will take you to Wikipedia's page entitled "Hello world program."

Author: Tracy Berry

Tracy has been a senior graphic designer/programmer, instructor, and consultant since 1993 and has developed hundreds of logos, marketing materials, websites, and multimedia solutions for customers worldwide, including involvement in large corporate software rollouts. She has helped many organizations optimize and streamline data solutions. She teaches both onsite and online courses and has her CTT (Certified Technical Trainer) certification. Tracy specializes in teaching graphics, desktop publishing, web design, reporting/productivity applications, as well as the creation of online courses with software from leading vendors.