Dreamweaver. establecer el espaciado vertical y horizontal de una serie de imágenes

1. Comience con un documento en el que cada línea contenga una pequeña imagen (por ejemplo, una viñeta gráfica o un icono) seguida de texto. El objetivo es separar las imágenes del texto y de otras imágenes situadas por encima y por debajo de ellas.

2. Seleccione la primera imagen.

3. En el inspector de propiedades, haga clic en el botón de ampliación (la flecha de la esquina inferior derecha) si es necesario para ver todas las propiedades de la imagen.

4. Introduzca números en los cuadros de texto Espacio V y Espacio H para definir el espaciado de la imagen.

5. Haga clic en la barra de título de la ventana de documento (en lugar de hacerlo dentro de la ventana de documento) para que se encuentre activa la ventana de documento sin mover el punto de inserción.

6. Presione la tecla Flecha izquierda para mover el punto de inserción a la izquierda de la imagen. A continuación, presione la tecla Flecha abajo para mover el punto de inserción una línea hacia abajo, dejándolo justo a la izquierda de la segunda imagen de la serie. Seguidamente, presione Mayús+Flecha derecha para seleccionar esa segunda imagen.

Nota: No seleccione la imagen haciendo clic en ella. De lo contrario, no podrá reproducir todos los pasos.

7. Seleccione en el panel Historial los pasos correspondientes al cambio de espaciado de la imagen y la selección de la imagen siguiente. Haga clic en el botón Reproducir para reproducir esos pasos.

panel historial de Dreamweaver

El espaciado de la imagen actual cambiará y se seleccionará la imagen siguiente.

8. Siga haciendo clic en Reproducir hasta que haya establecido correctamente el espaciado de todas las imágenes.

Artículos Relacionados
Dreamweaver. Aplicar formato a una celda y tabla de disposición
Aplicar formato a una celda de disposición Puede establecer la alineación de contenido, el ancho y...
Dreamweaver. Automatizar tareas y repetir pasos
Automatizar tareas en Dreamweaver Al crear documentos HTML, es posible que desee realizar la misma tarea...
Dreamweaver. Título de página e imágenes de fondo
Cambiar el título de una página El título de una página HTML ayuda a los visitantes...
Dreamweaver. Utilizar la barra de herramientas y menús contextuales
La barra de herramientas de Dreamweaver La barra de herramientas de Dreamweaver contiene botones que permiten...

Artículo creado el 2/10/08
Última Actualización: 5/10/09

Autor y licencia

Autor: Centro de Tecnología Informática
URL: http://www.unav.es/cti

Guía de capítulos

Anterior | Índice | Siguiente