How do images inserted into Dreamweaver workspace appear in web browsers?

Posted by admin on September 24th, 2009 and filed under images | 2 Comments »

I am trying to insert a jpeg image into Dreamweaver CS3. I simply clicked insert image in the toolbar to locate the image and dropped it into my workspace. The image now appears on my workspace, however it does not appear when I try to preview the image in a browser. Does anyone know why this may be happening and how to ensure my images appear on the browsers? I’ve inserted images before and they appeared in my browser so not sure what is going on now.

It will be something to do with the path. Let me give you an exmaple.

Say you html file is located like the following on your computer:

C:\websites\band\index.html

i would recommend stroring your image in an "images" folder within your band folder:

C:\websites\band\images\

so the link in your html should be like so:

<img src="images/imagename.jpg" alt="The Image" />

basically the src should be relative to your html file.

Hope you get it :)

2 Responses

  1. Constructive Visual Says:

    click on the image and then go down the bottom of dreamweaver in the properties bar and where it has link change:
    C:/ *******/*****/******/*****/****/image.jpg

    to:
    image.jpg

    or if the image is in a folder:
    (foldername)/image.jpg
    References :

  2. cjconnor24 Says:

    It will be something to do with the path. Let me give you an exmaple.

    Say you html file is located like the following on your computer:

    C:\websites\band\index.html

    i would recommend stroring your image in an "images" folder within your band folder:

    C:\websites\band\images\

    so the link in your html should be like so:

    <img src="images/imagename.jpg" alt="The Image" />

    basically the src should be relative to your html file.

    Hope you get it :)
    References :

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.