Curso de diseño web responsive con HTML5 y CSS3

El curso de diseño web responsive con HTML5 y CSS3 está dirigido a estudiantes y profesionales de diseño gráfico, ingeniería informática en el área de desarrollo web y móvil que deseen optar por una formación universitaria la cual ayude adoptar una visión global e integrada de este lenguaje de etiquetas y lenguaje de marcado para el desarrollo de aplicaciones nativas.

Metas de aprendizaje

El curso de diseño web responsive con HTML5 y CSS3 tiene el propósito que el estudiante asimile y comprenda los principios básicos del diseño y maquetación de páginas webs, con la finalidad que el estudiante pueda aprender a realizar sitios webs adaptables a cualquier dispositivo móvil, y así, puedan ser vistas desde cualquier lugar.

Al finalizar este curso el estudiante podrá:
• Asimilar los principios de la estructura y el contenido.
• Conocer los tipos de selectores.
• Aplicar las unidades de medidas.
• Conocer los patrones.
• Aplicar técnicas y estrategias de diseño con el JavaScript.
• Conocer la arquitectura de la información.
• Emplear estrategias en los componentes de navegación y pantalla, los clientes y los servidores, los procesos de posicionamiento, visualización, reset y retícula de maquetación.
• Emplear estrategias de maquetación, atributos, la estructura de fluida y fuentes, imágenes y medios flexibles y Breakpoints.
• Utilizar el Desktop y Mobile Firts, los patrones de diseño y SEO, el Cutting The Mustard, el Progressive Disclousure.
• Emplear el multimedia responsive, la arquitectura de proyecto de informacion, las metaetiquetas y Frameworks.
• Conocer los procesos y los pasos del diseño web responsive con HTML5 y CSS3.

Requisitos
Para realizar este curso de diseño web responsive con HTML5 y CSS3 exitosamente es aconsejable cumplir previamente con estos requisitos:
• Conocimientos básicos de diseño.
• Tener conocimientos previos y básicos acerca del HTML5 y CSS3

Programa del curso

  • Clase 1: Curso responsive design: 1. html, estructura y contenido
    00:46:25
  • Clase 2: Curso responsive design: 2. css: tipos de selectores
    00:40:30
  • Clase 3: Curso responsive design: 3. css: unidades de medida
    00:22:43
  • Clase 4: Curso responsive design: 4. css: patrones
    00:43:34
  • Clase 5: Curso responsive design: 5. css: recomendaciones
    00:41:29
  • Clase 6: Curso responsive design: 6. javascript: recomendaciones
    00:31:07
  • Clase 7: Curso responsive design: 7. recomendaciones html5 y arquitectura de la información
    00:23:36
  • Clase 8: Curso responsive design: 8. estrategias de diseño web basadas en navegador y pantalla
    00:44:10
  • Clase 9: Curso responsive design: 9. estrategias de diseño web basadas en cliente y servidor
    00:46:12
  • Clase 10: Curso responsive design: 10. tipo de posicionamientos en css
    00:51:39
  • Clase 11: Curso responsive design: 11. tipos de visualización css
    00:15:00
  • Clase 12: Curso responsive design: 12. reset y retícula de maquetación
    00:47:19
  • Clase 13: Curso responsive design: 13. técnicas de maquetación (1): floats
    00:36:51
  • Clase 14: Curso responsive design: 14. técnicas de maquetación (2): display: inline-block, table y flex
    00:54:49
  • Clase 15: Curso responsive design: 15. flexbox css (1): atributos del elemento padre
    00:59:03
  • Clase 16: Curso responsive design: 16. flexbox css (2): atributos de los elementos hijos
    00:50:36
  • Clase 17: Curso responsive design: 17. un poco de historia del responsive design
    00:11:07
  • Clase 18: Curso responsive design: 18. viewport, estructura fluida y fuentes
    00:42:47
  • Clase 19: Curso responsive design: 19. imágenes y medios flexibles
    00:27:38
  • Clase 20: Curso responsive design: 20. media queries y breakpoints
    00:40:27
  • Clase 21: Curso responsive design: 21. breakpoints y pruebas responsive
    00:34:53
  • Clase 22: Curso responsive design: 22. desktop first vs mobile first
    00:39:10
  • Clase 23: Curso responsive design: 23. patrones de diseño y seo
    00:39:42
  • Clase 24: Curso responsive design: 24. cutting the mustard
    00:23:02
  • Clase 25: Curso responsive design: 25. progressive disclousure
    00:40:05
  • Clase 26: Curso responsive design: 26. ejemplos modernizr 1
    00:56:28
  • Clase 27: Curso responsive design: 27. ejemplos modernizr 2
    00:38:52
  • Clase 28: Curso responsive design: 28. mediaqueries con javascript
    00:41:59
  • Clase 29: Curso responsive design: 29. multimedia responsible 1
    00:49:00
  • Clase 30: Curso responsive design: 30. multimedia responsible 2
    01:00:08
  • Clase 31: Curso responsive design: 31. recomendaciones en archivos css y js
    00:25:33
  • Clase 32: Curso responsive design: 32. html5 cache
    00:21:21
  • Clase 33: Curso responsive design: 33. arquitectura de la información del proyecto
    00:13:37
  • Clase 34: Curso responsive design: 34. estructura, carpeta y metaetiquetas del proyecto
    00:22:50
  • Clase 35: Curso responsive design: 35. construyendo micro framework css: reset
    00:36:53
  • Clase 36: Curso responsive design: 36. construyendo micro framework css: grid
    00:16:08
  • Clase 37: Curso responsive design: 37. construyendo micro framework css: layout 1/2
    00:44:52
  • Clase 38: Curso responsive design: 38. construyendo micro framework css: layout 2/2
    00:32:55
  • Clase 39: Curso responsive design: 39. patrón de navegación móvil
    00:38:14
  • Clase 40: Curso responsive design: 40. cabecera responsive del proyecto final
    00:55:27
  • Clase 41: Curso responsive design: 41. diseño de secciones 1/5
    00:31:25
  • Clase 42: Curso responsive design: 42. diseño de secciones 2/5
    00:13:12
  • Clase 43: Curso responsive design: 43. diseño de secciones 3/5
    00:33:12
  • Clase 44: Curso responsive design: 44. diseño de secciones 4/5
    00:31:09
  • Clase 45: Curso responsive design: 45. diseño de secciones 5/5
    00:22:42
  • Clase 46: Curso responsive design: 46. optimización y distribución del proyecto final
    00:43:09

¿Por qué estudiar en nuestra universidad virtual?

Ofrecemos carreras virtuales en

192
PAÍSES

Proporcionamos más de

6.000
CURSOS GRATIS

Contamos con más de

400.000
ESTUDIANTES

Apoyados por más de

700
PROFESORES VIRTUALES

Información del profesor

Bextlan
Bextlan
916 estudiantes
7 cursos
Bextlan Startup que enseña HTML5, tecnologías web y difunde la cultura de los medios digitales a través de cursos de pago en línea y videotutoriales gratuitos.

Valoración de los estudiantes

0

5 estrellas

0%

4 estrellas

0%

3 estrellas

0%

2 estrellas

0%

1 estrella

0%

Cursos relacionados

Curso de diseño web responsive con HTML5 y CSS3
VER CLASES
  • Duración: 9 semanas
  • Nivel todos los niveles
  • Idioma español
  • No verificado
  • 0 de valoración
  • 167 compañeros de clase
  • Aprendizaje 100% gratis en todos los cursos