Diseñando la Zona Pública y la Experiencia del Usuario
Descargar
Publicado: 29/11/2025
📚 Contenido del tutorial ⌃
- Estructura del proyecto: páginas, estilos y scripts
- 1. inicio.html: la Landing pública del Portal Escolar
- 2. inicio.css: el Hero principal de la página de inicio
- 3. admisiones.html: página de Admisiones 2026
- 4. admisiones.css: rejilla de requisitos, costos y llamada a la acción
- 5. contacto.html: página de PQRS y canal directo con la institución
- 6. contacto.css: diseño del bloque de contacto y distribución en dos columnas
- 7. soporte.html: Centro de Ayuda y tickets de soporte técnico
- 8. soporte.css: cabecera degradada y buscador flotante del Centro de Ayuda
- 9. variables.css: paleta de colores y tokens de diseño globales
- 10. utilidades.css: clases de ayuda para visibilidad y animaciones
- 11. pie-de-pagina.css: footer institucional compartido en todo el portal
- 12. estilos-globales.css: reset básico y layout general del portal
- 13. botones.css: sistema de botones reutilizables del portal
- 14. encabezado.css: barra de navegación fija y adaptada a móviles
- 15. faq.css: acordeón de Preguntas Frecuentes en el Centro de Ayuda
- 16. formularios.css: tarjeta de ticket técnico y campos de formulario
- 17. noticias.css: listado de circulares y accesos rápidos a trámites
- 18. tarjetas-rol.css: tarjetas “Soy Estudiante / Acudiente / Docente”
Comentarios y Valoraciones
No hay comentarios aún. ¡Sé el primero en opinar!