Insert Images in Dreamweaver CS4

This entry is part 6 of 19 in the series Dreamweaver CS4 Tutorials

Now it is time to insert the logo image into the header div using Dreamweaver CS4.

  • Select and delete the default text that is inserted by Dreamweaver when creating a div ‘Content for id “header” Goes Here’.
  • Insert > Image > browse and select the logo image.
  • In the screen that appears, enter alternate text describing the image. e.g. BusinessSite Logo. Click OK.
    image-alt
  • You will see the logo image appearing within the ‘header’ div.
    logo-image

We have now completed the header portion of the template.


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 Design the CSS Style Sheet in Dreamweaver CS4Creating the Menu in Dreamweaver CS4

Tags: ,
Posted in Dreamweaver | No Comments »