En un proyecto en que estoy involucrado actualmente, me tocó participar en la arquitectura y construir el sitio completamente, desde cero. Lo bueno es que lo estoy haciendo solo, por lo que propongo y aplico mis propios métodos, y lo mantengo bastante ordenado (con un código limpio y ordenado), tanto el HTML como las hojas de estilo. A medida en que lo voy desarrollando, aplico algunos métodos bastante simples pero efectivos para determinados problemas que van surgiendo, los que compartiré en este sitio en su momento.

Por ahora, me interesa mostrar a través de este primer videocast (a grandes rasgos) cómo construí el layout, ya que felizmente quedó firmemente estructurado en todos los browsers en los que hago las pruebas. La receta: flotando cajas, un buen css reseter y mucha imaginativa a medida en que se va escribiendo código. Hasta ahora no he utilizado una sola gota de <a href=“http://www.csslab.cl/2006/07/28/se-viene-ie7-¡huid/” title=“Enlace al artículo “comentario condicional” en CSSLab”>comentario condicional.

:D

Espero sea una buena ayuda a más de alguien, por último para que vean diferentes técnicas de diagramación.

Un detalle: trabajé mucho con los pesos de los videos v/s calidad de compresión y decidí cortarlo en 2 videos al final, ya que el videocast dura 47 minutos en total y quedó bastante pesado. Siento si esto limita a más de alguno, pero en realidad necesitaba abarcar todo el proceso. Creo que quedó bien completo.

Videocast parte 1: arquitectura y header 22 minutos

Videocast parte 2: contenido 26 minutos

Además, el material utilizado (html, css, imágenes**) está <a href=“http://www.csslab.cl/ejemplos/videocast/csslab.cl.zip" title=“Material ZIP del videocast 1 “Layout Compuesto”">disponible para descargar.**

Provecho!