Curso Gratuito Curso Superior en Desarrollo Web Responsive: HTML5 Y CSS3

Información gratuita

Nombre y apellidos

Email

Teléfono

Situación laboral

País

Provincia

Acepto la Política de Privacidad, el Aviso Legal y la Política de Cookies de cursosgratuitos.es

Curso 100% Bonificable si eres trabajador contratado en el régimen general y envías la documentación de matrícula (en el caso de ser estudiante, desempleado, autónomo, funcionario o jubilado puedes realizar este curso de forma parcialmente subvencionada)

Busca otros cursos gratuitos

Para qué te prepara:

Con este Curso Superior en Desarrollo Web Responsive: HTML5 Y CSS3 para desarrollo web responsive podrás aprender a cómo adaptar el desarrollo de tus aplicaciones web a los diferentes medios de visualización. Mediante una serie de pautas en el diseño de interfaces establecerás técnicas que te permitirán adaptar el contenido de tu web independientemente del canal de acceso del usuario, estableciendo una estrategia de programación estructurada que va a mejorar todo el proceso de desarrollo.

A quién va dirigido:

El Curso Superior en Desarrollo Web Responsive: HTML5 Y CSS3 para desarrollo web responsive está enfocado para todos aquellos profesionales con o sin experiencia previa en el desarrollo web y que quieran orientar su carrera hacía un desarrollo responsive, permitiéndole adecuar las necesidades de sus proyectos a los diferentes dispositivos de visualización con los que accede el usuario.

Titulación:

Titulación Expedida y Avalada por el Instituto Europeo de Estudios Empresariales “Enseñanza no oficial y no conducente a la obtención de un título con carácter oficial o certificado de profesionalidad.”

Objetivos:

- Entender el concepto de diseño web responsive- Diseñar y gestionar webs orientadas a un desarrollo responsive- Crear sitios web independientes del medio de visualización- Aplicar las técnicas en el diseño de interfaces que favorezca el desarrollo responsive 

Salidas Laborales:

Con este Curso Superior en Desarrollo Web Responsive: HTML5 Y CSS3 para desarrollo web responsive podrás crecer profesionalmente en el ámbito del desarrollo web, permitiéndote actuar desarrollador de entornos independientes del dispositivo de visualización del usuario, lo que permitirán a las organizaciones conservar su marca personal. Trabaja de forma autónoma o dentro de equipos multidisciplinares optimizando la estrategia de desarrollo.

Resumen:

La necesidad de un desarrollo web responsive parte de la base de que en los últimos años se ha incrementado de forma exponencial el acceso a internet. Además los usuarios acceden desde diferentes tipos de dispositivos (Ordenadores, Tabletas, Móviles, Smart-TV, etc.). Crear un sitio web responsive permitirá adaptar la visualización de nuestra web independientemente del medio por el que se acceda.Este curso te permite asimilar los objetivos y técnicas básicas necesarias para el desarrollo de una web responsive desde la base del diseño. Te capacitará para adoptar la mejor solución para el desarrollo de la interfaz, permitiendo su adaptación a los diferentes medios de visualización.En INESEM podrás trabajar en un Entorno Personal de Aprendizaje donde el alumno es el protagonista, avalado por un amplio grupo de tutores especialistas en el sector. 

Metodología:

Con nuestra metodología de aprendizaje online, el alumno comienza su andadura en INESEM Business School a través de un campus virtual diseñado exclusivamente para desarrollar el itinerario formativo con el objetivo de mejorar su perfil profesional. El alumno debe avanzar de manera autónoma a lo largo de las diferentes unidades didácticas así como realizar las actividades y autoevaluaciones correspondientes. La carga de horas de la acción formativa comprende las diferentes actividades que el alumno realiza a lo largo de su itinerario. Las horas de teleformación realizadas en el Campus Virtual se complementan con el trabajo autónomo del alumno, la comunicación con el docente, las actividades y lecturas complementarias y la labor de investigación y creación asociada a los proyectos. Para obtener la titulación el alumno debe aprobar todas la autoevaluaciones y exámenes y visualizar al menos el 75% de los contenidos de la plataforma. Por último, es necesario notificar la finalización de la acción formativa desde la plataforma para comenzar la expedición del título.

Temario:

MÓDULO 1. USABILIDAD Y DISEÑO DE INTERFACES WEB

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN A LA USABILIDAD
  1. Introducción
  2. La usabilidad
  3. Conceptos clave
  4. Atributos
  5. Complejidad e importancia de la usabilidad
  6. Usabilidad aplicada a un proyecto
  7. Mejoras de la usabilidad al producto final
  8. Procesos y herramientas
