Otro de los atributos que pueden asociarse a las imagenes en nuestras entradas es la de servir como hípervinculos, no sólo al servidor donde se encuentra hospedada la imagen, sino a cualquier sitio o archivo, relacionado o no a la propia imagen
Recordemos entonces la etiqueta html para crear un hípervinculo:
<a href=""></a>
entre los parentesis colocaremos el hípervinculo a la página o archivo que deseeamos destacar en nuestra entrada
<a href="dirección de la página o archivo">Texto con el que deseamos destacar el hípervinculo</a>
Para que el hípervinculo aparezca asociado a una imagén, sólo debemos de colocar la etiqueta de imagen entre la etiqueta de hípervinculo en vez de colocar texto,por lo que nuestra etiqueta html será la siguiente:
<a href=""><img src=""></a>
La imagen en este caso se dirige a un sitio o página cualquiera en Internet:
<a href="http://www.warhol.org/"><img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg"></a>
Aún cuando ciertos servicios de blogging nos permiten elegir la forma en que los vinculos aparecen en nuetras entradas, en caso que nuestra plantilla o servicio enmarque nuestra imagen con un borde de color azul (o el color especificado para cualquier hípervinculo).
Podemos eliminar dicho borde, o cambiar su tamaño alterando la etiqueta de la imagen de la siguiente forma:
<a href=""><img src="" border=0></a>
<a href=""><img src="" border=6></a>
En el caso de nuestro blog, los bordes no aparecen aún cuando se indique,debido a la plantilla utilizada, pero se puede ver el resultado de las etiquetas en esta página.
Una imagen como hípervinculo, tambíén puede presentar una etiqueta que permita abrir la dirección o el archivo destino, en una nueva ventana del navegador (o en otra pestaña, dependiendo de la versión de nuestro navegador).
Simplemente debemos agregar a nuestra etiqueta de hípervinculo, el atributo target="_blank", despues de la dirección o archivo destino:
<a href="" target="_blank"><img src="" border=0></a>
<a href="http://www.warhol.org/" target="_blank"><img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg"></a>
Por último, podemos agregar una leyenda descriptiva, la cual sólo aparece al colocar el cursor sobre la imagen, en la etiqueta de imagen, agregamos el atributo alt="", y el texto descriptivo puede ser el nombre que otorgemos a la imagen, el título del sitio o el archivo destino del hípervinculo, etc.
<a href="" target="_blank"><img src="" border=0 alt="Warhol Museum"></a>
<a href="http://www.warhol.org/" target="_blank"><img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg" alt="Warhol Museum"></a>
por Elliot Ibáñez
July 08, 2008
Imagenes (parte 2) e hípervinculos
July 01, 2008
Imagenes, parte 1
Varias plataformas de blogs presentan un problema común para el usuario, la forma en que las imagenes aparecen respecto al texto que estamos por publicar. En el caso de blogger.com, las opciones que se presentan al cargar imagenes dentro de nuestra cuenta son a los lados o alrededor del texto a publicar.
Pero si insertamos imagenes que se encuentra ya sea en algún sitio de internet (aunque este caso debe de evitarse ya que va en contra de la etiqueta en internet utilizar el trafico ajeno), o en algun servicio gratuito de hospedaje de archivos o imagenes,como photobucket, flickr, imageshack, etc. Podemos colocar la imagen independiente del texto, además de localizarla al centro, derecha o izuierda de nuestra página.
Otro aspecto positivo de tener nuestras imagenes en un servidor externo al de blogger es que estas van a aparecer en el tamaño real que estas tienen, y no van a cambiar su apariencia de acuerdo a los tres tamaños que blogger identifica al cargar una imagen en sus servidores, deformandola y cambiando su apariencia.
Primero debemos de conocer la etiqueta para publicar una imagen a partir del código HTML, el cual construye la mayoria de las páginas en Internet:
<img src="">
Entre las comillas vamos a colocar la dirección que nuestro navegador muestra al ver la imagen, esta siempre debe de comenzar con el texto: http://
<img src="dirección donde nuestra imagen esta hospedada">
si nuestra imagen esta por ejemplo en nuestra cuenta de photobucket, al colocar la dirección: http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg, en nuestra etiqueta,
<img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg">
aparecera de esta forma en nuestra entrada:
Por "default", las imagenes se publican alineandolas a la izquierda de la página, como en el caso anterior, pero agregando un nuevo atributo a nuestra etiqueta podemos cargar la imagen a la derecha o alcentro de la página.
Para colocar la imagen a la derecha:
<p align="right"><img src=""></p>
<p align="right"><img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg"></p>
Para colocar la imagen al centro de la página debemos encerrar la etiqueta de la imagen en una etiqueta que centre el contenido:
<p align="center"><img src=""></p>
<p align="center"><img src="http://i294.photobucket.com/albums/mm84/intellego/especiales/warhol_csoup.jpg"></p>
Utilizamos el atributo <p align=""> para evitar conflictos con el texto, y además porque la etiqueta de imagen no acepta el atributo original para centrar escribiendo al final de la etiqueta:
<img src="" align="center">
por Elliot Ibáñez
Guía rápida para el Blogger amateur
Ante la posibilidad que hoy día ofrecen los diversos servicios de públicación y archivo de blogs en internet, donde cualquier persona con acceso a Internet y a una cuenta de correo electrónico, puede iniciar su aventura en el mundo del nuevo periodismo en línea, o la simple públicación de opiniones personales sobre el acontecer diario de su entorno.
Es necesario contar con ciertos conocimientos básicos para poder presentar notas o entradas, no sólo de forma atractiva para los lectores, sino de manera ordenada y con la capacidad de incluir las diversas herramientas multimedia, disponibles para complementar la información que se desea publicar.
Por lo que a partir de este mes de Julio, me es grato compartir mi conocimiento básico para que todos los bloggers principiantes o que deseen ampliar su conocimiento, puedan agregar nuevas herramientas en sus contenidos, sean pues bienvenidos a:
Nota preliminar:
La información compartida en esta sección esta dirigida principalmente a los usuarios de blogspot.com, pero la mayoría de los servicios de blog, journal o flogs utilizan la misma base de lenguaje HTML, así que recuerden que el uso de las etiquetas aqui presentadas deben de manejarse mediante la opción de edición HTML de sus plataformas.
por Elliot Ibáñez
June 11, 2008
El periodismo en línea y los blogs
Por Héctor Farina (*)
La aparición del periodismo en línea o periodismo digital, marcó un punto de inflexión en la manera en la que se transmiten las informaciones a la gente. Se rompieron las barreras de la distancia, se multiplicó el tráfico de la información, se ganó en velocidad y se fueron incorporando nuevas herramientas que acercaron a los lectores a las fuentes de información.
Dentro de su proceso evolutivo, los periódicos en línea se fueron diferenciando de sus ediciones impresas, pasando de una etapa en la que se conformaban con tener ediciones “espejo” de sus versiones en papel, a otra en la que fueron apropiándose de herramientas tecnológicas y estableciendo diseños propios. De esta manera, paulatinamente se fueron incorporando herramientas como los buscadores, enlaces, archivos, gráficos animados, sonido y videos. Se crearon más espacios para que los lectores puedan expresarse e interactuar, como los foros, los sitios destinados al lector, la posibilidad de comentar noticias y los blogs.
Y en ese sentido, la aparición de los blogs o bitácoras es uno de los fenómenos más llamativos dentro del ciberespacio, no sólo como una apropiación de los diarios y sitios informativos, sino como un espacio abierto personalizado mediante el cual las personas pueden expresarse libremente. Cada día el número de estas bitácoras aumenta de manera exponencial -algunos tecnólogos afirman que cada dos minutos se crea un blog-, lo que demuestra la popularidad que en poco tiempo ha adquirido este medio de expresión.
Los usos, los temas y las aplicaciones son tan ricos como diversos. Están los blogs de los periodistas en el interior de los mismos periódicos, como una forma de facilitar la respuesta de los lectores a los artículos periodísticos; igualmente, proliferan los blogs que los periódicos destinan exclusivamente a los lectores, para que sean ellos quienes hagan sus noticias, suban sus fotos y videos. Además de los medios tradicionales, los periodistas ahora necesitamos de estos espacios propios para la difusión de nuestras ideas y para decir todo aquello que en ocasiones no podemos decir usando los mecanismos tradicionales de la prensa.
Pero el uso más difundido es el de la bitácoras propias, los espacios personales en donde cada quien cuenta su historia o simplemente dice lo que quiere, plasmando sus palabras en el ciberespacio. Miren el caso de la bloguera cubana Yoani Sánchez, que mediante su blog Generación Y ha logrado romper el cerco de la censura en Cuba y dar a conocer al mundo sus vivencias cotidianas en la isla caribeña. Este blog, pese que fue bloqueado en varias ocasiones por el gobierno cubano, hoy tiene un promedio de un millón de visitas al mes y se ha convertido en un foro de discusión en el que miles de personas, de distintos lugares, participan diariamente. La palabra ha ganado su libertad en el ciberespacio, pues la naturaleza de la red de redes va más allá del autoritarismo de los gobiernos.
El fenómeno de los blog hoy es de tal importancia, que en un futuro no demasiado lejano los historiadores hurgarán en nuestras bitácoras para saber cómo éramos en este tiempo, de la misma forma en que los arqueólogos buscan arrancarle a la tierra los secretos de las antiguas civilizaciones. Estamos en una era marcada por el avance tecnológico, en donde las posibilidades de expresarse y conectarse al mundo van en constante crecimiento y ya no son privilegios de unos pocos.
El periodismo en línea y sus nuevos espacios de interactividad, así como con los blogs, las comunidades virtuales y otros espacios, hoy son una puerta abierta a la libertad de expresarse, a participar y ser protagonistas desde nuestras opiniones y nuestras experiencias.
(*) Periodista
http://enfoqueparaguay.blogspot.com
