Dreamweaver - Properties Manipulation for Inserted Images - fltrt / fltlft

With the newly inserted image selected, choose "fltrt" from the Class menu in the Properties panel.

"fltrt" is an abreviation to "float right" -> this is a CSS style that will float the image to the right. Text will flow around the image.

"fltlft" is an abbreviation for "float left" -> this floats the image to the left with text wrapping around it on the right.

*All 32 CSS styles included in DW have .fltrt and .fltlft as style options.

**The float property moves an element to the right (or left) of its "container". In this example, the container is "mainContent". When an element floats , ofthe content flows or wraps around it. When an element floats to the right , for example, it moves to the right and other content wraps around it to the left.

Reference: "Adobe Dreamweaver Classroom in a Book"

Dreamweaver - "Alternate text"

After you insert an image, a window will pop up asking you if you want to enter "Alternate text." This alternate text is what will be displayed in the situation when the image is for some reason not visible.

*Users with certain mobile devices, screen readers, or other browsing devices may not see images.

It is a good practice to enter Alternate Text for your images.

Dreamweaver - Inserting Images

Inserting images or graphics is very straighforward.

First you place an image on a webpage. Then, the image's properties, such as alignment, can be adjusted in the Properties Panel or within CSS.


reference: "Adobe Classroom in a Book"