Buscar este blog

Lo ví y me gustó

    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

    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