CREANDO EL CONTENIDO CURSO (ii)

Manejar imágenes con blogger POR MANUEL JIMÉNEZ PLAY PARA OIR AÑADIENDO IMÁGENES Lás imágenes que deberás agregar para crear las unidades de tu curso serán gráficos, fotografías, capturas de pantalla, etc, que tendrán que ver con la temática de tu curso. Antes de subirlos estos archivos deben estar previamente en una o varias carpetas de tu ordenador( JPG, PNG, BMP, GIF y menores de 8 Mbytes) para poder añadirlas a las entradas de Blogger. Una vez que una imagen ha sido subida a un blog de tu cuenta de blogger si es posible COPIARLA y PEGARLA desde una entrada a otra porque esa ya imagen queda referenciada con una dirección URL. Si subes la misma imagen varias veces en una o varias entradas, blogger las considerará imágenes distintas y tendrán URL distintas. Cuando se elimina una entrada (en la que habias añadido una imagen) de un blog de blogger se puede elegir entre suprimir o no las imágenes que contenia. Hay un límite de espacio de 1Gbyte para las imágenes que se pueden subir, pero esto es realmente mucho espacio para subir muchas imágenes y si por casualidad llegaras a superar este límite simplemente deberás crear otra cuenta de blogger. Se crea automáticamente una asociación entre las imágenes de una cuenta de blogger y una cuenta de Picasa Web Albums (otro servicio de google) si las dos pertenecen a la misma cuenta de google. De esta manera si creas una cuenta de PicasaWeb Albums con la misma cuenta de google, verás aparecer allí las fotografías que hayas subido a blogger. También funciona a la inversa, es decir que las imagenes que subas a tu cuenta de Picasa Web Albums se pueden ver en tu blog sin necesidad de volver a subirlas. Esto se llama "embeber" una imagen o incluir una imagen de forma embebida. En caso de que tu curso tenga un contenido muy alto de imágenes es preferible subirlas en lote a la cuenta de PicasaWeb Albums (utilizando el programa Picasa3) y luego hacerlas aparecer en el blog del curso "embebiendo" las imágenes de tu cuenta de PicasaWeb Album. Las imágenes se pueden añadir en las entradas, en la cabecera y también en algunos gadgets que puedes poner en las columnas laterales, encima y debajo de la zona de las entradas y en el fondo de la plantilla. Para poner una imagen en un gadget de tipo IMAGEN simplemente debes seleccionarla y en los gadgets de tipo TEXTO y HTML deberás pegarla si con anterioridad la has añadido y copiado de una ENTRADA. Cuando se ponen utilizando el gadget tipo IMAGEN se redimensionan automáticamente a la anchura de la columna o zona de la plantilla donde la estás añadiendo lo que a veces desvirtua la imagen por lo que este método no es conveniente si la imagen no ha sido preparada en tamaño y proporción. AÑADIR IMAGEN A UNA ENTRADA Al añadir una imagen desde tu equipo se pueden seleccionar desde 1 a 5 al mismo tiempo. Elegir un diseño que marca la forma en que se "mezcla" la imagen con el texto de la entrada. (Ninguno, Izquierda, Centrar, Derecha). El tamaño: (Pequeña, Mediana, Grande) Elegir el DISEÑO y el TAMAÑO más adecuado es algo que se aprende a hacer con un poco de práctica ya que el resultado final depende de las PROPORCIONES y DIMENSIONES de la imagen y del TAMAÑO DE LA FUENTE de la entrada. Si se ha subido con un diseño o tamaño que no te conviene, a veces es preferible eliminarla y volver a subirla con las propiedades que deseas antes que intentar arreglarlo. Ten en cuenta que el sistema guarda la última elección hecha. También puede depender del como el visitante tenga configurado su tamaño de monitor y de la fuente de su navegador. Lo más sencillo y ofrece menos problemas es elegir diseño: Diseño = NINGUNO y Tamaño = GRANDE (y luego redimensionar con el ratón al tamaño deseado) NOTA 1: La ventana AÑADIR IMAGEN se esconde Al hacer click al icono añadir imagen se abre una nueva ventana de pequeño tamaño. Si por alguna razón minimizas esa ventana, la próxima vez que hagas click en AÑADIR IMAGEN como esa ventana ya está abierta parecerá que algo no funciona. Busca en las ventanas que ya están abiertas. NOTA SOBRE EL NAVEGADOR: A la hora de añadir y organizar tus imágenes en el las entradas hay diferencias dependiendo del navegador que utilices. Con algunos se pueden arrastrar y redimensionar las imágenes y con otros no. Utiliza FIREFOX. De todas formas, siempre es aconsejable ver el resultado final en diferentes navegadores y aunque EXPLORER es un navegador muy criticado (incluso odiado) y su porcentaje de utilización va disminuyendo todavia sigue siendo el dominador. ORDEN DE INCLUSIÓN DE LA IMÁGENES EN LA ENTRADA Lo más habitual es escribir o pegar el texto de una entrada y luego añadir las imágenes. Pero ocurre que al añadir imágenes estas aparecen en la parte de arriba de la entrada con lo que posteriormente hay que reubicarlas en el lugar correspondiente dentro de la entrada. Una buena práctica sería primero introducir las imágenes y posteriormente ir escribiendo o pegando el texto en los lugares correspondientes entre las imágenes. Para recolocar las imágenes tenemos 3 posibilidades: Arrastrar la imagen con el ratón. Cortar (CTR-X) la imagen desde el origen y pegarla (CTR-V) en el destino. Cortar y pegar el código HTML de la imagen. Yo prefiero la segunda opción. HIPERVÍNCULOS EN LAS IMÁGENES Cuando introducimos una imagen se crea un enlace automáticamente (hipervínculo o link) desde esa imagen a la imagen original de tal manera que al hacer click sobre ella se abre en el navegados la misma imagen pero en TAMAÑO ORIGINAL. La mayoría de las veces esto es útil y conviene dejarlo tal como está porque permite ver la imagen con más resolución en el tamaño original. A veces no interesa porque la imagen es mero adorno o los detalles se ven convenientemente y se puede eliminar ese hipervínculo simplemente seleccionando la imagen, luego el icono ENLACE y aceptando sin escribir ninguna URL. Otra veces lo que interesa es que no se abra la imagen sino que se "salte" a otra entrada, sección, página web o en general cualquier URL que se te ocurra. Para ello pegarás en el enlace dicha URL. VER VIDEOTUTORIAL Ver el videotutorial más grande INTRODUCE IMÁGENES EN EL CONTENIDO -En las entradas y en elementos gadgets, prueba diferentes diseños, a moverlas, redimensionarlas y ponerles enlaces.