Once you have inserted the image, Dreamweaver will automatically write the width and height dimensions to the HTML. These dimensions are written in pixels, which is a term of measurement that is commonly used on the web.
If you click on the image, a bounding box will surround it with some dots around the edges.
it looks like
this
The image can be scaled within Dreamweaver by clicking on one of the dots, holding the mouse button and dragging. The image will scale with your mouse. I recommend that you try not to scale within Dreamweaver. Here is an example of that same graphic that was scaled with the mouse to about three times its original size.
![]()
It doesn't look too good, does it? It's best to scale the image within the image application you are working in. If necessary you can change the width and height or import the picture again into Dreamweaver.
When you select your image, you might notice that your Properties toolbar changes.
The W and H fields are the pixel dimensions of the image. You can also enter numbers manually to scale the image. This can be helpful if you scale the image elsewhere.
You will also see a SRC field. This is the path to the image. If this path is incorrect, the image will look broken:
![]()
This can be corrected by clicking on the Folder icon to the right of the field. When this is clicked, you will be prompted for the location of the image with the same dialog used when you insert an image.
You can also specify the ALT text for the image by typing into the Alt field. ALT text is used when the image is broken or if a visitor has images turned off. This will give the user an idea of what the image would be if it were being displayed.
![]()
If you wish to give your image a border, you can do so by using the Border field of the toolbar. Here you can enter a number in pixels. This will be the width of the border around your image.
1
pixe
l
![]()
5
Pixels
If you would rather not have a border, just set this number to 0.
Copyrights -Jehanzeb.Tk