Formatting Images in Dreamweaver CS4

This entry is part 12 of 18 in the series Dreamweaver CS4 Tutorials

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

Formatting Images in Dreamweaver CS4

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

Formatting Images in Dreamweaver CS4

  • 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.

Formatting Images in Dreamweaver CS4

  • Preview the page in the browser and save all the files. We have now completed creating our home page.
Series Navigation«Formatting Headings in Dreamweaver CS4Linking pages in Dreamweaver CS4»
Share and Enjoy:
  • Digg
  • del.icio.us
  • Facebook
  • Google
  • E-mail this story to a friend!
  • LinkedIn
  • MySpace
  • StumbleUpon
  • Technorati

Tags: ,
Posted in Dreamweaver | 1 Comment »


One Response to “Formatting Images in Dreamweaver CS4”

  1. By Blain on Dec 3, 2009 | Reply

    Thank you very much for this tutorial, it helped out a bunch and worked perfectly.
    Thanks again
    -B

Post a Comment