Tuesday, January 16, 2007

Subtarea de post con imagen en doble tamaño

Seguimos trabajando la bitácora o blog. Y en esta ocasión aprendemos-practicamos con el código puro y duro. De paso aprovecho para enseñaros mi escritorio del ordenador portátil. Como podéis ver en la imagen, lo tengo con el tapiz o fondo de la metáfora de la LIBERTAD (el free inglés entendido como libre y no como gratuito). Es la libertad que da el uso de herramientas de código abierto que no ocultan nada. Es también, por ende, la metáfora de la catedral y el bazar. Lo nuestro debe ser un bazar, ya que la web 2.0 representa la red, no sólo para lectura, porque la red para escritura es ya una realidad con los blogs y los wikis. Bueno, ya hablaremos más de ello. Ahora vamos con la sexta subtarea de la primera competencia. Fijaros en la imagen del escritorio de 300 píxeles de ancho (medida lógica para el blog): al hacer clic sobre ella, nos aparece la misma imagen en tamaño de 1024 píxeles de anchura (la altura no nos importa). Recordad que tenéis que hacer clic en la lupa para verla en tamaño real de 1024 px. Bien, pues debajo de la imagen del escritorio con la cerveza GNU tenéis el código necesario para hacer posible lo mágico de enlazar o linkear una imagen con otra imagen. El código en rojo es el que pinta la imagen enlazada. El código en negro es el que pinta la imagen pequeña. Fijaros que hay dos rutas a dos imágenes en un servidor (en este caso, en el de la Universidad del País Vasco; aunque pudieran estar en Blogger).





Seguro que con este código:

a href="http://www.ehu.es/palazio/feccoo/gnu_beer.png">
img src="http://www.ehu.es/palazio/feccoo/gnu_beer_300.png" />

eres capaz de hacer un post con una imagen tuya de unos 47x70 píxeles (ancho x alto) y otra mayor (tamaño libre) enlazada con la anterior. Para ello necesitaréis una cámara de fotos y un programa cualquiera para reducirla. Yo os recomiendo el GIMP porque es Software Libre. Es un excelente programa de retoque de imágenes, parecido a Photoshop. Gimp se puede descargar desde Gimp.org (versión para Windows). Tras instalarlo en vuestro disco duro y tener la foto vuestra en tamaño grande (las cámaras digitales las sacan en 640 de ancho como mínimo normalmente), sólo tenéis que abirla con GIMP, pulsar con el botón derecho en la imagen y escoger escalar la imagen. Le cambiáis el ancho únicamente y la guardáis en el disco duro en formato PNG o JPG. Luego para poner las dos fotos en tamaños distintos dentro del post, atentos:

Primer paso
: se suben las dos imágenes al Blogger desde dentro del post
Segundo paso: se va a la pestaña Edición en HTML (en vez de la que pone Redactar), dentro del editor del backend del post.
Tercer paso: recortamos el código de las dos fotos y lo escribimos en el bloc de notas de Windows y otro editor en GNU/Linux (KText, por ejemplo).
Cuarto paso: pegamos en el post (con edición en HTML) el código que os he dejado yo aquí con la foto del escritorio de la cerveza.
Quinto paso: cambiamos las dos rutas de la foto en pequeño y grande que tengo arriba y ponemos las dos rutas de Blogger que aparecen en el código copiado dentro del bloc de notas. Seguro que las podéis encontrar ya que sólo hay dos rutas: una primera a la foto en grande y otra segunda a la foto en tamaño pequeño.
Sexto paso: se guarda todo y ponéis, ya en modo Redactar, algo de texto explicando vuestro CV abreviado.

No comments: