01
Revisa la estructura y el contenido.
Empieza comprobando que la web explica claramente qué es el proyecto y qué puede hacer el visitante.
El título principal explica claramente la propuesta.
Las páginas importantes tienen contenido suficiente.
Los textos están revisados y no tienen errores evidentes.
Las llamadas a la acción son claras.
La información de contacto está actualizada.
02
Comprueba la navegación.
Recorre la web como si fuera la primera vez que la visitas.
El menú funciona en todas las páginas.
Es fácil volver a Inicio.
Los enlaces llevan al lugar correcto.
No existen páginas aisladas sin navegación.
03
Revisa el diseño visual.
Una web no necesita muchos efectos para verse profesional. Necesita coherencia.
Los colores se utilizan de forma consistente.
Las tipografías son legibles.
Los títulos mantienen una jerarquía clara.
Los espacios entre secciones son coherentes.
Los botones similares utilizan estilos similares.
04
Comprueba la versión móvil.
No publiques una web después de revisar únicamente la versión de ordenador.
No hay contenido que salga de la pantalla.
Los títulos no son excesivamente grandes.
Los botones son fáciles de pulsar.
Las columnas se reorganizan correctamente.
El menú móvil funciona correctamente.
05
Revisa las imágenes.
Todas las imágenes cargan correctamente.
No existen archivos innecesariamente pesados.
Las imágenes mantienen sus proporciones.
Los nombres de archivo son claros.
Los atributos alt están correctamente utilizados.
06
Prueba todos los botones y enlaces.
Pulsa cada elemento interactivo de la web.
Enlaces del menú.
Botones principales.
Enlaces internos.
Enlaces externos.
Enlaces del footer.
07
Prueba los formularios.
Si tu web tiene un formulario de contacto, no basta con comprobar que se vea correctamente.
Envía tú mismo un mensaje de prueba.
Completa todos los campos.
Envía el formulario.
Comprueba que aparece la confirmación esperada.
Comprueba que el mensaje llega realmente.
08
Haz una última revisión SEO.
Cada página tiene un title adecuado.
Las páginas importantes tienen meta description.
Los encabezados tienen una jerarquía lógica.
Las URLs y nombres de archivo son claros.
Los enlaces internos funcionan.
Las imágenes están optimizadas.
09
Comprueba dominio y HTTPS.
Si utilizas un dominio propio, escribe directamente la dirección en el navegador y comprueba que funciona.
Comprueba también la versión que hayas configurado con o sin `www`.
La conexión debería utilizar HTTPS cuando tu configuración lo permita.
10
Prueba diferentes navegadores.
Cuando sea posible, prueba la página en más de un navegador.
Por ejemplo:
Edge
Firefox
Safari
No necesitas obsesionarte con conseguir que absolutamente todo sea idéntico, pero las funciones principales deben funcionar correctamente.
11
Haz una revisión final como visitante.
Ahora olvida por un momento que tú has creado la página.
Imagina que eres una persona que llega por primera vez.
¿Entiendo rápidamente de qué trata esta web?
¿Sé dónde encontrar la información importante?
¿Sé cuál debería ser mi siguiente acción?
¿La página transmite confianza?
¿Hay algo que me resulte confuso?
12
Una web nunca está completamente terminada.
Publicar es un paso importante, pero una página puede seguir evolucionando después.
Con el tiempo podrás:
Actualizar contenidos.
Añadir nuevas páginas.
Mejorar el SEO.
Optimizar el rendimiento.
Mejorar la experiencia según las necesidades reales.
CHECKLIST FINAL
Antes de considerar lista tu web.
- Contenido revisado.
- Navegación comprobada.
- Diseño coherente.
- Versión móvil revisada.
- Imágenes optimizadas.
- Botones y enlaces funcionando.
- Formularios probados.
- SEO básico revisado.
- Dominio comprobado.
- HTTPS activo cuando corresponda.
- Pruebas en diferentes tamaños y navegadores.
- Revisión final como visitante.
PROYECTO FINAL
Revisa y termina tu primera web.
Utiliza esta checklist para revisar el proyecto que has construido durante las 12 lecciones.
No continúes simplemente porque la página “se ve bien”. Prueba realmente cada elemento.
- Recorre todas las páginas.
- Prueba todos los enlaces.
- Comprueba móvil y ordenador.
- Revisa los textos.
- Comprueba las imágenes.
- Prueba los formularios.
- Haz la revisión SEO.
- Comprueba dominio y HTTPS si los utilizas.
RUTA COMPLETADA
Has completado Diseño web desde cero.
Empezaste entendiendo qué ocurre cuando visitas una web y has terminado construyendo, diseñando y revisando tu propio proyecto.
Ya conoces los fundamentos de HTML, CSS, diseño responsive, navegación, imágenes, sitios multipágina, dominios y SEO básico.
A partir de aquí puedes seguir practicando y construir proyectos cada vez más completos.
Explorar otras rutas