Formatting Images in Dreamweaver CS4

Now we need to insert the image into the content. To align it as designed in our layout follow these steps:

• Click at the beginning of the 2nd paragraph
• Insert > Image > browse and select picture.jpg
• The picture will get inserted at the beginning of the 2nd paragraph.
• Select the picture and select ‘Right’ from the ‘Align’ drop down in the ‘Properties’ Panel

• The picture will now align to the right and all the text will wrap around it neatly.

• If we don’t want the text to touch the image we can give some horizontal spacing. To do this, select the image and enter the value ’10′ next to ‘H Space’ in the Properties Panel.

• Preview the page in the browser and save all the files. We have now completed creating our home page.

Posted in: tutorial web