Diseño web y sistemas de gestión de contenidos (CMS) con WordPress

Después del curso, conocerás el flujo de trabajo del diseño web moderno y serás capaz de crear sitios web. También serás capaz de utilizar WordPress para llenar de contenido sitios web y blogs, configurar estructuras de páginas y menús y diseñar maquetaciones web. Aprenderás cómo se utiliza la inteligencia artificial (IA) en el trabajo.
  • Tipo de titulación: Certificado "Diseño web con HTML, CSS y Visual Studio Code"
    Certificado "Sistemas de Gestión de Contenidos (CMS) con Wordpress"
  • 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: 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

Sistemas de gestión de contenidos (CMS) con WordPress

Introducción a WordPress (aprox. 4 días)

WordPress.com frente a WordPress.org

Alojamiento web y proveedores (p. ej., LocalWP)

Estructuras de carpetas y bases de datos

Frontend y backend: gestionar, ordenar y filtrar elementos

Creación y mantenimiento de entradas de blog

Tipos de página, estructura del sitio web, categorías

Gestión y edición de archivos multimedia

Función de comentarios, protección contra el spam

Editor de bloques, editor clásico y editor HTML

Bloques (diseño, archivos multimedia, widgets, contenidos externos)

Fundamentos de seguridad: actualizaciones, protección con contraseña


La IA en el proceso de trabajo (aprox. 1 día)

Textos, metadescripciones e imágenes generados por IA

Asistentes de IA en plugins y editores de páginas

Derechos de autor, protección de datos y control de calidad


Temas de WordPress y diseño adaptativo (aprox. 3 días)

Criterios de selección de temas

Temas gratuitos frente a temas de pago

Conceptos básicos de diseño web (tipografía, colores)

Fundamentos de HTML y CSS

Temas basados en bloques (Site Editor, theme.json, estilos globales)

Temas hijos y CSS personalizado

Temas clásicos (Personalizador, menús, widgets)

Implementación de diseños complejos y adaptativos

Implementación de diseños accesibles: contrastes, textos alternativos, HTML semántico

Optimización de diseños e imágenes con ayuda de la IA 


Ampliación de funcionalidades con plugins (aprox. 2 días)

Instalación y gestión de plugins

Criterios de selección: actualidad, valoraciones, compatibilidad 

Categorías populares: formularios, herramientas de SEO, plugins de seguridad

Plugins de creación de páginas 

Plugins de IA: chatbots, generación de texto e imágenes


Administración de sitios web y WooCommerce (aprox. 5 días)

Estrategias de SEO/SEA

Páginas web multilingües

Gestión de usuarios y conceptos de roles

Aviso legal y protección de datos (RGPD) 

Obligaciones legales para las tiendas online: BFSG, declaración de accesibilidad, riesgos de sanciones

Administración del sistema, seguridad y rendimiento

Análisis y seguimiento (p. ej., Google Analytics, Matomo)

Copias de seguridad

Planificación y configuración de la tienda

Creación de productos (categorías, variantes, imágenes, etc.)

Pagos, envíos e impuestos

Gestión de pedidos

Temas de Woo y su personalización

Descripciones de productos basadas en IA


Trabajo de proyecto (aprox. 5 días)

Elaboración de un trabajo de proyecto con la posterior presentación de los resultados del mismo



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, dominas el manejo del sistema de gestión de contenidos WordPress y el software de tienda online WooCommerce, y eres capaz de instalar y administrar una página web funcional con una tienda, un blog de noticias y las extensiones adecuadas, crear estructuras de páginas con contenidos estáticos y dinámicos, y diseñar maquetaciones web modernas y adaptativas.

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.

Diseñadores multimedia, diseñadores gráficos, diseñadores web, gestores de redes sociales y de marketing online, profesionales de la redacción, el periodismo o las profesiones creativas, así como personas que participen de forma responsable en la concepción, el diseño y la puesta en práctica de sitios web y que deseen adquirir los conocimientos y habilidades necesarios para ello.

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.

Con el conocimiento adicional de WordPress, usted tendrá conocimiento de uno de los WCMS más comunes, que se utiliza con frecuencia en la comercialización en línea en particular.

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.