-
800 x 600 y el diseño web
Quiero toda la información de mi sitio web en el homepage, y además no quiero tener que hacer scroll...
¿Alguna vez has escuchado algo por el estilo?
Pues es una de las cosas que la gente considera como "buen diseño web". Y de hecho lo es...
-
imagen de andreasnilsson1976
Prueba la diferencia entre position relative, absolute, static y fixed
Existen muchas dudas sobre como funcionan las posiciones en CSS.
Aquí les paso un dato muy interesante, quirksmode.org tiene una página que te permite seleccionar el tipo de posición que quieres darle a un elemento y ver el resultado.
-
imagen de missha
Creando 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 GamiKun
Creando 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.
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