How to Use Adobe Bridge With Dreamweaver CS4

Adobe Bridge acts as a “bridge” between all the Adobe Creative Suite CS4 applications. You can browse directories of images and other supported assets in Bridge, then drag images into Dreamweaver without leaving Bridge. Here are the steps.

    Open Dreamweaver

  1. Step 1

    Open a document in Dreamweaver that you want to create or edit.

  2. Step 2

    Place your cursor in the document where you want the imported asset from Bridge to appear.

  3. Step 3

    Choose File > Browse in Bridge. The first time you do this you can choose whether or not to have Bridge automatically open each time you log in.

  4. Step 4

    Within Bridge, navigate to the folder on your computer where images you want to use are stored. Or you can choose File > Get Photos from Camera to move images directly from your camera.

  5. Step 5

    You can browse through your images in several ways. One is shown in this image, with it’s view of the images in the selected folder shown in compact mode. You can also view in full-screen mode or ultra-compact mode by clicking an icon in the upper right corner of the window. If you choose to use compact mode (the size shown here) the Bridge window will always be on top of other open applications.


  6. Bridge View menu

    Using the View menu you can choose to view your assets as a Slideshow too.

  7. Step 7

    Use the slider across the bottom of the Bridge window (see image in Step 5) to reduce or enlarge the thumbnail images you have showing.

  8. Step 8

    When you find the perfect image, drag it from the Bridge window and drop it into Dreamweaver in the position you selected. Add some alternative text to describe the image for accessibility purposes–and you’re done.

  9. Step 9

    If you want to leave Bridge open for further use, but get it out of the way, you can minimize the window or switch to full-screen mode so that the Bridge window will not always be on top. If you are finished with Bridge, close the application.