Dreamweaver Templates

Inserting images in Dreamweaver


Learn how to insert images in dreamweaver and align them correctly against text. See video demo here.

Step 1 : Open the html page document and place your cursor over the area in which you wish to place your image. From the top menu select:

insert > image

inserting images in Dreamweaver screen 1

Step 2 : In the 'select image source' dialog box that appears that appears, browse to the location of your image and click o'kay. In the next dialog box that appears enter a keyword in the 'Alternate Text field'. Although, this is not absolutely necessary inserting 'Alt text' can help you your site in search rankings.

Here's what the inserted image looks like:

Inserting images in Dreamweaver screen 2

Step 3 : To align it against the text, select the image and then from the properties panel (window > properties) select 'align > left (or right):



This is what your image looks like aligned left:

Inserting images in Dreamweaver screen 2

Step 4 : Although the image is inserted in the html page, it seems too close to the text. The workaround this is to increase the image canvas margin of the right side in a graphics program such as Adobe Fireworks. Adding 15 pixels to the right margin with a transparent canvas color is perfect.

Finished image inserted in Dreamweaver:

Inserting images in Dreamweaver screen 2











Home | Terms of Use | Private Policy | Refund Policy
Copyright 2002 - 2010 Dreamweaver-Templates.net - Dreamweaver© is a registered trademark of Adobe Systems Incorporated.