Vamos a conocer cómo funciona un sitio web y cuáles son los elementos necesarios para publicarlo en Internet: dominio, hosting, DNS y servidor. Veremos qué es WordPress, cómo funciona su ecosistema y cuáles son las diferencias entre WordPress, un constructor visual y un servicio de hosting. También analizaremos la estructura básica de un sitio profesional y comenzaremos a planificar el proyecto que desarrollaremos durante el curso.

Instalaremos WordPress desde cero y recorreremos su panel de administración para entender cómo se organiza. Configuraremos los principales ajustes del sitio, usuarios, enlaces permanentes, idioma y estructura inicial. También veremos qué son los plugins, cómo instalarlos y qué criterios utilizar para elegir herramientas confiables, dejando preparado nuestro entorno de trabajo para comenzar el desarrollo.

Aprenderemos cómo funcionan los temas de WordPress y qué papel cumplen dentro del diseño de un sitio. Crearemos la estructura general del proyecto mediante páginas, menús, encabezado y pie de página, definiendo la navegación y organización del contenido. El objetivo será pasar de una instalación vacía de WordPress a tener la arquitectura completa de un sitio web profesional lista para comenzar a diseñar.

Comenzaremos a trabajar con Elementor y conoceremos su interfaz, contenedores, widgets y principales herramientas de diseño. Aprenderemos a trabajar con textos, imágenes, botones, fondos, márgenes y espacios, además de configurar colores y tipografías de manera coherente. Durante la clase construiremos las primeras partes visuales del proyecto aplicando buenas prácticas de diseño.

Profundizaremos en Elementor para desarrollar páginas completas y visualmente profesionales. Trabajaremos jerarquías de contenido, llamados a la acción, imágenes, columnas, tarjetas y diferentes tipos de secciones. También veremos cómo mantener una identidad visual consistente entre todas las páginas y cómo organizar el diseño pensando no solamente en que el sitio se vea bien, sino también en comunicar y convertir visitantes en potenciales clientes.

Adaptaremos el sitio para que funcione correctamente en computadoras, tablets y celulares. Aprenderemos a modificar tamaños, espacios, alineaciones, tipografías y distribución de elementos según el dispositivo. Analizaremos errores frecuentes del diseño responsive y realizaremos pruebas sobre el proyecto para conseguir una navegación cómoda y una correcta visualización independientemente del tamaño de pantalla.

Completaremos el sitio incorporando formularios de contacto, WhatsApp y llamados a la acción. También veremos conceptos fundamentales de SEO, estructura de encabezados, títulos, descripciones, URLs e imágenes, junto con aspectos básicos de rendimiento y optimización. Finalmente revisaremos enlaces, formularios y funcionamiento general para dejar el proyecto preparado para su presentación final.