Diseño web comenzando por estructuras de grillas simples

1. Grillas y estructuras web Mg. Gabriela Tallarico – gabitallarico@gmail.com

3. Estructuras básicas Mg. Gabriela Tallarico – gabitallarico@gmail.com

4. Estructuras básicas

5. Estructuras básicas

6. Estructuras básicas

7. Estructuras básicas

8. Grilla en el diseño web - tratar de automatizar/standarizar lo máximo posible el proceso de la construcción de la estructura de cualquier sitio. - mantener la coherencia visual entre todas las vistas del sitio web. - para facilitar el uso, el entendimiento y su modificación, procurando economía en el uso de código y flexibilidad para adaptarse a la mayor cantidad de necesidades de diagramación. objetivo Mg. Gabriela Tallarico – gabitallarico@gmail.com

9. Grilla en el diseño web ejemplo

10. Grilla en el diseño web ejemplo

11. Grilla en el diseño web 1. Marcar la caja contenedora externa (liquid o fix) 2. Identificar módulos o unidades de contenidos (principal diferencia con gráfica papel). 3. Trazar las líneas verticales principales y horizontales . 4. Construir cajas contenedoras entre las líneas establecidas. construcción