-
imagen de misshaCreando un layout sin tablas (parte 2)
Esta es la segunda parte del tutorial para hacer layouts sin tablas, si quieres, aquí puedes ver la primera parte.
¿Recuerdan la página de Starbucks Perú?
Ya estaba (casi) todo el marcado listo, sólo faltaba una pequeña cosa.
Luego de eso es hora del CSS!
Marcar la cabecera con un div para poder posicionar absolutamente todo, este sería el marcado:
-
imagen de GamiKunCreando un layout sin tablas (parte 1)
He escrito varios posts sobre por que NO se deben usar tablas para hacer el layout de una página web (y hay mucho que decir al respecto), lo que no había hecho hasta ahora era explicar la manera de hacer un layout sin tablas.
Este tema es amplio, así que no podría ponerlo todo en un sólo post, de lo que voy a hablar aquí es del HTML necesario para hacer un layout sin tablas.
Este es el primer paso que se debe seguir para para poder lograrlo.
Para hacer un layout sin tablas hay una cosa que no puede faltar, un buen HTML.
La base del diseño sin tablas es un HTML bien estructurado.
-
imagen de liss_mcbovzla¿Como sería una conversación entre CSS y una tabla?
Todo buen diseñador web sabe que no se debe hacer el layout de una página web usando tablas, para eso tenemos el CSS.
Aún hay mucha discusión entre diseñadores web sobre el uso de tablas para hacer layouts, y aunque si quieres cumplir con los estándares debes usar CSS, la discusión sigue.
¿Una discusión entre el CSS y una tabla?
Pero ¿te imaginas como sería esta discusión si se tratara de una conversación entre el CSS y una tabla?...
-
imagen de Ecainj5 razones para no usar tablas en tu HTML
Antes que nada quiero decir que las tablas tienen una función muy importante en en HTML, sirven para mostrar información tabular.
Pero hay algo para lo que las tablas NO fueron creadas.
NO fueron creadas para darle forma al diseño de una página web.
Así que eres bienvenido a usar tablas para mostrar datos tabulares, pero si estás usándolas o piensas convencer a alguien de no usarlas...
Estas son las 5 razones
1. Porque el CSS es más flexible y te da muchas más posibilidades.
Sí, con CSS puedes hacer cosas increíbles que no podrías lograr usando tablas, si tienes algún amigo que aún use tablas, sólo pregúntale cuanto tiempo demoraría en cambiar 2 o 3 elementos de posición.
¿Notaste que dije: que aún use tablas?... eso nos lleva al punto 2.
Algunos recursos para Diseñadores Web
- Firebug
- Genial extensión de Firefox que permite ver y editar HTML y CSS de cualquier página, entre otras cosas.
- Web Developer Toolbar
- Extensión de Firefox, agrega una barra de menu con muchas herramientas utiles para diseño y desarrollo web.
- YSlow
- Complemento para Firebug creado por Yahoo, da estadísticas de la velocidad de carga de la página así como sugerencias para mejorarla (requiere Firebug).
- W3C Markup Validation Service
- Valida tu HTML o XHTML, una herramienta indispensable.
Entra a la página de recursos para diseñadores web y mira la lista completa
¿Quien escribe Aprendiendo Web?
Hola, soy Germán Martínez, diseñador web y fundador de PreZentit.com, la primera aplicación web 2.0 creada en Perú.
La idea de Aprendiendo Web, es ser una fuente de información en español de estándares y buenas prácticas, así como de las últimas tendencias en diseño web.
Me apasiona el (X)HTML, CSS, SEO y todo lo que tenga que ver con diseño y desarrollo web.
-12.126668, -77.029910
© 2008 - 2012 Aprendiendo Web.
- Contacto
- Diseñado y desarrollado por Lúcuma Labs






