« anterior | siguiente »

Home > 2007 > Mayo > Viernes, 25 de Mayo 2007 > Paso a paso de un diseño web
Blogs Media: CSS Mania | VivirLatino | Sentido Web | Apps Mania

Publicidad

Vie25May2007

Paso a paso de un diseño web

10:15 H (CET)| Temas: CSS · XHTML

La gente de SitePoint han publicado un gran artículo en el que explican cómo hacer un diseño (layout) mediante XHTML y CSS.

Hace tiempo alguien nos preguntaba por un comentario en un artículo cómo podía pasar de su forma de diseñar por tablas a diseñar sin tablas. Creo que con este artículo podrá aprender la transición de forma muy sencilla y rápida.

Empieza explicándonos los pasos que hay que llevar a cabo para la fase inicial de nuestro diseño. Dibujar los contenidos (cabecera, panel, contenido, pie de página) y cómo crear la estructura de capas y sus estilos.

Después nos indica como añadir fondos y contenidos a las distintas partes de nuestra página, como por ejemplo las imágenes con float. No solo se centra en lo estrictamente desarrollo, sino también un poco en diseño. Añade imágenes de fondo al pie y a la cabecera que realmente quedan bastante bien.

Y por último nos indica como dividir el contenido en rejillas para darle un aspecto más uniforme.

Breaking Out of the Box

Relacionados

1. Jose Carlos ~ Martes, 17 Jul 2007 | 23:34H:

oigan si yegaran a nesesitar La UDEM tiene una maestria en diseño que la mueve. Si se inscriben, les recomiendo mucho la clase de DISEÑO INTERACTIVO, y las de emarketing

p.s.:si estan interesados la pagina es http://www.udem.edu.mx/XStatic/udem/template/detallePosgrados.aspx?sl=1&subt=408&se=Posgrados&c=343&tp=1