Blog sobre Accesibilidad Web, diseño Web, SEO y recursos gratis en la Web

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
Share:

Publicidad

Estadísticas