Explicaciones y ejemplos de uso del Framework CSS 960 Grid System, con el que veremos como maquetar una página con CSS paso a paso y de manera sencilla.
Artículos del manual
-
1
Presentación de 960 Grid System
Introducción a la maquetación de páginas web usando CSS con el sistema 960 Grid.
-
2
Primeras notas de uso de 960 Grid System
Primera demo de uso del framework CSS 960 Grid, para aprender lo más básico acerca de maquetar con CSS utilizando este sistema de rejilla.
-
3
Clases definidas en el framework CSS 960 Grid System
Conociendo y explotando las distintas clases (class de CSS) disponibles para la maquetación CSS con 960 Grid System.
-
4
Aplicación de clases CSS de 960 Grid System
Veremos un ejemplo de maquetación CSS utilizando las clases disponibles en 960 Grid System, para que nos sirva de práctica.
-
5
Descargas de la plantilla Photoshop del manual Diseño desde cero
Diversos archivos para descarga que serán de utilidad para seguir el vídeo del diseño web desde cero con Photoshop y el manual de maquetación CSS 960 Grid System.
-
6
Maquetación CSS con 960 Grid System, caso real
Desarrollo de la maquetación de una web con 960 Grid System, paso a paso y desde cero, a partir de una imagen diseñada con Photoshop. Con vídeotutorial.
-
7
Maquetación CSS con 960 Grid System, Parte II
Continuamos mostrando un caso real de maquetación con CSS usando el framework CSS 960 Grid System.
-
8
Maquetación CSS 960gs, fin del ejemplo
Terminamos de crear en XHTML y CSS la plantilla del diseño de ejemplo para mostrar el funcionamiento de 960 Grid System, con vídeo incluido para ilustrar el proceso.
-
9
Traducción a porcentajes de 960.gs para Responsive Design
Archivos CSS del framework CSS 960 Grid System, pero traducidos a porcentajes, en lugar de medidas en píxeles, pensando en el "Responsive Web Design".