Diseño web (código HTML/CSS/Visual Studio) con pensamiento de diseño

Con Design Thinking, este curso presenta un enfoque para resolver problemas y desarrollar nuevas ideas. También conocerás el flujo de trabajo del diseño web moderno y cómo crear sitios web fáciles de usar. Aprenderás cómo se utiliza la inteligencia artificial en el lugar de trabajo.
  • Tipo de titulación: Certificado "Design Thinking
    Certificado "Diseño web con HTML, CSS y Visual Studio Code"
  • Examen final: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Horario de las clases: A tiempo completo
    De 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: 9 Semanas

Pensamiento de diseño

Introducción al Design Thinking (aprox. 1,5 días)

El proceso Design Thinking de un vistazo

Las reglas y fases más importantes del Design Thinking

Enfoques y aplicaciones prácticas

Herramientas digitales e IA en el proceso de innovación


Fase 1: Investigación (aprox. 0,5 días)

Métodos de investigación centrada en el usuario

Técnicas de entrevista y análisis de necesidades

Investigación asistida por IA y tratamiento de la información


Fase 2: Síntesis (aprox. 0,5 días)

Análisis y estructuración de los resultados

Desarrollo de definiciones de problemas y personas

Visualización y agrupación de los resultados


Fase 3: Ideación (aprox. 0,5 días)

Técnicas creativas para desarrollar ideas

Métodos de búsqueda y evaluación de soluciones

Uso de la IA generativa en el proceso de ideación


Fase 4: Creación de prototipos (aprox. 0,5 días)

Desarrollo de planteamientos de soluciones iniciales y maquetas

Introducción a la creación rápida de prototipos y a los maniquíes de clic

Herramientas digitales para visualizar conceptos


Fase 5: Pruebas (aprox. 0,5 días)

Métodos de realización de pruebas y rondas de feedback

Análisis y optimización de los enfoques de solución

Trabajo iterativo y desarrollo ulterior ágil


Trabajo de proyecto (aprox. 1 día)

Consolidar los contenidos aprendidos

Presentación de los resultados del proyecto

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



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.

Además, el curso enseña el enfoque del Design Thinking, que permite desarrollar soluciones innovadoras y centradas en el usuario para retos complejos. Conocerás los principios y el proceso estructurado e iterativo del Design Thinking y descubrirás cómo las herramientas orientadas a la práctica, las herramientas digitales y la inteligencia artificial apoyan los procesos de innovación creativos e interdisciplinarios.

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.

Profesionales y directivos de todos los departamentos, responsables de innovación, directores de marketing, desarrolladores de negocio, gestores de producto, así como empleados de los ámbitos de investigación y desarrollo, innovación y transformación digital.

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.

El pensamiento de diseño fue inicialmente un método innovador para el desarrollo de productos, pero ahora se ha extendido a toda la cultura empresarial y, por tanto, es demandado en todos los sectores.

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).

Estaremos encantados de asesorarte gratuitamente.

0800 3456-500 De lunes a viernes, de 8.00 a 17.00 h.
gratis desde todas las redes alemanas.

Contacta con nosotros

Estaremos encantados de asesorarte gratuitamente. 0800 3456-500 De lunes a viernes, de 8.00 a 17.00 h, gratis desde todas las redes alemanas.