Manual CSS – Paso 6 > Cajas coloreadas
Ahora hay que aplicar estilo a estos contenedores principales con un método de colocación. Para que sea mas fácil ver como interactúan los contenedores, a cada uno de ellos se le dará un color de …
CSS
Manual CSS – Paso 5 > Elije un método de posición para los contenedores
Observa tu diseño y decide como posicionar cada uno de los contenedores. ¿La plantilla será liquida (liquid), de ancho fijo (fixed-width), con em (em-driven) o una combinación de las anteriores? ¿La plantilla estará centrada (centered) …
Manual CSS – Paso 5 > Elije un método de posición para los contenedores Leer más »
Manual CSS – Paso 4 > Marca los contenedores
Crea algunos elementos <div> vacíos para mostrar estos contenedores. Por ejemplo: <div id=»container»> <div id=»header»></div> <div id=»mainnav»></div> <div id=»menu»></div> <div id=»contents»></div> <div id=»footer»></div> </div> Una nota sobre los tipos de documento Asegurate de que eres …
Manual CSS – Paso 3 > Nombre de los contenedores
Estos contenedores se convertirán en los elementos principale del <div> que soportarán tu contenido, así que dales nombres que tengan un significado semántico en vez de nombres que describan su apariencia. Para este ejemplo los …
Manual CSS – Paso 2 > Busca los contenedores
Para colocar los elementos en la página, es necesario establecer la totalidad de los contenedores. Mira nuestro diseño (el cual podría ser un prototipo digital, un boceto en papel o incluso una plantilla/web existente) y …
Manual CSS – Paso 1 > Decide el nivel de soporte de navegador
Antes de empezar a construir tu plantilla basada en CSS debes decidir que navegadores soportará y hasta que nivel pretendes que los soporte. Para ayudar a decidirte habla con clientes, usuarios tipo y examina ficheros …
Manual CSS – Paso 1 > Decide el nivel de soporte de navegador Leer más »
Manual CSS – Introducción
Como prometí, me dispongo a traducir el fantástico tutorial Colored Boxes, en el que se explica como construir una plantilla CSS paso a paso. Partiendo de una serie de cajas de colores que vamos colocando, …
Colored Boxes – Aprende CSS paso a paso
En Max Design han elaborado un método en 11 pasos para aprender a crear una plantilla CSS de modo sencillo. El proceso, al que llaman Cajas Coloreadas (del inglés «colored boxes») te lleva paso a …
