Home » Resources » Dreamweaver CS4 Tutorial » Adding Other Images to your Web Page

Part 2.2: Adding Other Images to your Web Page

To add images into the main body of your web page you should use the same technique described above. All this is covered in our comprehensive Dreamweaver training course.

Place the text cursor where you wish to insert the image and select ‘Insert > Image’ from the menu.  The same adjustments to the ‘H Space’ and ‘V Space’ can be made by adjusting the values in the ‘Properties’ panel.

You can also align your images to the right or left of your text.  When you insert an image into the text it will probably similar to the image below:

You can align your images so the text flows all around them.  To do this, select the image by left clicking it once.  In the ‘Properties’ panel you should see a drop down menu entitled ‘Align’, it should be set to ‘Default’.  Click the drop down menu and select ‘Left’.

The image should be aligned to the left with the text flowing around it like the image below:

To align the image on the right, select ‘Right’ from the ‘Align’ drop down menu in the ‘Properties’ panel.

Adjust the ‘H Space’ and ‘V Space’ values until you are happy with how the image displays.

When you are happy with the images you have added, save and publish your web page.

You should always test the changes you have made by pointing a browser at your site.  Different browsers (Internet Explorer, Firefox & Opera are a few examples) sometimes display the same web page slightly differently.  You should test your web page in as many browsers as possible to ensure that it displays correctly in all of them

Similar resources you may like

1. The Home Page
2. Publishing Your First Web Page
3. Adding Images to Your Website
4. Adding a logo to your Website
5. Adding a Background Colour or Image

Tags

Dreamweaver, dreamweaver cs4, dreamweaver tutorial, free tutorial, images, tutorail, Tutorial, Web Page

Share This Resource

This entry was posted by Colin Welch on Monday, March 16th, 2009 at 10:15 am and is filed under Dreamweaver CS4 Tutorial. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.