PDD Tuning 6 PDD Tuning
PDD Tuning

It's been a long time baby... ¡Hola PDD Tuneros! Nos reencontramos después de 2 ó 3 números de ausencia. Lo siento, pero ya sabéis que estas fechas son fechas de exámenes (y carnicerías varias), y no he tenido tiempo para realizar mi artículo. Aún así, logré que la revista no se quedara sin portada.

¡Sexta entrega ya! Y lo que nos queda, espero. Como os dije, hoy hablaremos sobre el alojamiento o hosting de imágenes (no sé, en inglés suena más "pro"). Y ya, para rematar el artículo, estrenaremos, por fin, el buzón de dudas, que un valiente se ha atrevido a preguntar.

Hosting de imágenes

Hasta ahora hemos explicado como mostrar imágenes en nuestra PDD con la etiqueta <img>. Sin embargo, siempre hemos supuesto que la imagen se hallaba alojada ya en un servidor web. Pero, ¿qué pasa si queremos mostrar una imagen creada por nosotros (un escudo, como ejemplo típico)? Pues bien, lo primero que deberemos hacer será almacenar nuestra imagen en uno de los muchos servidores que internet nos ofrece, dando preferencia a los gratuito$, obviamente.

Algunos de los más populares son:

En esencia, son todos parecidos, pero he preferido comentar a fondo photobucket, porque parece ser que es el más extendido. Imageshack le sigue de cerca en ese aspecto. Os dejo este link para que leáis un pequeño comentario. Luego está Ripway, que permite alojar cualquier tipo de archivo, no solo imágenes. El inconveniente que tiene es que si no entras, como mínimo, una vez cada mes, te borran la cuenta y todas las imágenes que tenías subidas...

www.photobucket.com

Voy a describir los pasos para subir vuestras imágenes en este servidor:

  1. Clickeáis en "Sign up now!" y rellenáis ese formulario tan cansino y repetido por todo este tipo de páginas hasta la saciedad.
  2. Cuando ya estéis registrados, entráis con vuestra cuenta. Lo primero que podríais hacer es ajustar vuestras preferencias dándole al botón "Account options". Ahñi podréis indicar si queréis que vuestros álbumes de fotos sean públicos (que lo vean otros usuarios de photobucket), el máximo tamaño de los archivos (que como mucho será de 512 Kb),...
  3. Ahora deberías crearos una serie de sub-álbumes para r organizando vuestras imágenes. Sobretodo si no lo vais a usar sólo para la PDD. Esto es algo opcional. Ya sabemos que todos tenemos nuestro orden en nuestro desorden.
  4. Creando un álbum nuevo
  5. Bien, ahora viene lo esencial; subir las imágenes. Esto se puede hacer de dos maneras:
    • Subir imágenes de nuestro disco duro: Seguramente será lo que hagáis más a menudo. Lo primero que hay que hacer es seleccionar alguno de los álbumes que tengamos creados
      Seleccionando un álbum
      y luego darle al típico botn de "examinar" para buscar el archivo en nuestro disco duro. Si no seleccionamos el álbum primero, se nos guardará en vete a saber donde, pero siempre podremos moverlo al álbum que nos interesa con el botón "move". Debajo del botón de "examinar", hay una recuadro para la descripción de la fotografía. Eso sólo sirve si tu álbum es público, para que los demas vean el comentario de la foto.
    • Subir imágenes desde una dirección web: Esto se usa menos (o por lo menos, yo lo uso menos). Hay que darle a "Add pictures from URL" y en la casilla de texto ponéis la dirección completa de la imagen que queréis almacenar. Esto es útil para poner las imágenes que cogéis de otra web y no os queréis arriesgar a que el enlace que habéis puesto se rompa (porque la imagen ha sido movida del sito, porque el sitio no está accesible o cosas por el estilo).
  6. Una vez subida la imagen, veremos, una miniatura en la parte inferior de la pantalla. Sitienemos todos los displays activados (Se pueden activar desde "account options") veremos debajo de la miniatura 3 áreas de texto con código.
    Etiquetas útiles
    De éstas tan sólo nos interesan dos (la otra es para usarla en foros phpbb): la priemra y la segunda. La primera, "Url", te indica la dirección completa donde está alojada la imagen. Eslo que se pone en la etiqueta <img> en el src="..." . La segunda, "Tag", es la etiqueta <im> completa, con el src="..." y el alt="...". Sin embargo, en el alt, aprovechan para meter publicidad "Image hosting by Photobucket". Mi recomendación es que uséis esta etiqueta y le cambiéis el alt. Para usar cualquiera de estas dos etiquetas tan sólo tendréis que hacer un copy&paste.
  7. Hecho esto, ya casi tenéis la etiqueta lista para usarla en la PDD. Tan sólo os falta (aunq no es obligatorio, pero sí recomendable) especificar el alto y el ancho de la imagen. Esto lo podéis ver clickeando sobre la miniatura de la imagen. Entonces se os abrirá una página donde podréis ver algo así debajo de la imagen:
    Averiguando el tamaño y las dimensiones de una imagen
    Ahí, el primder número es el ancho en píxels, el segundo el alto, y el tercero, los Kb de la imagen (el peso). Pensad que cuanto más pese una imagen, más tardará en mostrarse por pantalla. Y bien, especificáis el valor de height="..." y width="..." y ya tenéis vuestras propias imágenes en la PDD.

Cosas a tener en cuenta sobre Photobucket:

  • El peso máximo de las imágenes es de 512Kb
  • Las imágenes de mas de 512 Kb, se redimensionan al subirlas para que ocupen lo estipulado
  • El almacenamiento mñaximo es de 50 Mb
  • Los tipos de imagen permitidos son jpg, gif, png, bmp, tif y swf
  • También hay otras opciones, como subir múltiples imágenes de una sola tacada. Pero eso ya os lo dejo para que experimentéis.

Vayamos ahora con vuestras dudas. De paso mando un saludo a Thor00, recientemente nombrado GA, y que ha sido el primero que se ha atrevido a preguntar en el guestbook de PDD Tuning.

Por Thor00, a 3 de Enero de 2006

desearia sabes como se justifica un parrafo pus no lo quiero centrado ...

En el HTML convencional, esto se consigue con <p align="justify">...</p>. Pero la PDD no lo reconoce y sólo puedes poner el texto alineado en e centro o a la izquierda.

Tal y como ha hecho Thor00, os animo a que preguntéis vuestras dudas. Es bueno para mí, señal de que seguís mis artículos, y para vosotros.

Nada más esta semana, nos vemos la próxima.


1 2 3 4 5 6 7 8 9 10