Menú
Inicio
Foros
Nuevos mensajes
Buscar en foros
Novedades
Nuevos mensajes
Nuevos mensajes de perfil
Última actividad
Miembros
Visitantes actuales
Nuevos mensajes de perfil
Buscar mensajes de perfil
Acceder
Registrarse
Novedades
Buscar
Buscar
Buscar sólo en títulos
De:
Nuevos mensajes
Buscar en foros
Menú
Acceder
Registrarse
Install the app
Instalar
Novedades
Foros
Arte, Cultura y Comunicación
Diseño
Maquetación CSS con 960 Grid System
JavaScript está desactivado. Para una mejor experiencia, por favor, activa JavaScript en el navegador antes de continuar.
Estás usando un navegador obsoleto. No se pueden mostrar este u otros sitios web correctamente.
Se debe actualizar o usar un
navegador alternativo
.
Responder al tema
Mensaje
<blockquote data-quote="matrux" data-source="post: 875119" data-attributes="member: 3433"><p style="text-align: center"> <img src="http://1024bytes.files.wordpress.com/2010/03/960gs11.jpg" alt="" class="fr-fic fr-dii fr-draggable " style="" /></p> <p style="text-align: center"></p><p></p><p>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.</p><p></p><p> </p><p> <strong>Listado de los capítulos</strong> </p><p> </p><p></p><p> <strong>1.- <a href="http://www.desarrolloweb.com/articulos/presentacion-960-grid-system.html">Presentación de 960 Grid System</a></strong> </p><p> Introducción a la maquetación de páginas web usando CSS con el sistema 960 Grid. <a href="http://www.desarrolloweb.com/articulos/presentacion-960-grid-system.html">Entrar</a> <strong>2.- <a href="http://www.desarrolloweb.com/articulos/notas-uso-960-grid-system.html">Primeras notas de uso de 960 Grid System</a></strong> </p><p> 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. <a href="http://www.desarrolloweb.com/articulos/notas-uso-960-grid-system.html">Entrar</a> </p><p> <strong>3.- <a href="http://www.desarrolloweb.com/articulos/clases-definidas-frameword-960-grid.html">Clases definidas en el framework CSS 960 Grid System</a></strong> </p><p> Conociendo y explotando las distintas clases (class de CSS) disponibles para la maquetación CSS con 960 Grid System. <a href="http://www.desarrolloweb.com/articulos/clases-definidas-frameword-960-grid.html">Entrar</a> </p><p> <strong>4.- <a href="http://www.desarrolloweb.com/articulos/aplicacion-clases-960-grid-system.html">Aplicación de clases CSS de 960 Grid System</a></strong> </p><p> Veremos un ejemplo de maquetación CSS utilizando las clases disponibles en 960 Grid System, para que nos sirva de práctica. <a href="http://www.desarrolloweb.com/articulos/aplicacion-clases-960-grid-system.html">Entrar</a> </p><p> <strong>5.- <a href="http://www.desarrolloweb.com/articulos/descarga-plantilla-photoshop-manua-diseno.html">Descargas de la plantilla Photoshop del manual Diseño desde cero</a></strong> </p><p> 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. <a href="http://www.desarrolloweb.com/articulos/descarga-plantilla-photoshop-manua-diseno.html">Entrar</a></p><p><strong>6.- <a href="http://www.desarrolloweb.com/articulos/maquetacion-css-960-grid-cabecera.html">Maquetación CSS con 960 Grid System, caso real</a></strong> </p><p> 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. <a href="http://www.desarrolloweb.com/articulos/maquetacion-css-960-grid-cabecera.html">Entrar</a> </p><p> <strong>7.- <a href="http://www.desarrolloweb.com/articulos/maquetacion-css-960-grid-II-parte.html">Maquetación CSS con 960 Grid System, Parte II</a></strong> </p><p> Continuamos mostrando un caso real de maquetación con CSS usando el framework CSS 960 Grid System. <a href="http://www.desarrolloweb.com/articulos/maquetacion-css-960-grid-II-parte.html">Entrar</a> </p><p> <strong>8.- <a href="http://www.desarrolloweb.com/articulos/maquetacion-css-fin-ejemplo.html">Maquetación CSS 960gs, fin del ejemplo</a></strong> </p><p> 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. <a href="http://www.desarrolloweb.com/articulos/maquetacion-css-fin-ejemplo.html">Entrar</a></p></blockquote><p></p>
[QUOTE="matrux, post: 875119, member: 3433"] [CENTER] [IMG]http://1024bytes.files.wordpress.com/2010/03/960gs11.jpg[/IMG] [/CENTER] 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. [B]Listado de los capítulos[/B] [B]1.- [URL="http://www.desarrolloweb.com/articulos/presentacion-960-grid-system.html"]Presentación de 960 Grid System[/URL][/B] Introducción a la maquetación de páginas web usando CSS con el sistema 960 Grid. [URL="http://www.desarrolloweb.com/articulos/presentacion-960-grid-system.html"]Entrar[/URL] [B]2.- [URL="http://www.desarrolloweb.com/articulos/notas-uso-960-grid-system.html"]Primeras notas de uso de 960 Grid System[/URL][/B] 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. [URL="http://www.desarrolloweb.com/articulos/notas-uso-960-grid-system.html"]Entrar[/URL] [B]3.- [URL="http://www.desarrolloweb.com/articulos/clases-definidas-frameword-960-grid.html"]Clases definidas en el framework CSS 960 Grid System[/URL][/B] Conociendo y explotando las distintas clases (class de CSS) disponibles para la maquetación CSS con 960 Grid System. [URL="http://www.desarrolloweb.com/articulos/clases-definidas-frameword-960-grid.html"]Entrar[/URL] [B]4.- [URL="http://www.desarrolloweb.com/articulos/aplicacion-clases-960-grid-system.html"]Aplicación de clases CSS de 960 Grid System[/URL][/B] Veremos un ejemplo de maquetación CSS utilizando las clases disponibles en 960 Grid System, para que nos sirva de práctica. [URL="http://www.desarrolloweb.com/articulos/aplicacion-clases-960-grid-system.html"]Entrar[/URL] [B]5.- [URL="http://www.desarrolloweb.com/articulos/descarga-plantilla-photoshop-manua-diseno.html"]Descargas de la plantilla Photoshop del manual Diseño desde cero[/URL][/B] 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. [URL="http://www.desarrolloweb.com/articulos/descarga-plantilla-photoshop-manua-diseno.html"]Entrar[/URL] [B]6.- [URL="http://www.desarrolloweb.com/articulos/maquetacion-css-960-grid-cabecera.html"]Maquetación CSS con 960 Grid System, caso real[/URL][/B] 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. [URL="http://www.desarrolloweb.com/articulos/maquetacion-css-960-grid-cabecera.html"]Entrar[/URL] [B]7.- [URL="http://www.desarrolloweb.com/articulos/maquetacion-css-960-grid-II-parte.html"]Maquetación CSS con 960 Grid System, Parte II[/URL][/B] Continuamos mostrando un caso real de maquetación con CSS usando el framework CSS 960 Grid System. [URL="http://www.desarrolloweb.com/articulos/maquetacion-css-960-grid-II-parte.html"]Entrar[/URL] [B]8.- [URL="http://www.desarrolloweb.com/articulos/maquetacion-css-fin-ejemplo.html"]Maquetación CSS 960gs, fin del ejemplo[/URL][/B] 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. [URL="http://www.desarrolloweb.com/articulos/maquetacion-css-fin-ejemplo.html"]Entrar[/URL] [/QUOTE]
Verificación
Responder
Novedades
Foros
Arte, Cultura y Comunicación
Diseño
Maquetación CSS con 960 Grid System
Arriba