Crea Tu Primer Sitio Web Empresarial (HTML, CSS y JavaScript + IA)

Description

Crea y publica un sitio web empresarial sencillo con HTML, CSS, JavaScript y ayuda de IA para el diseño y el contenido — sin necesidad de un marco. Nivel: principiante · Ideal para: dueños de PYMEs y personal de marketing Programa en vivo de 6 semanas · 10 sesiones en vivo · Zona horaria de Europa/Londres Lo que lograrás Estructurar páginas accesibles con HTML semántico. Estilizar diseños responsivos con CSS moderno (flexbox y grid). Añadir interactividad ligera con JavaScript básico. Usar IA para redactar contenido y CSS mientras mantienes el control de calidad. Desplegar un sitio estático en un objetivo de hosting y explicar cómo funcionan las actualizaciones. Lo que cubrimos Fundamentos del front-end Estructura y conceptos básicos de accesibilidad HTML5 Variables CSS, flexbox y grid Puntos de interrupción responsivos y diseño mobile-first JavaScript DOM y eventos (introducción) Creación de sitio empresarial Secciones de héroe, servicios, testimonios y contacto Formularios, validación y embebidos amigables con la privacidad Conceptos básicos de optimización de rendimiento e imágenes IA en el flujo de trabajo Generando contenido borrador que editas por precisión Sugerencias de CSS que pruebas en DevTools Evitando marcado de IA inaccesible o inflado Estructura del curso Fase 1 — Estructura HTML (Semana 1 · 2 sesiones en vivo) Construye el esqueleto de una página de marketing de múltiples secciones. Etiquetas semánticas: header, nav, main, section, footer Títulos, listas, enlaces e imágenes con texto alternativo Formularios y etiquetas para bloques de contacto Entregable: Esquema HTML sin estilos para tu página empresarial. Fase 2 — Diseño y marca con CSS (Semana 2 · 2 sesiones en vivo) Aplica tipografía, color y diseño responsivo. Reinicio de CSS / normalización y propiedades personalizadas Flexbox para navegación y filas de tarjetas Grid para secciones de características Entregable: Diseño con estilos para escritorio + móvil. Fase 3 — Componentes y pulido (Semana 3 · 2 sesiones en vivo) Botones, tarjetas y sistemas de espaciamiento consistentes. Estados de botones y anillos de enfoque Patrones de tarjetas y uso de iconos Modo oscuro opcional (prefers-color-scheme) Entregable: Biblioteca de secciones estilo componente en una página. Fase 4 — Interactividad con JavaScript (Semana 4 · 2 sesiones en vivo) Menú móvil, desplazamiento suave y validación de formularios simple. querySelector y oyentes de eventos Alternar clases para navegación y FAQ Validación del lado del cliente antes de enviar Entregable: Navegación interactiva + FAQ en tu página. Fase 5 — Contenido y conceptos básicos de SEO (Semana 5 · 2 sesiones en vivo) Metatags, Open Graph y estructura de copia legible. Títulos, descripciones y metatags canónicos Jerarquía de encabezados y enlaces internos Flujo de trabajo de edición de copia asistido por IA Entregable: Lista de verificación de SEO aplicada a tu sitio. Fase 6 — Publicar y mantener (Semana 6 · 2 sesiones en vivo) Desplegar archivos estáticos y planificar hábitos de actualización seguros. Opciones de hosting estático (Netlify / similar) Visión general de dominio personalizado y HTTPS Flujo de trabajo de actualización y respaldo Entregable: URL en vivo para tu sitio completado. Requisitos Tener comodidad utilizando un navegador y un editor de texto. No se requiere experiencia previa en codificación. Entrega Puedes usar la marca de tu negocio real si lo deseas (las imágenes de stock deben estar licenciadas). Los frameworks (React, Vue) están fuera del alcance — este curso se centra en los fundamentos. Detalles completos del curso: https://nlcrc.co.uk/courses-web-fundamentals-ai Reservas y consultas: nlcrc.co.uk · 020 3393 0948