-
Tipo de titulación: Certificado "Diseño web con HTML, CSS y Visual Studio Code"
Certificado "Diseño Gráfico con Adobe CC" -
Examen final: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
-
Horario de las clases: A tiempo completoDe lunes a viernes, de 8.30 a 15.35 horas (en semanas festivas, de 8.30 a 17.10 horas).
-
Lengua de enseñanza: Alemán
-
Duración: 12 Semanas
Diseño web (código HTML/CSS/Visual Studio)
HTML y CSS (aprox. 6 días)
Introducción a HTML
Marco básico
Etiquetas para la creación de texto (h1-h6, p, br, span)
Comandos de formato de texto
Integración de gráficos
Enlaces (internos, externos, telefónicos, mailto link)
Favicons
Listas y tablas
Estructura sintáctica correcta
Comprobación con la herramienta de validación del W3C
Introducción a CSS
Opciones de integración de las especificaciones CSS (estilo interno, externo, en línea)
Comandos básicos (diseño de texto, color de fuente, color de fondo)
Contenedores HTML
Uso y estilo de los contenedores
Integración de YouTube y Google Maps
Reproductor de vídeo y audio
Ajuste a objetos
VS Code (aprox. 1 día)
Introducción a VS Code
Extensiones adicionales para VS Code. (por ejemplo, Live Server, Emmet Commands, Copilot (AI))
Utilización de la IA en combinación con VS Code
Técnicas de maquetación (aprox. 4 días)
Clases, IDs, selectores
Introducción al modelo de caja
Relleno, margen, borde, borde-radio y sus abreviaturas
Introducción a Flex-Box
Layouts con flex box
Alineación con Flexbox
Introducción al sistema de rejilla
Layouts con Grid
Alineación con Grid System
Texto flotante alrededor de imágenes con float y clear
Propiedades generales de visualización de etiquetas
Imágenes de fondo
Estado y valores (aprox. 1 día)
Introducción de pseudoclases (hover, active, focus, nth-child, first-child, last-child)
Pseudoelementos (::before, ::after, content)
Especificidad (valor de los códigos)
Posicionamiento (aprox. 2 días)
Introducción a las posiciones
Estática, absoluta, fija, pegajosa, relativa
Izquierda, derecha, arriba, abajo, z-index
Menús desplegables
:target
:target en combinación con menús de navegación y modales
Formularios (aprox. 2 días)
Introducción a los formularios
Conjunto de campos, leyenda
Entradas, áreas de texto, etiquetas, valores, nombre, selecciones
Autocompletar
Diseño de formularios con CSS
Integración de php-script en acción con AI
Efectos y fuentes con CSS (aprox. 1 día)
Efectos de transición CSS
Transición, filtro, transformación
Degradados de color, box-shadow, text-shadow
Integración de fuentes con @font-face
Diseño web adaptable (aprox. 2 días)
Introducción al diseño adaptable
Consultas de medios, puntos de ruptura
Paisaje, modo portait
Imágenes responsive con picture y srcsets
Edición de imágenes, compresión de imágenes
Generación de imágenes con IA
Optimización para motores de búsqueda (aprox. 1 día)
Introducción al SEO
Optimización en la página y uso de textos generados por IA
Optimización del rendimiento para mejorar el SEO y presentación de las herramientas adecuadas
Técnicas CSS e interacción (aprox. 2 días)
Variables CSS
Modo oscuro
Cálculo con CSS
Introducción a las animaciones CSS
Duración, retardo, dirección, timing-function, iteration-count, fill-mode
Botón de hamburguesa animado
One-pager y multilingüismo (aprox. 2 días)
Introducción a los one-pagers
Desplazamiento suave
Integración de la biblioteca fontawesome
Manejo de gráficos SVG
Integración de capas y personalización de CSS
Sitios web multilingües
Extensiones y frameworks (aprox. 1 día)
Introducción a Bootstrap
Uso de los componentes de Bootstrap
Diseño responsive con Bootstrap
JavaScript (aprox. 3 días)
Introducción a JavaScript
Métodos JavaScript/jQuery
Crear jQuery Lightbox
Variables
Sentencias if-else
Desplazamiento, ventana, redimensionamiento
matrices
Bucle For
Objeto matemático
Requisitos legales y gestión de proyectos (aprox. 2 días)
Derecho de Internet
Derechos de autor en relación con la AI/KI
Accesibilidad
Gestión de proyectos
Trabajo por proyectos (aprox. 10 días)
Consolidar los contenidos aprendidos
Presentación de los resultados del proyecto
Diseño gráfico
Software de diseño, IA y flujos de trabajo de diseño modernos (aprox. 2 días)
Adobe Creative Cloud: Photoshop, Illustrator, InDesign de un vistazo
Affinity Suite: Photo, Designer y Publisher de un vistazo
Bibliotecas Creative Cloud, Adobe Fonts, Adobe Colour y Adobe Stock
IA en el proceso de diseño: Firefly, herramientas generativas, prompting
Oportunidades, límites y ámbitos de aplicación de la IA
Fundamentos del diseño gráfico (aprox. 2 días)
Arte frente a diseño
Disciplinas de diseño, principios de diseño y proceso de diseño
Pensamiento de diseño y desarrollo de ideas
Leyes de percepción del diseño
Flujo visual y disposición
Relación figura-fondo
Forma y color (aprox. 2 días)
Punto, línea, superficie y forma
Formato y proporciones
Teoría del color y efectos cromáticos
Contrastes, armonías y conceptos cromáticos
El color en el contexto de la marca, el impacto y la legibilidad
Imágenes (aprox. 3 días)
Calidad y formatos de imagen
Gráficos vectoriales y de píxeles
Lenguaje visual, impacto visual y narración visual
Investigación, brainstorming y mood boards
Imágenes en la comunicación corporativa
Conceptos básicos de edición de imágenes y desarrollo de imágenes con ayuda de la IA
Derechos de imagen y derechos de uso
Tipografía y maquetación (aprox. 3 días)
Clasificación y selección de fuentes
Lectura tipográfica, tipografía detallada
Jerarquías tipográficas
Flujo de trabajo en la maquetación
Área tipográfica y retícula de diseño
Desarrollo y evaluación de conceptos de maquetación
Visión general de la salida de archivos (impresión, digital)
Diseño corporativo y de marca (aprox. 1 día)
Diseño corporativo frente a identidad corporativa
Diseño de logotipo, sello y marca denominativa/imagen
Sistemas de color, forma y tipografía en la identidad de marca
Guías de estilo y sistemas de diseño coherentes
Accesibilidad (aprox. 1 día)
Fundamentos del diseño accesible
Criterios de diseño para una comunicación accesible (por ejemplo, legibilidad, contraste, selección de colores)
Medios digitales y cross-media (aprox. 1 día)
Conceptos básicos de publicación digital y diseño adaptable
Formatos de archivo para web, aplicaciones y redes sociales
Adaptación de contenidos a distintos canales con ayuda de IA
Optimización de la maquetación basada en IA para diseños móviles
Trabajo por proyectos (aprox. 5 días)
Consolidar los contenidos aprendidos
Presentación de los resultados del proyecto
Es posible que se produzcan cambios, el contenido del curso se actualiza regularmente.
Conoce el flujo de trabajo completo para un diseño web moderno y produce sitios web fáciles de usar y sofisticados.
Al finalizar el curso, también habrás dominado los fundamentos del trabajo creativo y la comunicación visual. Entenderás cómo funcionan el diseño, la publicidad y las presentaciones y tendrás conocimientos básicos de diseño, metodológicos y técnicos.
Diseñadores web, programadores web, diseñadores gráficos, diseñadores de medios de comunicación, especialistas de profesiones artísticas o personas responsables de la concepción, el diseño y la realización práctica de sitios web que deseen adquirir los conocimientos y competencias necesarios.
Hoy en día, casi todas las empresas confían en una presencia atractiva en Internet para representarse como empresa. Los principales empleadores potenciales son agencias de diseño gráfico, publicidad, web, multimedia o de servicios integrales, así como proveedores de software y bases de datos. Los conocimientos de diseño web son necesarios en casi todos los sectores. Con los conocimientos adecuados, el autoempleo también es una perspectiva interesante.
Su significativo certificado proporciona una visión detallada de las cualificaciones que ha adquirido y mejora sus perspectivas profesionales.
Concepto didáctico
Tus profesores están altamente cualificados tanto profesional como didácticamente y te enseñarán desde el primer hasta el último día (no hay sistema de autoaprendizaje).
Aprenderá en grupos reducidos y eficaces. Los cursos suelen constar de 6 a 25 participantes. Las lecciones generales se complementan con numerosos ejercicios prácticos en todos los módulos del curso. La fase práctica es una parte importante del curso, ya que durante ella se procesa lo aprendido y se adquiere confianza y rutina en su aplicación. La parte final del curso incluye un proyecto, un estudio de caso o un examen final.
Aula virtual alfaview
Las clases se imparten utilizando la moderna tecnología de vídeo alfaview®, ya sea desde la comodidad de su propia casa o en nuestras instalaciones en Bildungszentrum. Todo el curso puede verse cara a cara a través de alfaview®, comunicarse entre sí con una calidad de voz sincronizada con los labios y trabajar en proyectos conjuntos. Por supuesto, también podrás ver y hablar con tus formadores conectados en directo en cualquier momento y recibirás clases de tus profesores en tiempo real durante todo el curso. Las clases no son e-learning, sino auténtica enseñanza presencial en directo a través de la tecnología de vídeo.
Los cursos de formación de alfatraining están subvencionados por Agentur für Arbeit y certificados de acuerdo con el reglamento de homologación AZAV. Al presentar una solicitud a Bildungsgutscheino Aktivierungs- und Vermittlungsgutschein, la totalidad de los costes del curso suelen correr a cargo de su organismo financiador.
También es posible obtener financiación a través de Europäischen Sozialfonds (FSE), Deutsche Rentenversicherung (DRV) o programas de financiación regionales. Como soldado regular, tiene la posibilidad de asistir a cursos de formación continua a través de Berufsförderungsdienst (BFD). Las empresas también pueden cualificar a sus empleados a través de un programa de financiación de Agentur für Arbeit (Qualifizierungschancengesetz).