Requisitos

Tener conocimientos y experiencia Básica en Sistemas.

Objetivos

Nuestro principal objetivo es que adquieras una comprensión sólida de los fundamentos del diseño web. A lo largo de este curso, explorarás:
  • Planeación de Proyectos Web: Aprenderás a definir objetivos claros, audiencias y estrategias que guiarán el desarrollo de tus proyectos.
  • Herramientas de Diseño y Desarrollo: Te familiarizarás con las herramientas más utilizadas en la industria, desde editores de texto y aplicaciones de diseño de interfaces web, asegurando que tengas la capacidad de elegir y utilizar la herramienta adecuada para cada situación.
  • Diseño Gráfico y UX/UI: Fortalecerás tus habilidades en diseño gráfico con un enfoque especial en la creación de interfaces web efectivas y atractivas. Esto incluye principios de diseño, tipografía, color y la importancia de la experiencia del usuario (UX).

Dirigido a

Este curso es ideal para principiantes que deseen iniciar su camino en el diseño web y móvil, así como para aquellos que buscan actualizar sus conocimientos y habilidades en esta área. No se requiere experiencia previa, solo una pasión por el diseño y el deseo de aprender. Te invitamos a embarcarte en esta emocionante aventura que transformará tu visión del diseño web y te equipará con las herramientas necesarias para sobresalir en un campo en constante evolución.

Fechas Programadas

Inicia Termina Horario
Febrero 22 2025
Abril 05 2025Sabados -    7:00 am - 1:00 pm

Metodología

La Capacitación es en modalidad presencial o en línea, 100% basada en prácticas que son desarrolladas por todos los Estudiantes. En modalidad presencial: cada Estudiante cuenta con un computador, acceso a internet de banda ancha, WI-FI y elementos e instrumentos necesarios para las prácticas en nuestra sede, desde el momento en que inicia y hasta que finaliza. En modalidad en línea (online): el estudiante debe contar con un computador con webcam, micrófono, acceso a internet y el software necesario para conectarse a la plataforma de videoconferencia desde la cual se imparten las clases. La capacitación es personalizada puesto que son grupos pequeños con un máximo de dieciseis (16) Estudiantes por grupo. Durante el desarrollo del curso, los estudiantes participan e interactúan en tiempo real de la clase con el docente, pudiendo resolver las dudas e inquietudes justo en el momento en que estas se le presentan. Los Instructores exponene los fundamentos teóricos con un lenguaje sencillo y común, que le permite al estudiante asimilar todos los conceptos, términos técnicos y dominar la jerga utilizada en el tema, ya que simultáneamente se desarrollan talleres de práctica, los cuales están organizados consecutivamente para el desarrollo temático en forma gradual y evolutiva. Al finalizar cada módulo, el Instructor realiza una retroalimentación para la revisión de dudas e inquietudes.
Contenido
-
MÓDULO 1: Herramientas No Code y Ai
  • Inteligencia Artificial para crear una página web
  • Diseño Web No Code
MÓDULO 2: Conceptos Básicos de Tecnologías Web
  • Hosting / Dominios (Geográficos, Genéricos, Infraestructura) / TLD
  • Tecnologías Front End
  • Tecnologías Backend
  • Qué es Full Stack
  • Qué es Git
MÓDULO 3: Diseño Web
  • Fundamentos del Diseño Gráfico: Color/Tipografía/ Espaciado y Composición
  • Gráficos: Mapas de Bits y Vectores
  • Formatos Gráficos
  • Herramientas de Optimización de Imagenes
  • Consideraciones técnicas: Navegadores/ Resoluciones de Pantalla Desktop y Móviles/ Retina Display en el diseño web
MÓDULO 4: Creación del Aspecto Visual (Prototipado: Wireframes / Mockups)
  • Software y utilidades para el diseño Web
  • Conociendo algunos Servicios Online para prototipado
  • Figma: Interfaz y Herramientas
    • Guias de Estilo
    • Auto-Layout
    • Atomic Design
    • Componentes / Variantes / Propiedades
  • Creación de Wireframes con Figma
  • Creando MockUps Figma
    • Prototipado interactivo con figma
  • Co-Creación con Figma
    • Comentarios
    • Historial de versiones
    • Librerias
    • Sistemas de Diseño
  • Trabajar con equipos de Desarrollo
    • DEV Mode de Figma
  • Variables con Figma
  • AI (Inteligencia Artificial) con Figma
MÓDULO 5: Introducción a: HTML Y CSS
  • Principales Editores de Programación
  • Introducción a HTML
  • Sintaxis y Principales etiquetas y atributos
  • HTML Semántico
  • Estructura de un Documento HTML
    • Head
    • Body
  • Etiquetas multimedia (Imágenes, Audio y Video)
  • Formularios
  • Introducción a CSS
    • Que es y para que sirve, ventajas.
    • Sintaxis y principales propiedades
    • Tipos de Selectores
    • Tipos de Display (Flexbox CSS Grid)
    • Box Model
    • Propiedades y valores CSS más usados
MÓDULO 6: Diseño Web Responsive
  • Responsive Design
  • Unidades de medida
  • Arquitecturas CSS
  • Media Queries
  • Layouts Responsive: Pensando el diseño para Dispositivos
  • Mobile firts
MÓDULO 7: Animaciones con CSS
  • Conceptos básicos
  • Principios de la animación
  • Transformaciones y Transiciones con CSS
  • Animaciones con CSS
MÓDULO 8: Herramientas de administración
  • Administración del Web Site
  • Manejo del panel de control desde un Hosting profesional
  • FTP
  • Estadísticas (Google Analytics)
  • SEO

Video

Incluye

  • Link en la nube con Información Técnica y Utilidades (Software).
  • Certificado de Asistencia.
Cursos Mansion de la Belleza Cejas Pestañas
Calibración instrumentos medición
Soporte infraestructura, seguridad informática Yertx
Libro Repara Tu Computador

Pearson VUE - Authorized Test Center
CERTIPORT - Authorized Test Center
;