Curso Superior en Desarrollo Web Responsive: HTML5 Y CSS3
convocatoria
Convocatoria Abierta
modalidad
Online
duracion
250 H
precio
460 EUR 345 EUR
convocatoria
Convocatoria
Abierta
Las acciones formativas de INESEM tienen modalidad online
Modalidad
Online
Duración de las acciones formativas de INESEM
Duración
250 H
BECA 25 %
Precio: 460 EUR AHORA: 345 EUR
Hasta el 21/03/2024
¡Puedes fraccionar tus pagos cómodamente!

Cuota

345 €
Resto de plazos: 345 €/mes

Presentación

Según los datos del EGM, el 92% de internautas entra a la web por medio de sus dispositivos móviles. A pesar de ello, el 50% de las organizaciones de nuestro país no presentan un diseño web reponsive. Por ello, este sector se encuentra en constante búsqueda de personal cualificado en esta materia. Matricúlate en el Curso Superior Desarrollo Web Responsive y desarróllate en un sector en auge.

Con reconocimiento de:

QS Stars Rating System
plan de estudios

Para qué te prepara

El Curso Superior Desarrollo Web Responsive, te preparará para introducirte en el planteamiento de la interfaz por medio de los componentes de la web como los formularios y los frames. Además, aprenderás a crear documentos en lenguaje html y contenido audiovisual. En cuanto al css, serás capaz de introducirlo en la web y conocerás el término flex-box, flex-direction y flex-wrap.


Objetivos
  • Gracias al Curso Superior en Desarrollo Web Responsive: HTML5 Y CSS3, conseguirás realizar el proceso de diseño.
  • Conocer las zonas de navegación y las de contenido basándonos en el diseño de la interfaz.
  • Dominar las herramientas que te permitirán adentrarte en los entornos de desarrollo.
  • Comprender el concepto de metainformación dentro del HTML.
  • Estudiar la estructura de un documento en lenguaje HTML.
  • Conocer el funcionamiento básico del CSS.
  • Dominar los procesadores CSS como el SASS y el LESS.

A quién va dirigido

El personal que desarrolla su actividad en el sector de las tecnologías de la comunicación y la información, son los principales favorecidos del Curso Superior en Desarrollo Web Responsive: HTML5 Y CSS3. De igual forma, cualquier persona que desee especializarse en programación web, podrá desarrollar este curso.


Salidas Profesionales
  • Programador de Páginas Web.  
  • Desarrollador de aplicaciones, en la parte de interfaces y experiencia de usuario.
  • Desarrollador Web.
  • Especialista Multimedia.
  • Probador de Software.

temario

  1. Introducción
  2. La usabilidad
  3. Qué es UI vs UX - interfaz de usuario vs Experiencia de usuario
  4. Atributos
  5. Complejidad e importancia de la usabilidad
  6. Pirámide de prioridades de la usabilidad
  7. Mejoras de la usabilidad al producto final
  8. Procesos y herramientas
  1. Definición de Experiencia de Usuario
  2. Principios de la Experiencia de Usuario
  3. El papel del diseñador UX en el proceso de creación
  4. Etapas del diseño UX
  5. Técnicas para el diseño UX
  6. Herramientas UX
  1. ¿Qué es el Diseño Centrado en el Usuario?
  2. ¿Para que sirve el Diseño Centrado en el Usuario?
  3. Las metodologías del Diseño Centrado en el Usuario
  4. El marketing centrado en el usuario
  5. Aplicación del Diseño Centrado en el Usuario
  6. Ejemplos del Diseño Centrado en el Usuario
  1. Introducción
  2. Un proceso multidisciplinar
  3. La usabilidad aplicada
  4. El ciclo diseño-investigación
  1. Definición de Interfaz de Usuario - UI
  2. Elementos de la interfaz de Usuario
  3. Optimización de las interfaces de Usuario
  4. Herramientas para el diseño UI
  5. Diseño basado en las percepciones
  6. Fundamentos del diseño de interacción
  7. Moodboards
  8. Qué es el IxD
  1. Introducción a Adobe XD
  2. Instalación y configuraciones principales
  3. Menú Herramientas
  4. Generación de Artboards y guía
  5. Ejercicios
  1. Formas: creación, modificación, colores, gradiantes y paletas
  2. Textos: propiedades, línea o área, alineación, color y estilos
  3. Imágenes y exportación: importanción, modificaciones y exportación de artboards
  4. Ejercicios
  1. Organización de capas nombres y grupos
  2. Bloqueo y fusión
  3. Tipos de máscaras y aplicación en proyectos
  4. Ejercicios
  1. Alineación de elementos, márgenes y distribución de formas
  2. Funcionalidad de repetición
  3. Aplicación y configuración de componentes
  4. Ejercicios
  1. Creación y aplicación
  2. Diseño de páginas
  3. Prototipo
  4. Adaptación a mobile
  5. Ejercicios
  1. Constantes y variables de una interfaz
  2. Header, footer y menú
  3. Botones y galerías
  4. Ejercicios
  1. Introducción
  2. Entornos de Desarrollo
  3. Navegadores
  1. Introducción HTML
  2. ¿Cómo creamos documento HTML?
  3. Características básicas
  1. Introducción
  2. Versión HTML
  3. HTML
  4. Head
  5. Body
  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
  1. ¿Qué es la Metainformación?
  2. Accesibilidad
  3. Validación
  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
  1. Pseudoclases
  2. Pseudo-elementos
  3. Otras pseudoclases y pseudoelementos
  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
  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
  1. Introducción
  2. Keyframes
  3. Subpropiedades de animación
  4. Iteración
  5. Curvas de animación
  6. Propiedades animables
  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
  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

