Maquetación web

es una serie de archivos y conjunto de datos electrónicos (generalmente escritos en HTML) que permiten crear un documento que es visible utilizando un navegador de internet.

es un lenguaje informático que especifica cómo se presentan los documentos a los usuarios: cómo se diseñan, compaginan, etc.

es el código que se utiliza para estructurar y desplegar una página web y sus contenidos

tipos

estructura

La maquetación web consiste en transformar el diseño de una web en un conjunto de archivos (html, css y js) para que los navegadores web puedan interpretarlos y reproducirlos correctamente en diferentes dispositivos.

Herramientas

12

13

14

15

  1. Presenta una navegación simple 2. Sigue un orden jerárquico 3. Incluye CTAs
  1. Maquetación web fija
    Este tipo de maquetación web es considerado como uno de los más flexibles para diseñar una página web, ya que te permite saber cómo aparecerá el sitio online en diferentes navegadores web.

16

  1. Maquetación web elástica
    Es de los tipos de maquetación web más utilizados para diseñar y estructurar los elementos de una página web, debido a la forma en que se puede modificar para satisfacer las necesidades del contenido.

menús, imágenes, botones, videos, enlaces, títulos y más, para luego pasar a una previsualización de cómo se verá el sitio terminado.

17

click to edit

1- Divi Builder.

2- Visual Composer.

3- Elementor.

4- Ink.

5- Neat.

6- TukTuk.

7- Skeleton.

8- Bootstrap.