Cómo mover imágenes en Dreamweaver CS5

Por defecto, Adobe Dreamweaver CS5 permite un control limitado sobre la posición de la imagen. Puede hacer clic y arrastrar la imagen a otra ubicación en la página, pero su ubicación está en línea con otros elementos HTML, como el texto y las tablas. Esto significa que usted no tiene control completo sobre sus colocaciones, ni se puede colocar en la parte superior de los otros elementos. Sin embargo, un simple código de inserción le concederá este control completo.

  • Abra el documento HTML en Adobe Dreamweaver CS5.

  • Haga clic en "Split" en la parte superior de la ventana de la página. Esto muestra tanto el código de Diseño y Vistas.

  • Haga clic en la imagen que desea mover. Esto pone de relieve el texto de la imagen en el panel de visualización del código.

  • Encajar el código IMG completa con el texto siguiente en el panel de visualización del código:

    ...

    A modo de ejemplo, el código podría ser:

  • Haga clic en la imagen de nuevo en el panel de vista Diseño. Un pequeño cuadrado azul aparecerá justo por encima de la parte superior izquierda de la imagen.

  • Haga clic y arrastre esa plaza para posicionar su imagen en cualquier lugar de la página, sin limitaciones.

  • Mantenga pulsada la tecla "Ctrl" y pulse "S" para guardar los cambios.

Artículos Relacionados