Paso a paso de un diseño web

En SENTIDO WEB, Luis Sacristán comenta que 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, Breaking Out of the Box.

Es un buen artículo para aprender la transición de forma muy sencilla y rápida de pasar pasar de diseñar por tablas a diseñar sin ellas:

  • 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.

muestra del diseño conseguido

Mediante el artículo puedes seguir los pasos para conseguir el resultado que aparece en la imagen.

Anuncios

One Response to Paso a paso de un diseño web

  1. […] Paso a paso de un diseño web […]

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: