960 Grid System - Historial de revisiones

Carlos idict: Texto reemplazado: «Category:» por «Categoría:»

2019-08-16T04:43:42Z

Texto reemplazado: «Category:» por «Categoría:»

Carlos idict: Texto reemplazado: «
» por «»

2019-06-26T23:34:31Z

Texto reemplazado: «<div align="justify">» por «»

Carlos idict en 18:32 26 jun 2014

2014-06-26T18:32:26Z

Yoels04024jc: Página creada con '{{Ficha Software |nombre=960_Grid_System |familia=Framewoks CSS |imagen=960_grid_system_logo.jpg |tamaño=272px |descripción=Framework CSS para Desarrollo Web |imag...'

2014-06-23T16:43:14Z

Página creada con '{{Ficha Software |nombre=960_Grid_System |familia=Framewoks CSS |imagen=960_grid_system_logo.jpg |tamaño=272px |descripción=Framework CSS para Desarrollo Web |imag...'

Página nueva

{{Ficha Software
|nombre=960_Grid_System
|familia=Framewoks CSS
|imagen=960_grid_system_logo.jpg
|tamaño=272px
|descripción=[[Framework]] [[CSS]] para Desarrollo [[Web]]
|imagen2=
|tamaño2=
|descripción2=
|creador=
|desarrollador=
|diseñador=
|modelo de desarrollo=
|lanzamiento inicial=
|versiones=
|última versión estable=
|género=
|sistemas operativos=Multiplataforma
|idioma=
|licencia=[http://www.gnu.org/licenses/gpl.html/ GPL]
|premios=
|web=http://960.gs
}}
<div align="justify">

'''960_Grid_System''' es un [[framework]] [[CSS]] orientado a maquetar sitios web (o incluso aplicaciones) con el mínimo esfuerzo posible cuyas páginas se construyen en anchuras de 960 píxeles (de ahí su nombre). Ofrece dos posibilidades de maquetación de páginas, con una rejilla de 12 ó 16 columnas.

==Variantes de 960_Grid_System==
El propio framework dispone de dos variantes distintas, para hacer páginas utilizando 12 ó 16 columnas. Por lo general no es necesario utilizar todas las columnas disponibles para realizar una maquetación, sino que la rejilla tendrá esas divisiones verticales donde se podrán situar los elementos. La variante de 12 columnas da menos posibilidades para repartir los espacios, pero en muchos de los casos será más que suficiente para crear cualquier estructura de página. En cuanto a la variante de 16 columnas, da una gama mayor de posibles anchos para las columnas, que puede ser necesaria en diseños con un nivel de detalle más alto.

En ambas variantes las columnas que se consiguen tienen un margen a cada lado de 10 píxeles, por lo que si se colocan dos columnas, una al lado de otra, entre los márgenes de las dos a la vez, se obtiene una separación de 20 píxeles entre ellas.

===Anchuras posibles con la variante de 12 columnas===
Con la primera de las variantes de 960_Grid_System se puede hacer divisiones en hasta 12 columnas distintas. Teniendo en cuenta los márgenes a la izquierda y la derecha de las columnas, las anchuras disponibles serán las siguientes:

1: 60px

2: 140px

3: 220px

4: 300px

5: 380px

6: 460px

7: 540px

8: 620px

9: 700px

10: 780px

11: 860px

12: 940px

Por ejemplo, para un diseño a 3 columnas, una combinación de anchuras podría ser de 140px, 460px y 300px.

===Anchuras posibles con la variante de 16 columnas===
Utilizando la variante de 16 columnas se obtiene 16 posibles anchuras de elementos de la página, lo que puede aumentar las posibilidades de elección. Las distintas anchuras sobre las que se puede trabajar son las siguientes:

1: 40px

2: 100px

3: 160px

4: 220px

5: 280px

6: 340px

7: 400px

8: 460px

9: 520px

10: 580px

11: 640px

12: 700px

13: 760px

14: 820px

15: 880px

16: 940px

Así pues, con este sistema es posible maquetar hasta 16 columnas de 40 píxeles cada una, o cualquier combinación deseada, siempre que la anchura más los márgenes de los elementos sea de 960 píxeles.
</div>

==Ejemplo==
Estructura de dos columnas, donde ambas midan 460 píxeles de anchura.

<div class="container_12"><br>
   <div class="grid_6"><br>
      <p>460 px</p><br>
   </div><br>
   <div class="grid_6"><br>
      <p>460 px</p><br>
   </div><br>
   <div class="clear"></div><br>
</div>

==Fuente==
* http://960.gs
* http://www.desarrolloweb.com/articulos/listado-frameworks-css.html
* http://sonspring.com/journal/960-grid-system

[[Category:Programación]] [[Category:Desarrollo_web]]

← Revisión anterior		Revisión del 04:43 16 ago 2019
Línea 113:		Línea 113:
	* http://sonspring.com/journal/960-grid-system		* http://sonspring.com/journal/960-grid-system

−	[[~~Category~~:Programación]] [[~~Category~~:Desarrollo_web]]	+	[[Categoría:Programación]] [[Categoría:Desarrollo_web]]

@@ Línea 21: / Línea 21: @@
 |premios=
 |web=http://960.gs
-}}<div align="justify">'''960 Grid System''' es un [[framework]] [[CSS]] orientado a maquetar sitios web (o incluso aplicaciones) con el mínimo esfuerzo posible cuyas páginas se construyen en anchuras de 960 píxeles (de ahí su nombre). Ofrece dos posibilidades de maquetación de páginas, con una rejilla de 12 ó 16 columnas.
+}}'''960 Grid System''' es un [[framework]] [[CSS]] orientado a maquetar sitios web (o incluso aplicaciones) con el mínimo esfuerzo posible cuyas páginas se construyen en anchuras de 960 píxeles (de ahí su nombre). Ofrece dos posibilidades de maquetación de páginas, con una rejilla de 12 ó 16 columnas.
 ==Variantes de 960 Grid System==

960 Grid System - Historial de revisiones

Carlos idict: Texto reemplazado: «Category:» por «Categoría:»

Carlos idict: Texto reemplazado: «» por «»

Carlos idict en 18:32 26 jun 2014

Yoels04024jc: Página creada con '{{Ficha Software |nombre=960_Grid_System |familia=Framewoks CSS |imagen=960_grid_system_logo.jpg |tamaño=272px |descripción=Framework CSS para Desarrollo Web |imag...'

Carlos idict: Texto reemplazado: «
» por «»