Formatting Images in Dreamweaver CS4

This entry is part 12 of 19 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

right-align-image

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

image-aligned-right

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

horizontal-space-image

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


Dreamweaver CS4 Tutorials

  1. Dreamweaver CS4 Tutorial
  2. Define a New Site in Dreamweaver CS4
  3. Create a template in Dreamweaver CS4
  4. Design your template in Dreamweaver CS4
  5. Design the CSS Style Sheet in Dreamweaver CS4
  6. Insert Images in Dreamweaver CS4
  7. Creating the Menu in Dreamweaver CS4
  8. Content in Dreamweaver CS4
  9. Insert Editable Regions in the Dreamweaver Template
  10. Dreamweaver CS4 Template Based Web Pages
  11. Formatting Headings in Dreamweaver CS4
  12. Formatting Images in Dreamweaver CS4
  13. Linking pages in Dreamweaver CS4
  14. Forms in Dreamweaver CS4
  15. Dreamweaver CS4 Form Validation Tutorial
  16. Tables in Dreamweaver CS4
  17. Testing the Website in the Browser
  18. Upload your site with Dreamweaver CS4
  19. How to validate your Contact PHP form in Dreamweaver CS4
Series Navigation Formatting Headings in Dreamweaver CS4Linking pages in Dreamweaver CS4

Tags: ,
Posted in Dreamweaver | No Comments »