metodología

claustro

Claustro de Profesores Especializado

Realizará un seguimiento personalizado del aprendizaje del alumno.

campus virtual

Campus virtual

Acceso ilimitado desde cualquier dispositivo 24 horas al día los 7 días de la semana al Entorno Personal de Aprendizaje.

materiales didácticos

Materiales didácticos

Apoyo al alumno durante su formación.

material adicional

Material Adicional

Proporcionado por los profesores para profundizar en cuestiones indicadas por el alumno.

Centro de atención al estudiante (CAE)

Centro de atención al estudiante (CAE)

Asesoramiento al alumno antes, durante, y después de su formación con un teléfono directo con el claustro docente 958 050 242.

inesem emplea

INESEM emplea

Programa destinado a mejorar la empleabilidad de nuestros alumnos mediante orientación profesional de carrera y gestión de empleo y prácticas profesionales.

comunidad

Comunidad

Formada por todos los alumnos de INESEM Business School para debatir y compartir conocimiento.

revista digital

Revista Digital INESEM

Punto de encuentro de profesionales y alumnos con el que podrás comenzar tu aprendizaje colaborativo.

masterclass

Master Class INESEM

Aprende con los mejores profesionales enseñando en abierto. Únete, aprende y disfruta.

Clases online

Clases online

Podrás continuar tu formación y seguir desarrollando tu perfil profesional con horarios flexibles y desde la comodidad de tu casa.

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.

becas

Becas y financiación

Hemos diseñado un Plan de Becas para facilitar aún más el acceso a nuestra formación junto con una flexibilidad económica. Alcanzar tus objetivos profesionales e impulsar tu carrera profesional será más fácil gracias a los planes de Inesem.

Si aún tienes dudas solicita ahora información para beneficiarte de nuestras becas y financiación.

Financiación 100% sin intereses

Información sobre becas Becas aplicables sólamente tras la recepción de la documentación necesaria en el Departamento de Asesoramiento Académico. Más información en el 958 050 205 o vía email en formacion@inesem.es

Información sobre becas * Becas no acumulables entre sí.

Información sobre becas * Becas aplicables a acciones formativas publicadas en inesem.es

Información sobre becas * Becas no aplicables a formación programada.

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.”
Titulación:
Titulacion de INESEM

claustro

Claustro de profesores:
Rafael
Rafael Marín

Ingeniero técnico en Informática de Sistemas por la Universidad de Granada (UGR). 
Apasionado de la informática y de las nuevas

Leer más
Daniel
Daniel Rodriguez

Licenciado en Ingeniería Técnica en Informática de Sistemas. Cuenta con más de 10 años de experiencia en el desarrollo y soporte de la aplicación

Leer más
Bibiana
Bibiana Moreno Leyva

CEO de EducaLMS, proyecto de innovación educativa. Técnica superior en desarrollo de aplicaciones informáticas. Cuenta con más de seis años de

Leer más
Daniel
Daniel Cabrera

Licenciado en Ciencias Físicas y con Máster en Implantación, Gestión y Auditoría de Sistemas de Seguridad de Información ISO 27001-27002. /> Administrador de sistemas durante más de 15 años, gestor de plataformas de alta capacidad, escalabilidad y rendimiento. Siempre a la última en todo lo relacionado con tecnologías Cloud, DevOps, SER, etc.
 

Leer más
Isaías
Isaías Aranda Cano

Grado Superior en Administración de Sistemas Informáticos. Especialista en ciberseguridad y en el diseño, implementación y gestión de servicios en

Leer más
Juan Antonio
Juan Antonio Cortés Ibáñez
Graduado en Ingeniería Informática por la UGR con Máster Universitario Oficial en Ciencia de Datos e Ingeniería de Computadores por la UGR. Leer más
TAMBIÉN PODRÍA INTERESARTE...
Otras Acciones Formativas relacionadas