UNIDAD DIDÁCTICA 2. EXPERIENCIA DE USUARIO -UX
  1. Definición
  2. Principios de experiencia de usuario
  3. Experiencia de usuario y dispositivos
UNIDAD DIDÁCTICA 3. DISEÑO CENTRADO EN EL USUARIO
  1. Introducción
  2. Orientaciones de diseño web y dispositivos
  3. Fundamentos de diseño centrado en el usuario
UNIDAD DIDÁCTICA 4. FORMAS DE ENFOCAR LA USABILIDAD
  1. Introducción
  2. Complejidad transdisciplinar
  3. Pirámide de prioridades de la usabilidad
  4. Proceso general
  5. El ciclo diseño-investigación
UNIDAD DIDÁCTICA 5. INTRODUCCIÓN AL DISEÑO DE INTERFACES WEB
  1. Introducción
  2. Proceso completo
UNIDAD DIDÁCTICA 6. PRINCIPIOS VISUALES PARA INTERFACES
  1. Principio de proximidad
  2. Principio de semejanza
  3. Principio de simetría
  4. Principio de continuidad
  5. Principio de cierre
  6. Principio de área o tamaño relativo
  7. Principio de figura-fondo
  8. La ley de la simplicidad
UNIDAD DIDÁCTICA 7. ELEMENTOS ESTRUCTURALES
  1. Introducción La estructura de una web
  2. Zonas de navegación y zonas de contenido
  3. Elementos de navegación
  4. Herramientas de prototipado inicial
UNIDAD DIDÁCTICA 8. COMPONENTES
  1. Elementos de inicio Homepage
  2. Elementos de navegación
  3. Páginas de categorías
  4. Búsqueda
  5. Páginas de productos
  6. Formularios
  7. Tablas
  8. Listas
  9. Frames
  10. Páginas de datos
  11. Elementos de acción Botones
  12. Intranets
UNIDAD DIDÁCTICA 9. APLICACIONES COMPLEMENTARIAS PARA LA CREACIÓN DE WEBS
  1. Herramientas para edición de páginas web
  2. Herramientas para crear botones
  3. Herramientas para crear de barras de desplazamiento
  4. Herramientas para crear de Menús
  5. Generación de plantillas
  6. Navegadores

MÓDULO 2. PROTOTIPADO: DISEÑO Y CONSTRUCCIÓN CON ADOBE XD

UNIDAD DIDÁCTICA 1. INTRODUCCIÓN
  1. ¿Qué es un prototipo?
  2. Aplicaciones de los prototipos
  3. Ventajas y recomendaciones
  4. Elegir el adecuado
UNIDAD DIDÁCTICA 2. MÉTODOS DE PROTOTIPADO
  1. Prototipo de papel
  2. Sketch
  3. Storyboard
  4. Wireframes
UNIDAD DIDÁCTICA 3. MAPAS DE NAVEGACIÓN
  1. ¿Qué es un mapa de navegación?
  2. Utilidad
  3. Limitaciones
  4. Métodos de realización
UNIDAD DIDÁCTICA 4. LA INTERACCIÓN
  1. Definición
  2. Usos de la interacción
  3. Interacción entre pantallas
  4. Motion design
  5. Diseñar la interacción
UNIDAD DIDÁCTICA 5. PRESENTACIÓN ADOBE XD
  1. Presentación
  2. Funcionalidades no aptas en Adobe Experience Design
  3. Funcionalidades principales (Experiencia de uso)
  4. Flujo de trabajo
  5. Novedades
UNIDAD DIDÁCTICA 6. SOFTWARE
  1. Descarga e instalación
  2. Instalación en varios equipos
  3. Administración de cuentas
  4. Actualización o cambio de inscripción
UNIDAD DIDÁCTICA 7. INTERFAZ DE TRABAJO
  1. Pantalla principal
  2. Herramientas
  3. Menú superior
  4. Paneles laterales
UNIDAD DIDÁCTICA 8. DISEÑOS BÁSICOS
  1. Creación de mesa de trabajo (Artboard) y rejillas (Grids)
  2. Dibujos con formas
  3. Herramienta texto
  4. Creación, distribución y movimiento de objetos
  5. Herramientas de color y gradientes
  6. Edición de objetos duplicados y agrupación
  7. Símbolos
  8. Uso de imágenes
UNIDAD DIDÁCTICA 9. EJEMPLOS CON ADOBE XD PARA LA CREACIÓN DE NUESTRA WEB
  1. Edición de figuras
  2. Imágenes enmascaradas
  3. Estructuración de Web con rejillas
  4. Creación de columnas
  5. Importación de mapas de bits
  6. Importación de vectores y uso de CSS en Illustrator
  7. Flujo de navegación
