Cómo mover imágenes en Dreamweaver CS5 (En 7 Pasos)

Por c. taylor

De forma predeterminada, Adobe Dreamweaver CS5 permite un control limitado sobre la posición de tu imagen. Puedes hacer clic en una imagen y arrastrarla a otra ubicación de la página, pero su colocación será en alineación con otros elementos HTML, como textos y tablas. Esto significa que no tienes control absoluto sobre sus ubicaciones, ni tampoco puedes colocarla sobre otros elementos. No obstante, la inclusión de un simple código te permitirá este control completo.

Paso 1

Abre tu documento HTML en Adobe Dreamweaver CS5.

Paso 2

Haz clic en "Dividir" en la parte superior de la ventana de la página. Mostrará la vista de Diseño y de Código.

Paso 3

Haz clic en la imagen que deseas mover. Se resaltará el texto de la imagen en el panel de Vista de código.

Paso 4

Encierra el código IMG completo con el siguiente texto en el panel de Vista de código:

...

Como ejemplo, tu código podría verse así:

Paso 5

Haz clic en la imagen nuevamente en el panel de Vista de diseño. Aparecerá un pequeño cuadrado azul encima de la parte superior izquierda de la imagen.

Paso 6

Haz clic en ese cuadrado y arrástralo para posicionar tu imagen en cualquier lugar de la página, sin limitaciones.

Paso 7

Presiona la tecla "Ctrl" y luego presiona "S" para guardar los cambios.