Descubre oportunidades ilimitadas con nuestro Curso Superior Desarrollo Web Responsive 

El diseño web responsive tiene como objetivo elaborar una web que sea capaz de adaptarse de forma eficaz a diferentes plataformas y dispositivos, utilizando para ellos diferentes programas y tamaños. La detección automática del dispositivo y el tamaño que tiene permitirá adaptar todos los elementos de la web a este tamaño, ofreciendo a usuario una navegación muy satisfactoria, una gran experiencia. En muchas ocasiones existe una confusión entre el diseño web para móvil con el responsive, la diferencia es que el diseño responsive no solo se centra en los tamaños de los dispositivos móviles, sino de cualquier dispositivo donde se pueda navegar, desde un móvil, una Tablet, diferentes estilos de monitores, televisiones, etc. 

La necesidad de estudiar el Desarrollo Web Responsive es muy elevada, esto se debe a la amplia gama de dispositivos que existen en la actualidad. Entre los principales motivos por los que estudiar el Curso Superior Desarrollo Web Responsive para aplicar sus conocimientos:

  • Dispositivos móviles, el número de personas que accede a las páginas web desde smartphone, Tablet y otro tipo de dispositivos está aumentando de forma exponencial, los usuarios miran de forma constante estos dispositivos, por lo que, si quieres conseguir un aumento en el tráfico de tu web tendrás que contar con un diseño responsive.
  • SEO, los algoritmos de los buscadores web se han actualizado con el objetivo de premiar aquellas webs que estén preparadas para dar una gran experiencia a los usuarios, independientemente del dispositivo desde el que se acceda, sobre todo los móviles. Esta actualización se produjo en Google desde el año 2015. Por lo que, si quieres aparecer en las primeras posiciones de búsqueda, tendrás que diseñar una web responsive.
  • Conversiones, el número de conversiones aumenta si consiguen acceder de forma sencilla a tu web, esto significará un aumento en el tiempo de la visita y con ello de las conversiones o los leads.

Avanza con confianza en el desarrollo web responsive gracias a nuestro curso online 

Para lograr el este tipo de páginas webs se tienen que tener en cuenta diferentes elementos, y tener unos conocimientos avanzados en la utilización de las herramientas necesarias para ello, en este Curso Superior Desarrollo Web Responsive aprenderás a utilizar CSS y HTML5 con este enfoque. 

Entre los principales elementos que tienen que ser capaces de ajustarse al ancho de una página web son las siguientes:

  • Imagen y video, todos los elementos audiovisuales que estén presentes en la web deberán de ser capaces de ajustarse a diferentes tipos de pantallas, logrando de esta forma que la visualización sea cómoda, evitando elementos que no estén centrados o tamaños muy pequeños o grandes. 
  • Velocidad de carga, la velocidad de carga es uno de los elementos más importantes para la experiencia del usuario durante la visita a la web. Por ello se deberán de optimizar las webs eliminando elementos que no tengan funcionalidad o sean innecesarios, plugins o reduciendo el peso de ciertos contenidos. 
  • Tipografía, el tamaño de la letra deberá de adecuarse al tamaño de la pantalla y de la web, evitando que esta se encuentre descentrada en la pantalla o con un tamaño inadecuado. 
  • Formato, se deberá de tener en cuenta la adaptabilidad dependiendo de si el formato es horizontal o vertical, ajustando la web de forma rápida. 
  • Usabilidad, uno de los elementos que suelen causar problema es la adecuación a dispositivos táctiles como son los nuevos portátiles, monitores, tablets o smartphone, logrando que se ajuste la web al uso de un ratón y de forma táctil. 

5 RAZONES

PARA ELEGIR INESEM

Hay muchas más motivos ¿Quieres conocerlos?

Por qué matricularme en INESEM
logo
ARTÍCULOS RELACIONADOS
Cargando artículos
INESEM EMPLEA

Completa tu formación con nuestro Servicio de Orientación Profesional y nuestro Programa de Entrenamiento por Competencias.

inesem emplea inesem emplea inesem emplea
Universidades colaboradoras
La universidad Antonio de Nebrija es Universidad colaboradora con INESEM Business School La universidad a Distancia de Madrid es Universidad colaboradora con INESEM Business School

Este sitio web utiliza cookies propias y de terceros para mejorar los servicios relacionados con tus preferencias, mediante el análisis de tus hábitos de navegación. En caso de que rechace las cookies, no podremos asegurarle el correcto funcionamiento de las distintas funcionalidades de nuestra página web. Puede obtener más información y cambiar su configuración en nuestra política de cookies.

Tardarás 3 minutos

El responsable del tratamiento es INST. EUROPEO DE ESTUDIOS EMPRESARIALES, S.A.U