How to Add a Caption to an Image in Dreamweaver CS3

A caption describes the associated image.

Adobe Dreamweaver is an application that enables you to build websites using a variety of languages and tools. The interface features a design view and a code view. The design view enables you to view the page as it will appear online, while the code view displays the code for the language you are using. The default language and basic underlying code for a webpage is HTML. An image caption is descriptive text that appears beneath an image. To add a caption within Dreamweaver, modify the HTML coding.

Instructions

1. Launch Dreamweaver and the document that contains your image. Click in code view and locate the image tag, it should resemble this:

   <img src="/images/picture.jpg" />

2. Add a caption to the image code in the following manner, to create code that will retain an image and caption grouping.

   <div>

   <img src="/images/picture.jpg" />

   <div>The Caption for this Picture</div>

   </div>

3. Save the document and view the result in the design view.

Resources

• Adobe: Designing with Images