Los mejores cursos GRATIS © AulaFacil.com
lunes, 11 diciembre 2017 español
Síguenos
Publica tu curso
¿Cómo Funciona AulaFácil?

Propiedades de la imagen

En esta lección vamos a seguir descubriendo el panel de propiedades de imagen. Ya hemos visto en la lección anterior la zona superior, ahora veremos las funciones de la zona inferior.

 

funciones de la zona inferior

 

Empezaremos con las opciones de alineación de las imágenes: Pulsando en los iconos de alineación podemos cambiar la posición de la imagen en la página.

En realidad lo que alineamos con estos iconos es toda la línea. Desde estos iconos no podemos cambiar la alineación de la imagen sin cambiar la del texto con el que comparte línea.

En la imagen inferior vemos un ejemplo de alineación a la derecha.

 

ejemplo de alineación a la derecha

 

Ahora bien, Dreamweaver nos permite desde la opción alinear (no hay que confundir con los iconos de alineamiento) tener más control sobre cómo la imagen se relaciona con la línea en la que está situada.

Por ejemplo, con la opción “Línea de base” el texto comparte la misma línea que el pie de la imagen. Es decir tal como se ve normalmente.

 

opción “Línea de base”

 

Sin embargo cuando cambiamos a alineación medio, el texto aparece a la altura de la mitad de la imagen, sin importar la alineación del resto de la página.

En el menú desplegable hay una gran variedad de alineaciones posibles para el texto de la imagen.

 

alineaciones posibles para el texto de la imagen

 

Otra de las opciones es el borde. Con esta opción podemos añadirle a la imagen un borde, una especie de marco con el grosor que decidamos, simplemente introduciendo un número en la casilla correspondiente

Por ejemplo, en la imagen inferior vemos el resultado de aplicar un borde de tamaño 10.

 

en la imagen inferior vemos el resultado de aplicar un borde de tamaño 10

 

Dreamweaver tiene otras opciones para controlar el aspecto de las imágenes, por ejemplo podemos especificar el espacio que habrá entre la imagen y el texto que le rodea.

En la imagen inferior vemos las casillas de espacio vertical y espacio horizontal, introduciendo valores en estas casillas podemos dejar un espacio del tamaño que nosotros deseemos entre la imagen y el texto.

Por ejemplo con un valor de 25 para el espacio vertical y otros 25 para el espacio horizontal obtenemos un aspecto como el que vemos en la imagen inferior.

 

ejemplo con un valor de 25 para el espacio vertical y otros 25 para el espacio horizontal obtenemos un aspecto tal como vemos en la imagen inferior

 

 

 

Resumen multimedia de la lección 34

Gracias por compartir y gracias por enlazar la página
Compartir en Facebook

¡Suscríbete GRATIS a nuestro boletín diario!:

Búsqueda personalizada
Existen nuevos mensajes en las siguientes salas de chat:

      Recibe gratis alertas en tu navegador, sin configuraciones ni registros. Más info...
      [Me Interesa] | [No me interesa]



      ¿Dudas? ¿Preguntas? Plantéalas en el foro
      Suscríbete Gratis al Boletín

      Escribir la dirección de Email:

      Delivered by FeedBurner

      Destacamos
      Cargando datos...
      Buenos Artículos Diarios

      Sigue a AulaFácil en:

      Ránking Mundial Certificados
      Banner AulaFácil

      Este es un producto de AulaFacil S.L. - © Copyright 2009
      B 82812322 Apartado de Correos 176. Las Rozas 28230. Madrid (ESPAÑA)