Using images and MP3's in Dreamweaver MX

  • This quick guide assumes that you have a scanned image that has been resized and saved as a JPEG and that you have captured and edited an audio file and have saved it as an MP3. This guide shows you how to use images and MP3's on a web page.

To Place an Image on a Web Page

  1. First, make sure that your image has been cropped, resized, etc. in Photoshop and saved as a JPEG.
  2. If you do not yet have an "images" folder in your Dreamweaver site, create one now by Control-clicking (Mac) or Right-clicking (Windows) in the Dreamweaver site window and dragging down to "New Folder"
  3. Open the page in Dreamweaver that you want to place the image on and move the cursor to the location you want the image to appear.
  4. Select Insert->Image… and navigate to and click
    on the image you want to insert. Click Open.
  5. If the dialog to the right appears, click Yes to copy the image to your site folder.
  6. In the next dialog window that appears, navigate to your site folder if necessary, and select your "images" folder.
  7. The image should appear on the page.

To link to an image so that it opens up in a new window

  1. Select the text you want to be the link.
  2. Click on the "point-to-file" icon next to the Link field on the Properties palette and drag to the image in the Site window that you want to link to (see right). Note that you might need to rearrange your windows to do this.
  3. Optionally, type a name such as "imgwin" in the "Target" field on the Properties palette (if you do not want your image to open up in a new window, skip this step).

To make an image link to another file

  1. Select the image you want to be the link.
  2. Click on the "point-to-file" icon on the Properties palette and drag to the file in the Site window that you want to link to (see above).

To link to an mp3

  1. Create a folder called "audio" in your web site folder.
  2. Move all of your MP3 files into that folder.
  3. Select the text you want to serve as the link to the MP3 file.
  4. Use the "point-to-file" icon on the Properties palette (see above) to link to the appropriate MP3 file in your "audio" folder.

last updated on 2004 OCT 10