Blogs de la FES Acatlán

La incorporación correcta de imágenes es parte fundamental para crear entradas vistosas y atractivas. Aquí se pueden consultar las diversas maneras de agregar y adornar dichos recursos.

Agregar una imagen

El proceso es muy sencillo. Basta con seguir los siguientes pasos:

1. Preparar una imagen

Es ideal que la imagen a utilizar tenga las dimensiones adecuadas para ser colocada en la página. Si bien el sistema permite construir miniaturas de utilizarse imágenes más grandes que el espacio disponible, éstas usan mucho espacio de almacenamiento y pueden agotar rápidamente el espacio asignado a cada blog.

Se recomienda encarecidamente preparar las imágenes de antemano en tu programa de edición de imágenes favorito.

Por el contrario, tal vez deseas colocar una versión en miniatura de una imagen grande, para acceder a ella haciendo clic. De ser el caso, no tengas problemas con utilizar imágenes grandes. Pero se consciente del espacio de almacenamiento utilizado.

2. Elegir el lugar donde será colocada la imagen

Coloca el cursor en el lugar donde deseas colocar la imagen. Es recomendable que sea antes y/o después del párrafo que será adyacente a dicha imagen.

3. Hacer clic en la herramienta para agregar

Auto-explicativo.

Subir o insertar recurso4. Elegir el archivo a subir

Cuadro de diálogo

5. Posicionar una imagen

La imagen puede ser colocada de diversas maneras:

  • Alineada al centro.
  • Alineada a la izquierda/derecha.

Ello puede elegirse en el siguiente cuadro, inmediatamente después de subir la imagen, en el apartado "alineación":

Un ejemplo:

Fotografía familiar

Una foto insertada normalmente alineada al centro

En el ejemplo que se encuentra debajo de este párrafo, la imagen se coloca a un costado, siendo rodeada por el texto. Ha sido insertada al inicio del párrafo en cuestión. Lo mismo aplica si se desea alinear a la izquierda:


Carl SaganLorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi vitae elementum enim. Sed vitae justo convallis ipsum dictum luctus quis eget augue. Ut commodo nunc urna, nec dapibus dolor. Aenean vehicula viverra mauris a fermentum. Proin gravida urna in orci ullamcorper ut volutpat enim pharetra. Morbi viverra dui vitae felis aliquam et lacinia urna mattis. Curabitur urna nunc, volutpat nec semper non, sagittis vulputate felis. Maecenas ultricies orci ut dolor facilisis hendrerit. Curabitur imperdiet egestas tempor. Integer eu elit convallis nisl lacinia ullamcorper pretium vitae risus. Nullam pellentesque augue ut erat laoreet at lacinia lorem luctus. Curabitur vehicula egestas metus sed tempor. Maecenas molestie suscipit sollicitudin. Ut ut purus quam, ac volutpat purus. Ut ac urna nec mi ullamcorper pharetra. Duis commodo volutpat ipsum quis elementum. Aliquam euismod nunc eu augue ultricies id cursus tortor pretium. Fusce tristique, quam sit amet interdum dapibus, sapien lorem pulvinar libero, vitae gravida leo erat sed orci. Nam porta nisl at ligula pulvinar placerat. Vestibulum pellentesque tincidunt dignissim. Quisque consectetur nunc a orci tincidunt euismod. Nunc sed sapien ligula, a vulputate justo. Integer ac leo erat. In urna ligula, mattis condimentum sagittis sit amet, tempor id nisi.


Opciones adicionales

El tema institucional permite que una imagen luzca con un marco similar al de una fotografía "polaroid". Si se desea activar esa característica, es necesario ingresar a las opciones avanzadas de imagen. Una vez colocada la imagen, es necesario hacer clic en la misma, y después dar otro en el icono "editar imagen", tal como se muestra abajo.

Opciones de imagenSe mostrará un cuadro de diálogo. Se debe hacer clic en la pestaña "Ajustes avanzados de imagen". En el campo "Clase CSS" se debe agregar al final de todo la palabra "foto", tal y como se muestra en el ejemplo de abajo:

Opciones de imagen

Fotografía familiar

Una foto insertada con clase "foto". Notar el decorado que presenta a su alrededor.

Esto es todo lo necesario para la inserción básica de imágenes.

Categoría(s): Ejemplo, Manual

Sin comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Calendario

Marzo 2017
D L M X J V S
« Abr    
 1234
567891011
12131415161718
19202122232425
262728293031  

Últimos comentarios

    Hecho en México, todos los derechos reservados 2017. Esta página puede ser reproducida con fines no lucrativos, siempre y cuando no se mutile, se cite la fuente completa y su dirección electrónica. De otra forma, requiere permiso previo por escrito de la institución.

    El contenido aquí expuesto no necesariamente refleja la opinión de la institución, y es responsabilidad exclusiva del administrador del blog.