UNIDAD DIDÁCTICA 10. ADOBE XD EN IOS Y ANDROID
  1. Previsualización en dispositivo IOS
  2. Previsualización en dispositivo Android
  3. Eliminación de archivos en tu dispositivo
UNIDAD DIDÁCTICA 11. COMPARTIR PROYECTO Y EXPORTACIÓN
  1. Previsualización
  2. Compartir nuestro prototipo
  3. Uso de contraseña para publicar
  4. Borrar contenido publicado
  5. Exportación de gráficos
  6. Opiniones de otros clientes
  7. Publicaciones para desarrolladores
UNIDAD DIDÁCTICA 12. TRUCOS Y CONSEJOS PARA MAC Y WINDOWS
  1. Consejos y trucos generales
  2. Dibujo y texto
  3. Importación de contenido
  4. Controles de teclado
  5. Artboards
  6. Repetición de rejilla
  7. Creación de prototipos y vista previa
  8. Publicaciones

MÓDULO 3. HTML Y CSS

UNIDAD DIDÁCTICA 1. HERRAMIENTAS NECESARIAS
  1. Introducción
  2. Entornos de Desarrollo
  3. Navegadores
UNIDAD DIDÁCTICA 2. INTRODUCCIÓN A HTML
  1. Introducción HTML
  2. ¿Cómo creamos documento HTML?
  3. Características básicas
UNIDAD DIDÁCTICA 3. HTML: ESTRUCTURA DE UN DOCUMENTO
  1. Introducción
  2. Versión HTML
  3. HTML
  4. Head
  5. Body
UNIDAD DIDÁCTICA 4.HTML: ELEMENTOS
  1. Textos en HTML
  2. Enlaces
  3. Listas en HTML
  4. Imágenes y objetos
  5. Tablas
  6. Formularios
  7. Marcos
  8. Estructuras y layout
  9. Otras etiquetas
UNIDAD DIDÁCTICA 5.HTML: CONTENIDO AUDIOVISUAL
  1. Audio
  2. Video
  3. Animaciones
UNIDAD DIDÁCTICA 6. HTML: METAINFORMACIÓN, ACCESIBILIDAD Y VALIDACIÓN
  1. ¿Qué es la Metainformación?
  2. Accesibilidad
  3. Validación
UNIDAD DIDÁCTICA 7. INTRODUCCIÓN A CSS
  1. Introducción CSS
  2. Soporte de CSS en navegadores
  3. Especificación oficial
  4. Funcionamiento básico de CSS
  5. ¿Cómo incluir CSS en la Web?
  6. Estilo básico
  7. Medios CSS
  8. Comentarios
  9. Sintaxis de la definición
UNIDAD DIDÁCTICA 8. CSS: SELECTORES, UNIDADES DE MEDIDA Y COLORES
  1. Selectores CSS
  2. Unidades de medida
  3. Colores
UNIDAD DIDÁCTICA 9. CSS: PSEUDOCLASES Y PSEUDOELEMENTOS CSS
  1. Pseudoclases
  2. Pseudo-elementos
  3. Otras pseudoclases y pseudoelementos
UNIDAD DIDÁCTICA 10. CSS: MODELOS DE CAJA, POSICIONAMIENTO Y VISUALIZACIÓN
  1. Modelo de cajas
  2. Propiedades de las cajas
  3. Margen, relleno, bordes y modelo de cajas
  4. Posicionamiento y visualización
  5. Posicionamiento
  6. Visualización
UNIDAD DIDÁCTICA 11. CSS: FLEXBOX
  1. En qué cosiste
  2. Visualización: Display
  3. Contenedores flexibles: flex e inline-flex
  4. Orientación: flex-box, flex-direction y flex-wrap
  5. La propiedad order
  6. Alineación de los elementos flexibles
  7. Soporte de los navegadores
UNIDAD DIDÁCTICA 12. CSS: ANIMACIONES CSS
  1. Introducción
  2. Keyframes
  3. Subpropiedades de animación
  4. Iteración
  5. Curvas de animación
  6. Propiedades animables
UNIDAD DIDÁCTICA 13. CSS: HOJAS DE ESTILOS
  1. Crear y vincular hojas de estilos
  2. Estructura
  3. Propiedades CSS
  4. Selectores
  5. Posición y tamaño
  6. Texto
  7. Imágenes
  8. Listas, tablas, formularios
UNIDAD DIDÁCTICA 14. PRE-PROCESADORES CSS: SASS Y LESS
  1. Qué es un preprocesador CSS
  2. Less
  3. Sass
UNIDAD DIDÁCTICA 15. RESPONSIVE DESIGN
  1. Introducción
  2. Definición de Diseño Web Responsive
  3. ¿En qué consiste el diseño responsive?
  4. Ventajas del diseño responsive
  5. SEO y diseño responsive