martes, 18 de enero de 2011

Como reservar lugares para las imágenes

placehold.it es una excelente aplicación on-line para ser utilizada en tiempo de diseño; permite así, reservar no sólo en el markup el espacio necesario para una imagen. Sino que en el renderizado de la pagina Web podemos visualizar el espacio en pixels que ha sido requerido.

Como reservar lugares para las imágenes

Así, si quisiera ver como se dibuja el layout luego de insertar una imagen de 350 × 150 pixels; puedo recurrir al siguiente marcado en HTML si es que todavía no dispongo de la imagen correspondiente:

<img src="http://placehold.it/350x150">
imagen insertada utilizando el ejemplo anterior
rectángulo de 350 × 150 px
» El aplicación soporta el uso de 4 formatos de imagen
  • GIF
  • JPEG
  • JPG
  • PNG
» Texto dentro de la caja definida
» Color dentro de una superficie definida

Creo que una vez que te aprendés la sintaxis—la cual no es nada dificil—le sacás un mayor partido.

Sitio Web | placehold.it

Entradas recientes

Acerca de mí

Mi nombre es y vivo en Buenos Aires - Argentina. Soy un webmaster independiente que desarrolla sus actividades atento a las pautas y recomendaciones de W3C con el fin de llevar a cabo sitios web usables y accesibles para todos.
Para contactarte conmigo, podés utilizar estas vías de contacto

Créditos

Plantilla adaptada desde el original de Dicas Blogger

Los íconos son de famfamfam

Casi todos los scripts está alojados en Google Code, así como, por otro lado, la mayoría de las imágenes están en ImageShack Picasa

Los contenidos publicados en este blog, están bajo licencia Creative Commons by-nc-sa 3.0, a menos que se especifique algo distinto.

Y finalmente, por cierto, Blogspot no provee un (X)HTML válido :-(

Lo ví y me gustó

    Utilidades para Webmasters

    ir arriba