Estructurando webs con contenedores (DIV’s) fácilmente

Si ya has diseñado alguna vez una página web, seguro que habrás pensado de cabeza el número de contenedores (DIV) que tienes que poner y cómo ponerlos para conseguir cierta estructura de página. Esto suele llevar un rato, y si lo haces rápido y corriendo sin pensar, no suele salirte a la primera (en diseños algo complejos); yo siempre acabo por dibujarmelo en un papel poniendo el nombre de cada uno y después lo paso al código…

 dibujando-espacios-web-html.png

Pues Drawter es una de esas aplicaciones maravillosas que hay por la red, para ayudar a la gente a no perder el tiempo. (Aplicaciones en las que seguro que si conoces al autor, de darías un beso en la frente, después de las gracias!) Con Drawter podrás “dibujar a mano” tantos conetendores como necesites, unos dentro de otros, flotantes por encima de otros, al lado… y cuando tengas más o menos un boceto Drawter te genera el código HTML y el código del archivo de la hoja de estilos CSS para conseguir dicha estructura.

Es genialmente sencillo! Muy recomendable apra gente que está empezando! Hay si yo hubiera tenido esto antes de ciertos diseños… El sistema es muy técnico a lavez, dejandonos elegir entre muchas opciones (para lagente avanzada) como en que versión de HTML trabjamos, así como la versión del XHTML, el idioma de la página, etc… ¡una maravilla!

Enlace | Drawter

Este artículo {#} fue escrito a fecha de 1 Diciembre, 2008 por Nacho Alonso. Publicado bajo las categorías de: Servicios Web


  .

Puedes leer los 3 comentarios que hay en esta entrada!

  1. druidaceltaNo Gravatar

    w0w! la verdad es que no lo conocia y parece que es una gozada! siempre me lio mil con saber donde poner las capas :) ahora habra que ver si de verdad funciona!

  2. jose87No Gravatar

    Esta no la conocía así que me la guardo en favoritos, gracias!!

  3. Luis GuillermoNo Gravatar

    Saludo
    Gracias por ofrecer un poco de luz al principiante. Tienes alguna documentación de Drawter, que puedas ofrecer o un set básico de que significa cada elemento y sus posibilidades.. Hay alguna página web que halla desarrollado una Web desde cero usando HTML y CSS. Gracias para ti y todos los visitantes de tu web.

Agrega un comentario. Tu opinión es importante para nosotros!

*

*

Puedes usar un poco de XHTML: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Theme diseñado íntegramente por nacho ;-) y Alojado en Web 3.0 | Usando, como no, Wordpress