EniunEniunEniunEniun
  • Inicio
  • Blog
  • Cursos
  • Contactar
  • DTD
✕
            Sin resultados Ver todos los resultados

            Módulo Diseño de Interfaces Web

            • Inicio
            • Diseño y Usabilidad Diseño de interfaces
            • Módulo Diseño de Interfaces Web
            01/08/2019
            Modulo diseno interfaces web

            Modulo diseno interfaces web

            Unidad 1

            Planificación de interfaces gráficas

            1ª evaluación

            Curso Diseño de interfaces

            • 1. Evolución del diseño web
            • 2. Interacción persona-ordenador
            • 3. Elementos de identificación, navegación, contenidos e interacción
            • 4. Componentes de una interfaz web
            • 5. Elementos conceptuales: punto, línea, plano y volumen
            • 6. Elementos visuales: forma, medida, color, textura
            • 7. Elementos de relación: dirección, posición, espacio, gravedad
            • 8. Elementos prácticos: representación, significado y función
            • 9. Guía de estilo
            • 10. Prototipos
            • 11. Mapas conceptuales, y de navegación
            • 12. Características de una interfaz web
            • 13. Tutorial Figma
            Ver más cursos

            Unidad 2

            HTML y CSS Inicial

            1ª evaluación

            Curso HTML5

            • 0. Lenguajes de marcado
            • 1. Lenguaje de marcas HTML
              • 1.1 Reglas y normas
              • 1.2. Cierre de etiquetas
            • 2. Estructura y elementos semánticos
            • 3. Etiquetas de contenido y texto
            • 4. Formularios HTML
            • 5. Tablas de contenido
            • 6. Contenido incrustado
            • 7. Elementos de ordenación
            • 8. Marcadores HTML
            • 9. Factores HTML clave para el SEO
            • 10. Test de verificación HTML y herramientas útiles
            • 11. Metainformación en HTML
            • 12. Metaetiqueta viewport
            • 13. Resumen de etiquetas HTML
            • 14. Ejercicios resueltos HTML
              • 14.1. Práctica abreviaciones Emmet
            Ver más cursos

            Curso CSS Inicial

            • 1. ¿Qué es CSS?
            • 2 ¿Cómo aplicar estilos CSS?
            • 3. Selectores
            • 4. Unidades de medida
              • Unidades vh y vw
            • 5. Colores y fondo
              • Efecto parallax
            • 6. Propiedades de texto
            • 7. Propiedades de las fuentes
            • 8. Propiedades de las listas
            • 9. Modelo de cajas: márgenes, relleno y bordes
            • 10. Tamaño: width, height, max-width…
            • 11. Propiedades de las tablas
            • 12. Posición y comportamiento de contenedores
            • 13. Pseudo-clases y pseudo-elementos
            • 14. Cómo crear un menú horizontal
            • 15. Propiedad overflow, excedente de contenido
            • 16. Espacio entre elementos inline-block
            • 17. Problemas con flotantes y sus soluciones
            • 18. Estilos en formularios CSS
            • 19. Herramientas útiles y tests de verificación
            • 20. Inspeccionar elementos en el navegador para encontrar errores
            • 21. Buenas prácticas CSS
              • 21.1. Nombres de clases: mejores prácticas y ejemplos
              • 21.2. Rutas de archivos en HTML/CSS
            • 23. Test de conocimiento
            • 24. Ejercicios resueltos CSS
            • 25. Resumen propiedades CSS
            Ver más cursos

            Unidad 3

            CSS Intermedio

            1ª evaluación

            Curso CSS Intermedio

            • 1. Tipos de diseño web
            • 2. Medios en CSS
            • 3. Media queries CSS
            • 4. Cursores en CSS
            • 5. Botones CSS
            • 6. Sombras
            • 7. Selector de atributos
            • 8. Formatos y repositorios de fuentes
            • 9. Insertar iconos de Google Fonts en un sitio web
            • 10. Insertar una imagen SVG en CSS y HTML
            • 11. Flexbox, modelo de caja flexible
            • 12. Ejercicios prácticos CSS Intermedio
            • 13. Resumen CSS
            Ver más cursos

            Unidad 4

            CSS Avanzado

            1ª evaluación

            Curso CSS Avanzado

            • 1. Variables CSS
            • 2. Gradientes
            • 3. Transiciones
            • 4. Transformaciones
            • 5. Animaciones con animation
            • 6. Funciones matemáticas
            • 7. CSS Grid
            • 8. Centrar horizontal y verticalmente un elemento
            • 9. Modo oscuro y claro con CSS
            • 10. Tooltip en CSS: Pasos para crear tooltips
            • 11. CSS clamp(): Tipografía fluida
            • 12. CSS line-clamp: Acortar texto a un número de líneas
            • 13. Scroll Snap en CSS: Controla el desplazamiento
            • 14. scroll-behavior CSS: desplazamiento suave entre marcadores
            • 15. Blend Modes CSS
            • 16. Hyphens CSS
            • 17. Filtros
            • 18. Prefijos CSS de los navegadores
            • 19. Preprocesadores CSS: Less y Sass
            • 20. Prácticas CSS
            • 21. Chuleta CSS Nivel avanzado
            • 22. Tutorial de Sass
            • 23. Exámenes HTML y CSS avanzado
            Ver más cursos

            Unidad 5

            Plantillas y frameworks de diseño

            2ª evaluación

            Curso Bootstrap 5

            • 1. Tutorial Bootstrap 5
            • 2. Frameworks de diseño CSS más utilizados
            • 3. Versiones de Bootstrap
            • 4. Diferencias entre Bootstrap 4 y Bootstrap 5
            • 5. Descargar e instalar Bootstrap 5
            • 6. Contenedores, filas y columnas
            • 7. Colores
            • 8. Textos
            • 9. Tablas
            • 10. Imágenes
            • 11. Botones
            • 12. Bordes, padding y margin
            • 13. Componentes
            • 14. Plantillas y temas gratis para Bootstrap 5
            • 15. Resumen de clases Bootstrap 5
            Ver más cursos

            Unidad 6

            Sonido, vídeo y animaciones

            2ª evaluación

            Curso Sonido, vídeo y animaciones con JS

            • 1. Formatos de vídeo y conversiones
            • 2. Formatos de audio
            • 3. Inserción de vídeo en HTML5
            • 4. Inserción de audio en HTML5
            • 5. Control de vídeo y audio con JavaScript
            • 6. Canvas en HTML5
            • 7. Animaciones en Canvas
            • 8. Qué son las licencias Creative Commons y cómo aplicarlas
            Ver más cursos

            Unidad 7

            Diseño de webs accesibles y usabilidad web

             2ª evaluación

            Curso Accesibilidad

            • 1. Concepto accesibilidad web
            • 2. Pautas de accesibilidad WCAG
            • 3. Imágenes accesibles
            • 4. Enlaces accesibles
            • 5. Tablas accesibles
            • 6. Cómo hacer formularios accesibles
            • 7. Herramientas de análisis de accesibilidad web
            • 8. Ejercicios sobre accesibilidad web
            • 9. Mejores libros de accesibilidad web
            Ver más cursos

            Curso Usabilidad

            • 1. Concepto de usabilidad
            • 2. Pautas y principios de usabilidad
            • 3. Atomizar la usabilidad
            • 4. Tipos de pruebas
            • 5. Estudio de casos
            • 6. Mejores libros de diseño UX/UI
            Ver más cursos

            Anexos

            Contenido adicional

            Tutoriales adicionales

            • Tutorial CodePen
            • Curso de Visual Studio Code
            • Tutorial posicionamiento online SEO
            • Tutorial WordPress
            • Tutorial WooCommerce
            • Tutorial metodologías ágiles
            • Curso: Vocabulario técnico en inglés para desarrollo de aplicaciones
            Ver más cursos

            Diseño de Interfaces web

            Empezar formación

            Diseño de Interfaces Web, DIW

            120 sesiones    2º curso DAW

            El módulo Diseño de Interfaces Web se encuadra dentro del ciclo formativo de grado superior Desarrollo de Aplicaciones Web. Este título viene definido en el Real Decreto 686/2010, de 20 de mayo y está establecido, en el ámbito de la Comunidad Valenciana, en la Orden 60/2012, de 25 de septiembre de la Consellería de Educación.

            El módulo que nos ocupa es de vital importancia ya que es una disciplina muy demandada por empresas de desarrollo de aplicaciones web. De hecho, el éxito de una aplicación depende, en buena medida, de su facilidad de uso.

            Muy a menudo se entiende el Diseño de Interfaces Web como una disciplina relacionada con el arte. Sin embargo, tiene mucha asociación con la organización, la estructura y las normativas que un experto informático debe saber aplicar para asegurar el éxito de cualquier desarrollo web.

            Así pues, mediante este módulo nos centraremos en aprender técnicas y herramientas para conseguir aplicaciones web usables y accesibles siguiendo las normativas y los estándares de desarrollo.

            Características principales del módulo

            • Módulo profesional: Diseño de Interfaces Web
            • Código: 0615
            • Ciclo formativo: Desarrollo de Aplicaciones Web
            • Grado: Superior
            • Familia profesional: Informática y Comunicaciones
            • Unidades de competencia: UC0491_3: Desarrollar elementos software en el entorno cliente.

            Navegación de entradas

            Evolución del diseño web →

            ¡Invítanos a un café!

            ¿Cómo donar?
            Ayúdanos a seguir creando contenido relacionado con la informática y el diseño y desarrollo web en Eniun. ¡Gracias por tu apoyo!
            Eniun

            info@eniun.com
            Reportar un error

            Servicios

            Desarrollo Web
            Diseño Web
            Marketing Digital
            Social Media
            Experiencia de Usuario
            Cursos formativos

            Suscríbete a la newsletter

            Únete a nuestra comunidad para recibir contenido exclusivo y relevante para diseñadores y desarrolladores web.

            Apuntarme

            © 2026 Eniun | Política de privacidad y cookies

                      Sin resultados Ver todos los resultados