Maquetación web

El proceso de maquetación web es la transformación del diseño de un producto web

en un conjunto de archivos (HTML, CSS, JS) capaces de ser reproducidos por los
navegadores web.

La maquetación web es el proceso en el que el prototipo gráfico también

denominado «layout» (con los requisitos estructurales y estéticos definidos y
aprobados en un análisis inicial) pasa a transformase en código HTML, CSS y JS
(estándares web) para que los navegadores puedan interpretarlo correctamente.

Cómo podemos editar los archivos web

La edición de los archivos web y su base de HTML se realiza mediante el uso de

editores de texto básico como: Notepad, Bloc de Notas o UltraEdit, que nos permiten
escribir código sobre un documento en blanco. Para poder maquetar un documento
web con este tipo de editores necesitaremos tener amplios conocimientos en HTML
y ciertas nociones de programación.

Cómo debemos planificar el proceso de maquetación web

1. Estructura una retícula, capaz de mostrar los contenidos de la web: a la hora

de plantear una maquetación web debemos fijar unas zonas de trabajo que
soporten la estructura de contenidos de nuestro sitio web y generar los
recursos necesarios que faciliten la futura carga de contenidos. Un error muy
frecuente es plantear una maquetación estática sin pensar en las
necesidades reales de la estructura de contenido. En estos casos, al
introducir más o menos elementos de los inicialmente planteados se produce
una desmaquetación del documento que deteriora su representación.
2. Separa la presentación del contenido: es muy importante, para facilitar tanto
el proceso creativo como el futuro mantenimiento del sitio, separar el
contenido y las funcionalidades de la web de los archivos que definen las
propiedades gráficas (css). Además, este proceso optimiza la velocidad de
 carga de la web y permite la personalización del sitio según necesidades de
los usuarios.
3. Utiliza estándares en desarrollo de la maqueta: para una correcta
representación de un documento web se recomienda el uso de los
estándares web, que nos permiten mostrar la información de forma universal
y robusta y poder acceder al mayor número de usuarios independientemente
del dispositivo o la tecnología que usen.