ManuelSandovalAct1 1B
ManuelSandovalAct1 1B
ManuelSandovalAct1 1B
CONTENIDO
INTRODUCCIÓN .............................................................................................................................. 1
DEFINICIÓN ...................................................................................................................................... 1
TIPOS .................................................................................................................................................. 1
CARACTERÍSTICAS ........................................................................................................................ 2
TENDENCIAS .................................................................................................................................... 2
SOFTWARE PARA HACER MAQUETACIÓN .............................................................................. 2
CONCLUSIÓN ................................................................................................................................... 3
INTRODUCCIÓN
Cuando se trata de mostrar o vender un proyecto debemos mostrar el como es que se va
hacer que contendrá como será que características va a tener para eso se necesita mostrar
una maquetación.
DEFINICIÓN
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.
TIPOS
• 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.
• 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 flexiona al crecer y
encogerse para satisfacer las necesidades del contenido.
• Maquetación web escalado
Se trata de un tipo de maquetación web que permite ajustar la orientación de una
página web, especialmente en dispositivos móviles.
Dependiendo de la forma en que se sostenga el dispositivo, este tipo de maquetación
web tiene el potencial de modificar la orientación visual (alterando la cantidad de
espacio que se le da al contenido en sí).
• Maquetación web híbrida
Por supuesto, al mencionar todos estos tipos de maquetación web, no podemos
olvidar mencionar el más popular de todos: la maquetación web híbrida, la cual se
destaca, como su nombre lo dice, por combinar lo mejor de todos los mundos. Un
tipo de maquetación web que garantiza que el diseño web se adapte a la ventana
gráfica de cualquier navegador y pueda conservar un cierto nivel de control sobre
los contenidos de un sitio web.
CARACTERÍSTICAS
1. Realizar bocetos (Wireframe)
2. Emplear Paleta de colores.
3. Emplear las etiquetas de HTML5.
4. Usar los prefijos para las propiedades de CSS3.
5. Comprobar tecnologías HTML5, CSS, SVG.
6. Utilizar tipografía para los iconos.
7. Documentar el código.
TENDENCIAS
• degradados de color
• tipografía grande e individual
• elementos 3d interactivos
• Neumorfismo
• Dark mode
• Micro interacciones
• Experiencia de usuario personalizada
• Chatbots
CONCLUSIÓN
La maquetación web no es más que la transformación de una pagina web en base a algunos
programas de lenguaje como html de los mas usados mostrando un diseño más profesional
implicando separar los elementos y, dependiendo de la función que deba desempeñar
cada elemento, desarrollar y estructurar el código que le permita a cada uno tener su orden
y su aplicación.