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

Instructions

  1. Select the image.

  2. In the Link field under Properties, enter the URL of the link. For this example, we will use "http://en.wikipedia.org/wiki/Hello_world_program":
    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."

Webucator provides instructor-led training to students throughout the US and Canada. We have trained over 90,000 students from over 16,000 organizations on technologies such as Microsoft ASP.NET, Microsoft Office, XML, Windows, Java, Adobe, HTML5, JavaScript, Angular, and much more. Check out our complete course catalog.

Categories

Courses

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.

Discuss